/* V2 is isolated from the preserved V1 and admin surfaces. */
.v2{--v2-gutter:clamp(24px,4.5vw,80px);--v2-night:#16231f;--v2-on-photo:#fff;scrollbar-color:#82908a #edf0ee}
.v2 .wordmark{letter-spacing:-.04em}.v2-wrap{width:calc(100% - var(--v2-gutter)*2);max-width:1360px;margin-inline:auto}
.v2 :focus-visible{outline:2px solid #628d7d;outline-offset:6px}.v2 .story-scene :focus-visible,.v2 .story-navigation :focus-visible,.v2 .immersive-header :focus-visible{outline-color:#fff}
.immersive-header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;padding-inline:var(--v2-gutter);color:#fff;border-bottom:1px solid #ffffff38}
.immersive-header .wordmark{font-size:25px}.immersive-header nav{display:flex;gap:34px;align-items:center;font-size:14px}.immersive-header nav>a{min-height:44px;display:inline-flex;align-items:center;gap:18px}.immersive-header nav>a:hover{text-decoration:underline;text-underline-offset:6px}.header-apply svg{width:19px}
.v2-plain .immersive-header{position:relative;color:var(--ink);border-color:var(--line)}.v2-plain .immersive-header :focus-visible{outline-color:var(--green)}
/* Without JS, or with reduced motion, every scene is an ordinary readable section. */
.scroll-story{position:relative;background:var(--v2-night);color:var(--v2-on-photo)}
.story-stage{position:relative}.story-scene{position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;scroll-margin-top:0;background:#37443d}
.scene-media,.scene-shade{position:absolute;inset:0;z-index:-1;overflow:hidden}.scene-media img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 18%;transform-origin:55% 28%}
.scene-jinsu .scene-media img{object-position:50% 13%;transform-origin:50% 22%}.scene-yuna.scene-moment .scene-media img{object-position:50% 10%}
/* Neutral photo scrims provide contrast; no decorative gradient surfaces. */
.scene-shade{background:linear-gradient(90deg,rgba(9,16,13,.69) 0%,rgba(9,16,13,.28) 42%,rgba(9,16,13,.04) 70%),linear-gradient(0deg,rgba(7,12,10,.62),transparent 63%,rgba(7,12,10,.25))}
.scene-copy{position:absolute;left:var(--v2-gutter);bottom:156px;width:min(570px,43%)}
.scene-copy h1,.scene-copy h2{font-size:clamp(52px,5.7vw,82px);line-height:1.15;font-weight:500;letter-spacing:-.04em}
.scene-description{font-size:16px;line-height:1.8;color:#f3f5f3;max-width:360px;margin-top:28px;text-wrap:pretty}
.encounter-link{margin-top:50px;display:flex;align-items:center;justify-content:space-between;gap:26px;width:340px;max-width:100%;padding-top:23px;border-top:1px solid #ffffff65}
.encounter-link strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.025em}.encounter-link>span>span{display:block;font-size:13px;margin-top:8px;color:#f3f5f3}.encounter-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff8a;border-radius:50%;flex:none;transition:background .25s,color .25s}.encounter-link:hover .encounter-arrow{background:#fff;color:var(--ink)}
.scene-signature{position:absolute;right:var(--v2-gutter);bottom:147px;font-size:clamp(58px,7vw,96px);font-weight:400;letter-spacing:-.04em;line-height:1;color:#fff}
.story-navigation{display:none}.motion-ready .scroll-story{height:270svh}.motion-ready .story-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
.motion-ready .story-scene{position:absolute;inset:0;height:100%;min-height:0}.motion-ready .story-scene+.story-scene{clip-path:inset(100% 0 0 0)}
.motion-ready .story-navigation{position:absolute;inset:auto var(--v2-gutter) 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:3}
.scroll-cue{font-size:12px;display:inline-flex;align-items:center;gap:14px;min-height:44px}.scroll-cue svg{width:16px;height:16px}.story-navigation nav{display:flex;gap:24px}.story-navigation nav>a{font-size:13px;min-width:90px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:4px 0}.scene-indicator{display:block;height:2px;background:#ffffff4d;position:relative;overflow:hidden}.scene-indicator::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(var(--scene-progress,0));transform-origin:left}.story-navigation [aria-current=true]{font-weight:600}
.character-directory{padding-block:96px 64px}.directory-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.directory-heading h2{font-size:clamp(34px,3.5vw,48px);font-weight:500}.directory-heading p{font-size:14px;color:var(--muted)}
.directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.directory-entry{display:block;min-width:0}.directory-photo{display:block;height:clamp(320px,35vw,480px);overflow:hidden;background:var(--wash)}.directory-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.directory-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.directory-name{font-size:28px;letter-spacing:-.03em;line-height:1.4}.directory-name small{display:inline-block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:12px}.directory-summary{display:block;font-size:15px;line-height:1.7;margin-top:7px}.directory-summary small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.directory-caption>svg{width:23px;height:23px;transition:transform .3s var(--ease)}.directory-entry:hover .directory-caption>svg{transform:translateX(4px)}.directory-entry:hover .directory-name{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.home-invite{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-block:48px 64px}.home-invite h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.4}.home-invite .button{min-width:174px}
.v2-close{padding:104px var(--v2-gutter) 110px;background:var(--v2-night);color:#fff;text-align:center}.v2-close h2{font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1.3;margin-bottom:36px}.v2 .button{border-radius:5px;min-height:54px}.v2 .button:hover{transform:none}.v2 .button.inverse{border-color:#fff;color:var(--v2-night)}.v2 .button.inverse:focus-visible{outline-color:white}
.immersive-footer{padding:24px var(--v2-gutter);display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand description privacy copyright";align-items:center;gap:12px 24px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.immersive-footer .wordmark{grid-area:brand;font-size:21px;color:var(--ink);min-height:44px;width:fit-content}.immersive-footer p{grid-area:description;font-size:11px}.footer-privacy{grid-area:privacy;display:inline-flex;align-items:center;min-height:44px;width:fit-content}.footer-copyright{grid-area:copyright;font-size:11px;white-space:nowrap}.immersive-footer a:hover{text-decoration:underline;text-underline-offset:5px}
/* Character chapters preserve the same stage; personality and dialogue stay calm. */
.detail-reel .scene-copy h1{font-size:clamp(64px,7vw,96px)}.detail-headline{font-size:clamp(23px,2.2vw,31px);line-height:1.5;font-weight:400;margin-top:26px;letter-spacing:-.025em}.detail-reel .scene-description{font-size:14px;max-width:310px;margin-top:22px}.hero-apply{margin-top:30px}.moment-caption h2{margin-top:24px;font-size:19px;line-height:1.6;max-width:330px;letter-spacing:-.02em}.moment-caption blockquote{font-size:clamp(32px,3.7vw,52px);line-height:1.4;font-weight:500;letter-spacing:-.03em;margin-top:0;word-break:keep-all}.quote-disclosure{font-size:12px;margin-top:23px;color:#f3f5f3}.scene-text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:28px;font-size:13px}.scene-text-link svg{width:17px;height:17px}.v2-detail .personality{padding-block:108px}.v2-detail .personality h2{font-weight:500}.v2-detail .sample-section{padding-block:90px}.v2-detail .sample-chat{border-radius:8px}.other-character{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;margin:30px auto 0;min-height:44px;width:fit-content;color:#e7ede9}.other-character:hover{text-decoration:underline}.other-character svg{width:17px}.mobile-apply{display:none}.v2 .media-fallback{background:#283b32;color:#fff;z-index:1;font-size:14px;align-items:start;padding-top:110px}
@media(min-width:1800px){.scene-media img{object-position:50% 19%}.scene-jinsu .scene-media img{object-position:50% 14%}.scene-copy{width:530px}.scene-shade{background:linear-gradient(90deg,rgba(9,16,13,.7),rgba(9,16,13,.15) 50%),linear-gradient(0deg,rgba(7,12,10,.6),transparent 70%)}}
@media(max-width:1000px){.scene-copy{width:48%;bottom:140px}.scene-copy h1,.scene-copy h2{font-size:60px}.scene-signature{font-size:70px;bottom:142px}.scene-description{font-size:14px}.directory-list{gap:28px}.immersive-footer{grid-template-columns:1fr auto;grid-template-areas:"brand privacy" "description copyright";column-gap:16px;row-gap:6px}.footer-privacy,.footer-copyright{justify-self:end}.v2-detail .personality{gap:40px}}
@media(max-width:720px){
.v2{--v2-gutter:24px}.immersive-header{height:76px;padding-top:env(safe-area-inset-top);gap:15px}.immersive-header .wordmark{font-size:21px}.immersive-header nav{font-size:12px;gap:22px}.header-apply svg{display:none}
.story-scene{min-height:660px}.scene-media img{object-position:53% 26%;transform-origin:53% 30%}.scene-jinsu .scene-media img{object-position:50% 23%}.scene-yuna.scene-moment .scene-media img{object-position:50% 16%}
.scene-shade{background:linear-gradient(0deg,rgba(6,13,9,.87) 0%,rgba(6,13,9,.61) 26%,rgba(6,13,9,.03) 67%,rgba(6,13,9,.32) 100%)}
.scene-copy{left:var(--v2-gutter);right:var(--v2-gutter);bottom:130px;width:auto}.scene-copy h1,.scene-copy h2{font-size:clamp(39px,10.5vw,64px);line-height:1.18;letter-spacing:-.04em}.scene-description{font-size:13px;margin-top:19px;max-width:290px}.encounter-link{margin-top:25px;padding-top:18px;width:100%;gap:20px}.encounter-link strong{font-size:20px}.encounter-link>span>span{font-size:12px;margin-top:6px}.encounter-arrow{width:42px;height:42px}.scene-signature{display:none}
.motion-ready .scroll-story{height:235svh}.motion-ready .story-navigation{bottom:max(24px,env(safe-area-inset-bottom));align-items:end;gap:20px}.scroll-cue{font-size:10px;max-width:100px;gap:7px;line-height:1.6}.scroll-cue svg{width:14px;flex:none}.story-navigation nav{gap:16px}.story-navigation nav>a{min-width:67px;font-size:11px;gap:10px;min-height:48px}
.character-directory{padding-block:56px 36px}.directory-heading{display:block;margin-bottom:28px}.directory-heading h2{font-size:30px}.directory-heading p{font-size:13px;margin-top:14px;max-width:290px}.directory-heading p br{display:none}.directory-list{gap:18px}.directory-photo{height:auto;aspect-ratio:3/4}.directory-caption{gap:8px;margin-top:14px}.directory-name{font-size:20px;line-height:1.4}.directory-name small{font-size:10px;margin-left:7px}.directory-summary{font-size:12px;line-height:1.65;margin-top:5px}.directory-summary small{display:none}.directory-caption>svg{width:18px;height:18px}
.home-invite{display:block;padding-block:30px 40px}.home-invite h2{font-size:28px;line-height:1.4}.home-invite .button{width:100%;margin-top:22px;justify-content:space-between;min-height:52px;font-size:14px}
.v2-close{padding-block:68px 72px}.v2-close h2{font-size:38px;margin-bottom:29px}.immersive-footer{padding-block:20px 26px;gap:6px 12px}.immersive-footer .wordmark{font-size:20px}.immersive-footer p{font-size:10px}.footer-privacy{font-size:10px}.footer-copyright{font-size:10px}
.detail-reel .scene-copy{bottom:130px}.detail-reel .scene-copy h1{font-size:64px}.detail-headline{font-size:22px;margin-top:20px}.detail-reel .scene-description{font-size:12px;max-width:290px;margin-top:17px}.hero-apply{margin-top:24px;font-size:13px;min-height:50px!important;padding:13px 18px}.moment-caption h2{font-size:16px!important;max-width:245px;line-height:1.6}.moment-caption blockquote{font-size:31px;margin-top:0}.quote-disclosure{font-size:11px;margin-top:18px}.scene-text-link{font-size:12px;margin-top:20px}.v2-detail .personality{padding-block:66px;gap:25px}.v2-detail .personality h2{font-size:31px}.v2-detail .sample-section{padding-block:60px}.v2-detail .sample-intro h2{font-size:33px}.v2-detail .sample-chat{padding:24px 18px}.v2-detail .sample-tabs{gap:18px}
.mobile-apply{position:fixed;inset:auto 0 0;z-index:12;background:#fff;border-top:1px solid var(--line);padding:12px 20px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px}.mobile-apply>span{font-size:15px;font-weight:500}.mobile-apply .button{min-height:44px;font-size:13px;padding-inline:18px}.v2-detail:has(.mobile-apply:not([hidden])){scroll-padding-bottom:84px}.v2-detail .immersive-footer{padding-bottom:110px}.v2.apply-page .apply-layout{padding-top:40px}.v2.apply-page .apply-form-wrap{padding-top:36px}
}
@media(max-height:620px) and (min-width:721px){.story-scene{min-height:640px}.scene-copy{bottom:90px}.scene-signature{bottom:90px}}
@media(prefers-reduced-motion:reduce){.v2 .scene-media img{transform:none!important}.v2 .story-scene{clip-path:none!important}.v2 .scene-indicator::after{transform:none}}
@media print{.v2 .scroll-story{height:auto!important}.v2 .story-stage{position:static!important;height:auto!important}.v2 .story-scene{position:relative!important;clip-path:none!important;height:700px!important}.story-navigation,.mobile-apply{display:none!important}}
/* V2 owns its scroll sequence; cross-document transitions from V1 do not apply. */
@view-transition{navigation:none}