/* The entrance has its own composition. All rules stay inside the choice view. */
#intro.choice-intro{--split:50%;--choice-ease:cubic-bezier(.22,.7,.18,1);overflow:hidden;isolation:isolate;transition:opacity .28s ease,visibility .28s;}
#intro.choice-intro[data-active=classic]{--split:54%}
#intro.choice-intro[data-active=world]{--split:46%}
#intro .choice-panel{transition:clip-path .65s var(--choice-ease);animation:none;}
#intro .choice-film{width:66vw;height:100%;object-position:50% 46%;opacity:1;filter:none;transition:transform 1s var(--choice-ease);}
#intro[data-active=classic] .choice-film{transform:scale(1.025);filter:none;}
#intro .choice-classic .choice-shade{background:linear-gradient(180deg,transparent 28%,rgba(6,22,24,.03) 38%,rgba(6,22,24,.64) 56%,rgba(6,22,24,.8) 78%,rgba(6,22,24,.94) 100%);}
#intro .choice-world .choice-shade{background:linear-gradient(180deg,transparent 34%,rgba(8,32,41,.03) 41%,rgba(8,32,41,.64) 56%,rgba(8,32,41,.8) 80%,rgba(8,32,41,.94) 100%);}
/* Feathered daylight belongs to the image, never to a logo plaque or filter. */
#intro::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(246,243,232,.97),rgba(246,243,232,.87) 110px,rgba(246,243,232,0) 290px);clip-path:polygon(0 0,calc(var(--split) + 6vw) 0,calc(var(--split) - 6vw) 100%,0 100%);transition:opacity .35s ease;}
body.intro-open:has(.choice-intro) .world-vignette{opacity:0;}
body.intro-open:has(.choice-intro) .site-header{inset:24px auto auto 4.8vw;translate:none;min-height:0;padding:0;background:none;transition:opacity .24s ease;}
body.intro-open:has(.choice-intro) .site-header .brand{width:220px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;}
body.intro-open:has(.choice-intro) .site-header .brand img{width:100%;height:auto;max-width:none;filter:none;content:normal;}
#intro .choice-topline{top:37px;left:72%;width:27vw;text-shadow:none;}
#intro .choice-topline>p{display:none;}
#intro .choice-topline h1{font:450 17px/1.5 Geist,Arial,sans-serif;letter-spacing:-.02em;color:#173e43;}
#intro .entry-language{top:28px;right:4.8vw;}
#intro .entry-language select{background:rgba(250,249,242,.85);border-color:rgba(36,70,64,.24);border-radius:0;font-size:12px;padding:10px 13px;min-width:98px;}
#intro .choice-copy{top:auto;bottom:118px;width:37vw;max-width:630px;animation:choice-copy-arrival .65s ease .06s both;transition:opacity .35s ease;translate:none;}
#intro .choice-classic .choice-copy{left:4.8vw;right:auto;}
#intro .choice-world .choice-copy{right:4.8vw;left:auto;}
#intro .choice-copy .choice-kicker{font:450 12px/1.5 Geist,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;color:#f0e3bd;margin:0 0 14px;}
#intro .choice-copy h2{font:450 clamp(40px,4.8vw,76px)/1.04 Geist,Arial,sans-serif;letter-spacing:-.055em;color:#fffdf6;margin:0 0 16px;text-wrap:balance;max-width:none;}
#intro .choice-copy>p:not(.choice-kicker){display:block;font:400 15px/1.6 Geist,Arial,sans-serif;color:#f1f3ed;max-width:36ch;min-height:48px;margin:0 0 24px;}
#intro .choice-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
#intro .choice-copy .button{min-width:205px;min-height:52px;padding:14px 20px;font:500 14px/1.4 Geist,Arial,sans-serif;gap:30px;border-radius:0;}
#intro .choice-copy #enter-classic{background:#f7f4e9;border-color:#f7f4e9;color:#173e3d;}
#intro .choice-copy #enter-world{background:#ddc795;border-color:#ddc795;color:#173e3d;}
#intro .choice-copy .button:hover{background:#fffdf5;border-color:#fffdf5;}
#intro .choice-text-view{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#f4f1df;text-decoration:underline;text-underline-offset:5px;}
#intro .choice-copy .button>span{transition:transform .25s ease;}
#intro .choice-copy .button:hover>span{transform:translate(2px,-2px);}
#intro .choice-copy:focus-within{opacity:1;}
#intro .choice-divider{background:#e0ca99;opacity:.8;transition:clip-path .65s var(--choice-ease),opacity .35s;}
#intro .choice-footnote{left:4.8vw;right:4.8vw;bottom:22px;display:flex;gap:24px;align-items:center;min-height:44px;animation:none;}
#intro .choice-footnote>span{display:block;margin-right:auto;max-width:none;font-size:12px;letter-spacing:.015em;color:#d7e0d8;}
#intro .choice-footnote #intro-motion,#intro .choice-footnote .choice-legal{font-size:11px;min-height:44px;color:#e3e9df;white-space:nowrap;border:0;text-decoration:underline;text-underline-offset:5px;}
#intro .choice-footnote #load-status{font-size:10px;line-height:1.5;color:#baccc8;max-width:22ch;min-height:0;margin:0;text-align:right;}
#intro a:focus-visible,#intro button:focus-visible{outline:2px solid #f5dfa4;outline-offset:5px;}
/* The chosen surface opens; input and audio activation stay tied to the click. */
#intro.choice-intro[data-leaving=classic]{--split:110%;}
#intro.choice-intro[data-leaving=world]{--split:-10%;}
#intro[data-leaving] .choice-copy,#intro[data-leaving] .choice-topline,#intro[data-leaving] .choice-footnote,#intro[data-leaving] .entry-language,#intro[data-leaving]::before{opacity:0;animation:none;}
#intro[data-leaving] .choice-shade{opacity:0;transition:opacity .45s ease;}
#intro[data-leaving=classic] .choice-film{width:100%;transform:scale(1.025);transition:width .52s var(--choice-ease),transform .52s ease;}
#intro[data-leaving] .choice-divider{opacity:0;}
body.entry-leaving .site-header{opacity:0;pointer-events:none;}
body.entry-leaving .hud,body.entry-leaving #world-labels{visibility:hidden;opacity:0;pointer-events:none;}
@media(min-width:761px) and (max-width:1100px){
 #intro .choice-copy{width:38vw;bottom:110px;}
 #intro .choice-copy h2{font-size:clamp(36px,4.7vw,50px);}
 #intro .choice-copy>p:not(.choice-kicker){font-size:14px;}
 #intro .choice-copy .button{min-width:185px;}
 #intro .choice-actions{gap:8px 15px;}
 #intro .choice-topline{left:71%;width:24vw;}
 #intro .choice-topline h1{font-size:14px;}
 body.intro-open:has(.choice-intro) .site-header .brand{width:186px;}
 #intro .choice-footnote{gap:18px;}
 #intro .choice-footnote>span{font-size:10px;}
 #intro .choice-footnote #load-status{max-width:18ch;}
}
@media(max-width:760px){
 #intro.choice-intro{--split:50%;height:100svh;max-height:100svh;}
 #intro.choice-intro[data-active=classic],#intro.choice-intro[data-active=world]{--split:50%;}
 #intro .choice-film{width:100%;height:55svh;object-position:50% 40%;transform:none;}
 #intro .choice-classic .choice-shade{background:linear-gradient(180deg,transparent 14%,rgba(5,24,29,.08) 22%,rgba(5,24,29,.72) 28%,rgba(5,24,29,.86) 48%,rgba(5,24,29,.92) 55%,transparent 60%);}
 #intro .choice-world .choice-shade{background:linear-gradient(180deg,transparent 52%,rgba(8,32,41,.35) 60%,rgba(8,32,41,.70) 67%,rgba(8,32,41,.79) 80%,rgba(8,32,41,.97) 100%);}
 #intro::before{background:linear-gradient(180deg,rgba(246,243,232,.98),rgba(246,243,232,.88) 78px,transparent 174px);clip-path:none;}
 body.intro-open:has(.choice-intro) .site-header{inset:max(14px,env(safe-area-inset-top)) auto auto 22px;}
 body.intro-open:has(.choice-intro) .site-header .brand{width:155px;}
 #intro .entry-language{top:max(18px,env(safe-area-inset-top));right:22px;}
 #intro .entry-language select{min-width:93px;font-size:11px;background:#f7f5ebed;}
 #intro .choice-topline{display:none;}
 #intro .choice-copy{left:22px;right:22px;width:auto;max-width:none;translate:none;}
 #intro .choice-classic .choice-copy{left:22px;right:22px;top:auto;bottom:calc(50svh + 26px);}
 #intro .choice-world .choice-copy{left:22px;right:22px;top:auto;bottom:96px;}
 #intro .choice-copy .choice-kicker{font-size:10px;line-height:1.4;margin-bottom:8px;letter-spacing:.045em;}
 #intro .choice-copy h2{font-size:clamp(30px,8.8vw,42px);line-height:1.04;letter-spacing:-.045em;max-width:none;margin:0 0 10px;}
 #intro .choice-copy>p:not(.choice-kicker){font-size:13px;line-height:1.5;min-height:0;max-width:37ch;margin:0 0 13px;}
 #intro .choice-copy .button{min-width:183px;min-height:46px;max-width:100%;font-size:13px;line-height:1.3;padding:12px 16px;gap:22px;}
 #intro .choice-actions{gap:16px;flex-wrap:nowrap;}
 #intro .choice-text-view{font-size:11px;gap:6px;white-space:nowrap;}
 #intro[data-active] .choice-copy{opacity:1;translate:none;}
 #intro .choice-footnote{left:22px;right:22px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:0 18px;min-height:0;}
 #intro .choice-footnote>span{display:none;}
 #intro .choice-footnote #intro-motion{grid-column:1;grid-row:1;justify-content:flex-start;font-size:10px;}
 #intro .choice-footnote .choice-legal{grid-column:2;grid-row:1;font-size:10px;}
 #intro .choice-footnote #load-status{grid-column:1/-1;grid-row:2;max-width:none;text-align:left;font-size:9px;line-height:1.4;margin:0;}
 #intro.choice-intro[data-leaving=classic]{--split:110%;}
 #intro.choice-intro[data-leaving=world]{--split:-10%;}
 #intro[data-leaving=classic] .choice-film{height:100%;transition:height .52s var(--choice-ease);}
}
@media(max-width:760px) and (max-height:690px){
 #intro::before{background:linear-gradient(180deg,rgba(246,243,232,.98),rgba(246,243,232,.9) 60px,transparent 120px);}
 #intro .choice-copy h2{font-size:30px;margin-bottom:8px;}
 #intro .choice-classic .choice-copy{bottom:calc(50svh + 18px);}
 #intro .choice-world .choice-copy{bottom:87px;}
 #intro .choice-copy .choice-kicker{font-size:9px;margin-bottom:5px;}
 #intro .choice-copy>p:not(.choice-kicker){font-size:12px;line-height:1.4;margin-bottom:10px;}
 body.intro-open:has(.choice-intro) .site-header .brand{width:130px;}
 #intro .choice-copy .button{min-height:44px;padding:10px 14px;}
}
@media(max-width:350px){
 #intro .choice-copy,#intro .choice-classic .choice-copy,#intro .choice-world .choice-copy{left:18px;right:18px;}
 #intro .choice-copy h2{font-size:29px;}
 #intro .choice-copy .button{min-width:163px;font-size:12px;gap:14px;}
 #intro .choice-actions{gap:12px;}
 #intro .choice-text-view{font-size:10px;}
 #intro .choice-footnote{left:18px;right:18px;}
 #intro .entry-language{right:18px;}
}
@media(min-width:761px) and (max-height:590px){
 #intro::before{background:linear-gradient(180deg,rgba(246,243,232,.98),rgba(246,243,232,.85) 72px,transparent 122px);}
 #intro .choice-classic .choice-shade{background:linear-gradient(180deg,transparent 16%,rgba(6,22,24,.65) 31%,rgba(6,22,24,.8) 60%,rgba(6,22,24,.94) 100%);}
 #intro .choice-world .choice-shade{background:linear-gradient(180deg,transparent 20%,rgba(8,32,41,.63) 31%,rgba(8,32,41,.8) 65%,rgba(8,32,41,.94) 100%);}
 #intro .choice-copy{bottom:88px;}
 #intro .choice-copy h2{font-size:38px;margin-bottom:10px;}
 #intro .choice-copy .choice-kicker{margin-bottom:9px;font-size:10px;}
 #intro .choice-copy>p:not(.choice-kicker){font-size:13px;margin-bottom:15px;}
 #intro .choice-footnote{bottom:10px;}
 body.intro-open:has(.choice-intro) .site-header .brand{width:145px;}
 #intro .choice-copy .button{min-width:168px;font-size:12px;min-height:44px;padding:10px 14px;}
 #intro .choice-actions{gap:12px;}
 #intro .choice-text-view{font-size:10px;}
}
/* Short phones / zoomed text retain an independently scrollable choice. */
@media(max-width:760px) and (max-height:540px){
 #intro.choice-intro{overflow-y:auto;}
 #intro .choice-panels,#intro .choice-divider{min-height:660px;}
 #intro .choice-film{height:355px;}
 #intro .choice-classic .choice-copy{bottom:auto;top:155px;}
 #intro .choice-world .choice-copy{bottom:auto;top:426px;}
 #intro .choice-footnote{top:614px;bottom:auto;}
 #intro .choice-classic{clip-path:polygon(0 0,100% 0,100% 316px,0 352px);}
 #intro .choice-world{clip-path:polygon(0 352px,100% 316px,100% 100%,0 100%);}
 #intro .choice-divider{clip-path:polygon(0 351px,100% 315px,100% 317px,0 353px);}
}
@media(prefers-reduced-motion:reduce){
 #intro *,#intro::before{animation:none!important;transition:none!important;transform:none!important;}
}
body.motion-paused #intro *,body.motion-paused #intro::before{animation:none!important;transition:none!important;transform:none!important;}

body:not(.intro-open) #intro.choice-intro{transition:none;opacity:0;visibility:hidden;}