/* Hanae's visual identity: two paths, one meeting. */
.brand-mark{width:43px;height:49px;object-fit:contain;margin-right:3px}.wordmark{gap:9px}.wordmark>span{margin-left:8px}
.hero{display:grid;grid-template-columns: .8fr 1.2fr;gap:45px;align-items:center;padding-top:48px;padding-bottom:20px;text-align:left}
.hero-meta{justify-content:start}.hero h1{font-size:44px;line-height:1.65;margin:25px 0 20px;letter-spacing:-2px;white-space:nowrap}.hero h1>span{font-size:19px;letter-spacing:5px;margin:0}
.hero-bottom{margin:0}.hero-bottom p{font-size:14px;line-height:2}.hero-bottom .text-link{margin-top:12px}
.hero-signature{display:flex;align-items:center;gap:15px;margin-top:48px}.hero-signature img{width:36px;height:42px;object-fit:contain}.hero-signature span{font-size:8px;line-height:1.9;letter-spacing:1.5px;color:var(--muted)}
.hero-scene{position:relative;height:520px;margin-bottom:30px}.cafe-cover{height:100%;width:100%;object-fit:cover;object-position:60% 50%;border-radius:120px 24px 24px 24px}
.scene-caption{position:absolute;top:26px;right:22px;display:flex;flex-direction:column;text-align:right;background:var(--paper);padding:12px 17px;border-radius:30px;font-size:8px;letter-spacing:1.4px}.scene-caption span:last-child{font-size:11px;letter-spacing:0;margin-top:3px}
.letter-note{position:absolute;bottom:25px;left:-35px;transform:rotate(-6deg);background:var(--paper);width:175px;padding:23px 18px;text-align:center;border:1px solid var(--line);box-shadow:0 8px 22px #19251b12}.letter-note img{width:39px;height:43px;object-fit:contain;display:block;margin:0 auto 10px}.letter-note>span{font:14px/1.9 'Noto Serif KR',serif}.letter-note small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:18px}.scene-credit{position:absolute;bottom:-25px;right:0;font-size:8px;color:var(--muted)}
.city-ribbon{display:flex;align-items:center;justify-content:center;gap:24px;padding:28px 0 25px;color:var(--muted)}.city-ribbon>span{font-size:10px;letter-spacing:3px}.city-ribbon i{height:1px;background:var(--line);width:100px}.city-ribbon img{width:25px;height:30px;object-fit:contain}
.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0 85px;text-align:left}.story-art{height:350px;position:relative}.story-photo{position:absolute;width:70%;aspect-ratio:1;left:0;top:0;transform:rotate(-5deg);padding:8px 8px 35px;background:var(--paper)}.story-photo>.photo-tile{aspect-ratio:1;height:auto}.story-photo>span{font-size:7px;position:absolute;bottom:11px;left:15px;letter-spacing:1.7px}.story-small{width:48%;aspect-ratio:1;position:absolute;right:0;bottom:20px;border:7px solid var(--paper);transform:rotate(8deg)}.story-stamp{position:absolute;right:15px;top:8px;border-radius:50%;width:70px;height:70px;background:#c5c9b8;display:grid;place-items:center}.story-stamp img{width:42px;height:48px;object-fit:contain}.story-art>small{position:absolute;bottom:0;left:0;font-size:8px;color:var(--muted)}.story-copy h2{font-size:30px}.story-copy p{font-size:13px}.stat-line{justify-content:start;gap:22px}.stat-line>span{font-size:11px}.stat-line b{background:none;color:var(--ink);border:1px solid var(--line);width:36px;height:36px;font-style:italic}
.portraits{background:#f6f2e84d;padding-top:55px;padding-bottom:40px}.portrait{border:0;border-radius:60px 16px 16px 16px}.profile:nth-child(even) .portrait{border-radius:16px 16px 60px 16px}
.trust{position:relative;overflow:hidden}.trust:before{content:'hanae';position:absolute;left:-15px;bottom:-95px;font:230px Georgia;letter-spacing:-15px;color:#f6f2e808;pointer-events:none}.trust-grid{position:relative}.verification-paper{transform:rotate(3deg);border:0;border-radius:18px}.face-symbol{width:115px;height:115px;border:0;border-radius:0;position:relative;padding:9px}.face-symbol .photo-tile{border-radius:50%;filter:saturate(.6)}.scan-corner{position:absolute;width:19px;height:19px;border-color:#78866a;border-style:solid}.tl{left:0;top:0;border-width:1px 0 0 1px}.tr{right:0;top:0;border-width:1px 1px 0 0}.bl{left:0;bottom:0;border-width:0 0 1px 1px}.br{right:0;bottom:0;border-width:0 1px 1px 0}
.process{padding:70px 0}.process-caption{font-size:13px;margin:16px 0 0}.process-caption span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.steps{gap:22px}.step-art{height:225px;border-radius:18px;margin-bottom:25px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.calendar-art{background:#c8cdbb}.mini-calendar{background:var(--paper);width:165px;padding:16px;transform:rotate(-6deg);border-radius:4px}.mini-calendar>span{font-size:6px;letter-spacing:1.4px}.calendar-days{font-size:9px;word-spacing:9px;white-space:nowrap;margin:12px 0 8px;color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-grid i{font-style:normal;font-size:9px;display:grid;place-items:center;aspect-ratio:1}.calendar-grid .picked{background:var(--ink);color:var(--paper);border-radius:50%}.mini-calendar>small{display:block;border-top:1px solid var(--line);margin-top:9px;padding-top:9px;font:italic 15px Georgia}
.mutual-art{background:#d8c1b4}.mutual-photo{position:absolute;width:92px;height:92px;left:30px;top:38px;border:5px solid var(--paper);transform:rotate(-9deg);border-radius:50%;overflow:hidden}.mutual-photo.second{left:auto;right:25px;top:77px;transform:rotate(8deg)}.mutual-join{z-index:1;font:italic 35px Georgia;background:var(--paper);border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.mutual-art>small{position:absolute;bottom:20px;letter-spacing:1.7px;font-size:7px}.venue-art>img{width:100%;height:100%;object-fit:cover}.venue-art>span{position:absolute;bottom:15px;left:15px;background:var(--paper);padding:10px 15px;font-size:8px;letter-spacing:1px;border-radius:6px}.venue-art small{font:13px/1.8 'Noto Serif KR',serif}.step-no{background:none;color:var(--ink);border:1px solid var(--line);width:34px;height:34px;font-size:18px}.steps h3{font-family:'Noto Serif KR',serif;font-weight:400}.invite-mark{display:block;width:58px;height:66px;object-fit:contain;margin-bottom:25px}.invitation{padding-top:30px}.still-life{border:0;border-radius:90px 20px 20px 20px}
@media(max-width:900px){.hero{gap:25px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:36px}.hero-scene{height:450px}.letter-note{width:145px;left:-20px;padding:18px 12px}.story{gap:35px}.story-art{height:300px}.story-copy h2{font-size:26px}.stat-line{gap:10px}.step-art{height:200px}.mutual-photo{left:12px;width:80px;height:80px}.mutual-photo.second{right:12px}}
@media(max-width:600px){.brand-mark{width:30px;height:36px}.wordmark{font-size:31px;gap:5px}.wordmark>span{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:30px}.hero-copy{text-align:center}.hero-meta{justify-content:center}.hero h1{font-size:38px;margin-top:16px}.hero h1>span{font-size:16px}.hero-bottom p{font-size:12px}.hero-signature{display:none}.hero-scene{height:360px;margin:0 0 22px 13px}.cafe-cover{border-radius:90px 20px 20px 20px}.letter-note{width:130px;padding:15px 10px;bottom:18px;left:-13px}.letter-note img{width:30px;height:34px;margin-bottom:7px}.letter-note>span{font-size:12px}.letter-note small{font-size:5px;margin-top:10px}.scene-caption{font-size:6px;right:12px;top:16px;padding:10px 13px}.scene-caption span:last-child{font-size:9px}.scene-credit{font-size:7px}.city-ribbon{padding:12px 0 20px;gap:16px}.city-ribbon i{width:50px}.story{display:flex;flex-direction:column;gap:25px;padding:35px 0 50px}.story-art{width:90%;height:285px;align-self:center}.story-copy{text-align:center}.story-copy h2{font-size:27px}.stat-line{justify-content:center;gap:22px}.story-copy p{font-size:12px}.story .eyebrow{margin-bottom:15px}.portraits{padding-top:35px}.trust:before{font-size:160px;bottom:-60px}.process{padding:40px 0}.steps{gap:30px}.steps article{grid-template-columns:36px 1fr;gap:0 14px}.step-art{grid-column:1/-1;height:230px;margin-bottom:18px}.step-no{grid-row:2/4}.steps h3{font-size:19px}.mutual-photo{width:110px;height:110px;left:50px;top:30px}.mutual-photo.second{right:40px;top:65px}.mutual-join{font-size:40px;width:50px;height:50px}.calendar-art .mini-calendar{width:180px}.calendar-days{word-spacing:11px}.invite-mark{width:42px;height:48px;margin-bottom:18px}.invitation{padding-top:10px}}
.hero-meta span:first-child{display:inline}.story-art>small{bottom:-24px}.story-art{margin-bottom:24px}