.greeting-hero{min-height:700px;height:84svh;max-height:920px;position:relative;background:linear-gradient(90deg,#07182bf2 0%,#07182bbb 40%,#07182b25 100%),url(menu-background.webp) center 48%/cover;color:#f3eee5;padding:170px 8% 95px}.greeting-hero h1{font:400 24px/1.6 Noto,serif;letter-spacing:-.025em;margin:0 0 30px}.greeting-hero .eyebrow{font-size:11px;letter-spacing:4px;margin-bottom:16px}.greeting-title{font:400 clamp(38px,3.5vw,58px)/1.65 Noto,serif;letter-spacing:-.045em;margin:0}.hero-caption{position:absolute;left:8%;bottom:34px;color:#c0c5cc;font-size:10px;letter-spacing:3px}.letter{display:grid;grid-template-columns:24% 1fr;gap:10%;padding:105px 10% 115px;background:#f3f1eb}.letter-marker{font:11px/1.9 'Pretendard Variable',sans-serif;letter-spacing:2px;color:#7f6a48}.letter-aside .rule{margin:28px 0;width:42px}.aside-name{font:400 25px Noto,serif;margin:0 0 16px}.aside-role{font-size:13px;line-height:1.9;color:#606b76}.letter-body{max-width:736px}.letter-body p{font-size:18px;line-height:2.05;word-break:keep-all;margin:0 0 30px;color:#35404d}.letter-body .salutation{font-family:Noto,serif;font-size:22px;color:#1f2e4c;line-height:1.85;margin-bottom:38px}.signature{border-top:1px solid #a1854b55;margin-top:45px;padding-top:32px;display:flex;align-items:center;gap:24px}.signature span{font:400 27px Noto,serif;letter-spacing:.15em}.signature small{font-size:13px;color:#69717a}.closing-scene{min-height:320px;background:linear-gradient(#07182b99,#07182be6),url(background.webp) center 78%/cover;text-align:center;padding:65px 24px 58px;color:#eee8dd}.closing-scene p{font:400 36px/1.5 Shippori,serif;margin:0 0 24px}.closing-scene p span{color:#ceb37c}.closing-scene .rule{margin:0 auto 22px;width:48px}.closing-scene small{font-size:10px;letter-spacing:3px}
@media(max-width:700px){.greeting-hero{padding:145px 28px 85px;min-height:620px;max-height:760px;height:82svh;background-position:48% center}.greeting-hero h1{font-size:19px}.greeting-title{font-size:33px;line-height:1.75}.hero-caption{left:28px;font-size:9px;letter-spacing:2px}.letter{display:block;padding:52px 28px 64px}.letter-aside{margin-bottom:34px;border-bottom:1px solid #a1854b44;padding-bottom:24px}.letter-marker{font-size:10px}.letter-aside .rule{display:none}.aside-name{font-size:20px;margin:18px 0 6px}.aside-role{margin:0;font-size:12px}.aside-role br{display:none}.letter-body .salutation{font-size:19px;line-height:1.85;margin-bottom:28px}.letter-body p{font-size:16px;line-height:1.95;margin-bottom:25px}.signature{display:block;margin-top:34px;padding-top:25px}.signature span{font-size:25px}.signature small{display:block;margin-top:14px;font-size:12px}.closing-scene{min-height:260px;padding:52px 20px}.closing-scene p{font-size:26px}}
@media(max-width:350px){.greeting-title{font-size:29px}.greeting-hero{padding-left:24px;padding-right:24px}.letter{padding-left:24px;padding-right:24px}.letter-body .salutation{font-size:18px}.closing-scene p{font-size:23px}}
.partner-photo{display:block;width:100%;height:auto;margin:0 0 28px}.letter{grid-template-columns:30% 1fr;gap:7%;padding-left:8%;padding-right:8%}.letter-body .closing-promise{color:#1f2e4c}.letter-aside{align-self:start}@media(max-width:700px){.partner-photo{max-width:300px;margin-bottom:24px}.letter{padding-left:28px;padding-right:28px}.letter-aside{padding-bottom:28px}}
.signature{flex-direction:column;align-items:flex-start;gap:6px}
@font-face{font-family:DjpSignature;src:url(fonts/Allura.ttf) format('truetype');font-weight:400;font-display:swap}
.signature span{display:inline-block;font-family:DjpSignature,cursive;font-size:64px;font-weight:400;-webkit-text-stroke:.65px currentColor;line-height:1.25;letter-spacing:0;transform:rotate(-4deg);color:#1f2e4c}
.signature small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:10px}

.signature{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.signature span{display:inline-block;font-family:DjpSignature,cursive;font-size:64px;font-weight:400;-webkit-text-stroke:.65px currentColor;line-height:1.25;letter-spacing:0;transform:rotate(-4deg);color:#1f2e4c}.signature small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:10px}@media(max-width:700px){.signature span{font-size:50px}}