/* Four universes. Editorial additions to the retained cinematic design. */
:root{--sars:#c28c70;--sars-dark:#201b18}
.hero-footer{grid-template-columns:minmax(210px,.8fr) minmax(0,2.2fr);gap:44px}
.hero-choices{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-choice{gap:9px}.hero-choice+.hero-choice{padding-left:15px}.hero-choice small{white-space:normal;line-height:1.5;max-width:150px;min-height:24px;font-size:8px}.hero-choice>span:nth-child(2){font-size:17px}
.hero-preview-caption>.micro{max-width:55%;font-size:8px;line-height:1.5}
.hero-choice[data-preview=sars][aria-pressed=true]{border-bottom-color:var(--sars)}
.preview-sars{inset:86px auto 25px 43%;width:62%;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 95%);transform:translate3d(var(--pointer-x),calc(var(--pointer-y) + var(--scroll-shift)*.65),0);transition:opacity .45s}
.preview-sars img{object-position:69% center;filter:brightness(.86) saturate(.45)}
.hero[data-preview=sars] .preview-sars{opacity:1}
.hero[data-preview=sars] .hero-ghost{opacity:0;animation:none}
.thumb-sars{background-image:url('assets/reference/sars-infected-mobile.jpg');background-position:75% center}
.games-dropdown{width:350px}.games-dropdown>a{padding-block:12px}.games-dropdown>.eyebrow{margin-bottom:16px}
.chapter-nav{flex-wrap:wrap;column-gap:26px;row-gap:8px}
.arkan-heading>p:last-child{max-width:720px;margin-inline:auto;line-height:1.4}
.sister-story .world-statement{max-width:480px;font-size:clamp(24px,2.2vw,33px);line-height:1.35}
.sister-story .world-description{max-width:470px}
.sister-composition{padding-bottom:70px}
.bravo-brief{max-width:310px}.bravo-brief>p:nth-child(2){font-size:27px;line-height:1.4}
.bravo-mobile-slogan{display:none}
.bravo-story-link{display:flex;align-items:center;gap:25px;color:var(--olive);font:12px/1.5 var(--display);min-height:44px;margin-top:12px;width:fit-content}.bravo-story-link:hover{text-decoration:underline;text-underline-offset:5px}.bravo-story-link span{font-size:19px}
.transition-pandemic{background:linear-gradient(#0d0e10,#201b18);color:#b99381}
.world-sars{position:relative;isolation:isolate;background:var(--sars-dark);overflow:hidden;color:#e4dfd7}
.world-sars .chapter-topline{border-color:#c28c7033;color:#c3a698}
.sars-poster{position:relative;isolation:isolate;height:650px;overflow:hidden;background:#2a2520}
.sars-collapse{position:absolute;inset:0 49% 0 0;clip-path:polygon(0 0,100% 0,83% 100%,0 100%)}
.sars-collapse img{object-position:25% center;filter:saturate(.28) brightness(.55)}
.sars-infected{position:absolute;inset:0 -5% 0 38%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.sars-infected img{object-position:68% center;filter:saturate(.42) brightness(.83)}
.sars-atmosphere{position:absolute;inset:0;background:linear-gradient(0deg,#201b18 0%,transparent 45%),linear-gradient(90deg,#201b1870,transparent 65%),linear-gradient(0deg,transparent 70%,#201b1880);pointer-events:none}
.sars-heading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:55px}
.sars-heading>.eyebrow{position:absolute;top:39px;color:#dac4b8;font-size:9px;text-shadow:0 2px 8px #000}
.sars-heading h2{font-size:clamp(150px,19vw,300px);line-height:.78;letter-spacing:-.065em;text-shadow:0 8px 55px #0006}
.sars-heading h2 span{color:var(--sars)}
.sars-slogan{font:30px/1.4 var(--display);max-width:420px;margin-top:28px;text-shadow:0 2px 20px #000}
.sars-image-label{position:absolute;right:var(--gutter);bottom:35px;font-size:8px;color:#c8ac9b;max-width:290px;text-align:right}
.sars-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-top:35px;padding-bottom:42px;border-top:1px solid #c28c7033}
.sars-excerpt{font-size:15px;line-height:1.9;color:#c9c4bd;max-width:610px}
.sars-actions{display:flex;flex-direction:column;align-items:stretch;gap:23px}
.sars-actions>.text-link{font-size:15px;color:#e9d2c3;border-color:#c28c7070;min-height:48px}
.sars-actions>.text-link>span{color:var(--sars)}
.story-connection{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #c28c7040;padding:19px 0 8px;gap:7px;min-height:90px}
.story-connection>.micro{font-size:8px;color:#b7a596}
.story-connection>span:nth-child(2){font:700 24px/1.4 var(--display)}.story-connection i{font-style:normal;color:var(--sars);margin-inline:15px}.story-connection small{font-size:11px;color:#b6aca4;line-height:1.7}.story-connection:hover>span:nth-child(2){color:var(--sars)}
.world-sars .world-credit{border-color:#c28c7033}.world-sars .world-credit button{color:#b8aaa0}
.community-cinema>div{width:34%;margin-left:-6%}
.game-dialog[open]{grid-template-columns:38% 62%}
.dialog-image{position:sticky;top:58px;align-self:start;height:calc(100svh - 145px);min-height:400px;max-height:650px}
.dialog-copy{padding:35px 38px 40px}.dialog-copy .dialog-lead{font-size:25px;line-height:1.45;margin-top:23px}
#dialog-description{font-size:14px;line-height:1.85;color:var(--muted);margin-top:25px}#dialog-description p+p{margin-top:19px}
.dialog-copy>#dialog-ending{font:700 21px/1.5 var(--display);border-top:1px solid var(--line);padding-top:22px;margin-top:26px;color:var(--paper)}
.game-dialog[data-game=sars]{border-color:#c28c7070}.game-dialog[data-game=sars] .dialog-lead,.game-dialog[data-game=sars] .eyebrow{color:#dbb39d}
.game-dialog[data-game=sars] .dialog-image>img{object-position:78% center}
@media(min-width:761px) and (max-width:1100px){.hero-footer{grid-template-columns:1fr;gap:12px}.hero-footer>.prototype-note{display:none}.hero-choice>span:nth-child(2){font-size:17px}.hero-content{padding-bottom:240px}}
@media(max-width:760px){
 .hero{min-height:920px}.hero-content{padding-bottom:370px}.hero-ghost{bottom:290px}.hero-scene-credit{bottom:350px;max-width:205px;font-size:7px;line-height:1.7}
 .hero-footer{grid-template-columns:1fr;gap:15px}.hero-choices{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.hero-choice,.hero-choice+.hero-choice{padding:11px 9px 11px 0;border-left:0;min-height:74px;gap:9px}.hero-choice>span:nth-child(2){font-size:16px}.hero-choice small{font-size:8px;max-width:125px;min-height:22px}.hero-choice i{top:17px;right:2px}.hero-preview-caption{min-height:57px;gap:9px;padding-right:32px}.hero-preview-caption>.micro{font-size:7px;max-width:47%}.preview-explore{font-size:11px;gap:7px}.preview-close{right:-9px}
 .preview-fantasy,.preview-horror,.preview-sars{inset:94px auto 290px 33%;width:106%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);mask-image:linear-gradient(90deg,transparent,#000 15%,#000)}
 .preview-sars img{object-position:73% center}.mobile-game-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.mobile-game-links>a{min-height:56px}
 .chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 30px;max-width:340px}.chapter-nav a{justify-content:space-between;min-height:48px}
 .arkan-heading>p:last-child{max-width:390px;font-size:20px;line-height:1.4;padding-inline:9px}.sister-story .world-statement{font-size:24px;max-width:none;line-height:1.4}.sister-composition{padding-bottom:36px}
 .sars-poster{height:510px}.sars-collapse{inset:0 0 0 0;clip-path:none}.sars-collapse img{object-position:22% center;filter:brightness(.48) saturate(.2)}.sars-infected{inset:0 -45% 95px 0;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.sars-infected img{object-position:74% center;filter:brightness(.78) saturate(.35)}.sars-atmosphere{background:linear-gradient(0deg,#201b18 0%,#201b1860 45%,transparent 78%),linear-gradient(90deg,#201b1855,transparent 65%)}
 .sars-heading{padding-bottom:30px}.sars-heading>.eyebrow{top:22px;font-size:7px;letter-spacing:.07em}.sars-heading h2{font-size:clamp(117px,34vw,210px);line-height:.85}.sars-slogan{font-size:25px;line-height:1.3;max-width:290px;margin-top:20px}.sars-image-label{top:54px;bottom:auto;right:20px;font-size:6px;max-width:170px;line-height:1.6}
 .sars-editorial{grid-template-columns:1fr;gap:25px;padding-top:23px;padding-bottom:30px}.sars-excerpt{font-size:13px;line-height:1.9}.sars-actions{gap:19px}.sars-actions>.text-link{font-size:14px}.story-connection{gap:7px;padding-top:20px}.story-connection>span:nth-child(2){font-size:24px}.story-connection small{font-size:11px;line-height:1.7}
 #bravo-six .bravo-mobile-slogan{display:block;font:24px/1.4 var(--display);margin-bottom:22px;color:var(--paper)}.bravo-story-link{font-size:12px;margin-top:8px}.bravo-debrief .button{margin-top:14px}.community-cinema>div{width:37%;margin-left:-4%}
 .game-dialog[open]{grid-template-columns:1fr}.dialog-image{position:relative;top:auto;min-height:0;height:180px;max-height:none}.dialog-copy{padding:27px 24px 31px}.dialog-copy .dialog-lead{font-size:23px;line-height:1.4}.dialog-copy h2{font-size:44px}#dialog-description{font-size:14px;line-height:1.85}.dialog-copy>.dialog-ending{font-size:21px;line-height:1.45}.dialog-copy .eyebrow{line-height:1.7}
}
@media(max-width:380px){.hero-choice>span:nth-child(2){font-size:15px}.hero-choice small{font-size:7px}.hero-preview-caption>.micro{font-size:6px}.preview-explore{font-size:10px}.hero-choice{gap:7px}.sars-heading h2{font-size:118px}.sars-slogan{font-size:24px}.sister-story .world-statement{font-size:23px}}
@media(prefers-reduced-motion:reduce){.preview-sars{transform:none!important}}