/* Variable type and photographic treatment from the academy dossier reference. */
@font-face{font-family:"Academy Dossier";src:url("assets/fonts/academy-mono-cyrillic-variable.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:"Academy Dossier";src:url("assets/fonts/academy-mono-latin-variable.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap;unicode-range:U+0000-00FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.journey{height:175svh}
/* One fixed camera for both scenes. Only the lit layer's opacity is animated. */
.unit-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#070503;pointer-events:none;contain:paint}
.unit-backdrop[hidden]{display:none}
.unit-backdrop-dark,.unit-backdrop-lit img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;object-position:center}
.unit-backdrop-dark{opacity:.05}
.unit-backdrop-lit{position:absolute;inset:0;opacity:0;contain:paint;will-change:opacity}
.unit-backdrop-lit img{filter:blur(20px) brightness(.88) saturate(.68)}
.unit-backdrop-shade{position:absolute;inset:0;background:linear-gradient(180deg,#14131166,#14131133 60%,#14131144)}
body[data-unit-backdrop] main{position:relative;z-index:1}
body[data-unit-backdrop] .journey,body[data-unit-backdrop] .academy-choice,body[data-unit-backdrop] .bwf.beam-footer{background:transparent}
body[data-unit-backdrop] .academy-choice::before{display:none}
body[data-unit-backdrop] .bwf-photo,body[data-unit-backdrop] .bwf-photo-shade{visibility:hidden}
@media(max-width:600px){.unit-backdrop-dark,.unit-backdrop-lit img{object-position:55% center}.unit-backdrop-lit img{filter:blur(18px) brightness(.88) saturate(.68)}}
.academy-choice{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#070503;color:#cdcbc5;visibility:hidden;pointer-events:none;overflow:hidden;--crt-amber:#cd8b31;--crt-border:#cd8b313d;--dossier-font:"Academy Dossier",monospace;--dossier-glow:0 0 4px #eeeede2b}
.academy-choice[data-open="true"]{visibility:visible;pointer-events:auto}
.journey[data-transition="footer"] .choice-frame,.journey[data-transition="intro"] .choice-frame,.journey[data-transition="choice"] .choice-frame{opacity:calc(1 - var(--choice-exit,0));transform:translateY(calc(var(--choice-exit,0) * -24px));will-change:transform,opacity;pointer-events:none}
.academy-choice[data-open="true"]::before{content:"";position:absolute;inset:0;background:url("assets/frames/f030.webp") center/cover no-repeat;opacity:.05;pointer-events:none}
.journey[data-selecting="true"] .stage > :not(.academy-choice){visibility:hidden;opacity:0}
.choice-frame{position:relative;isolation:isolate;width:61.33%;height:57.33%;min-height:420px;max-height:750px;overflow:hidden;background:transparent;padding:clamp(26px,2.9vw,58px);display:grid;grid-template-columns:1fr 1.8fr;grid-template-rows:auto 1fr;gap:clamp(20px,2.7vh,30px) clamp(28px,3.2vw,60px)}
.choice-picture,.choice-shade,.choice-scanlines,.choice-edge-blur{position:absolute;inset:0;pointer-events:none}
.choice-picture{z-index:-3}
.choice-picture,.choice-shade{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.choice-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(.6) contrast(.9) brightness(1.08);transition:opacity 900ms ease}
.choice-picture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c414a30,transparent 43%,#b77c2d55 74%,#b77c2d24);mix-blend-mode:color}
.choice-art[data-active="true"]{opacity:1}
.choice-shade{z-index:-2;background:linear-gradient(180deg,#070b0b3d,#090c0b4d 35%,#09080680),linear-gradient(90deg,#0d181a33,transparent 48%,#3627111a);box-shadow:inset 0 0 74px 32px #070707}
.choice-copy{display:contents}
.choice-copy h2{grid-column:1/-1;margin:0;color:var(--crt-amber);font:600 clamp(18px,1.32vw,27px)/1.6 var(--dossier-font);letter-spacing:.28em;text-shadow:var(--dossier-glow);max-width:100%;text-wrap:balance}
.choice-story{grid-column:1;grid-row:2;justify-self:start;align-self:start;width:100%;max-width:320px;text-align:left}
.choice-story > p{margin:0;padding-top:2px;color:#d9bc8d;font:500 clamp(17px,1.32vw,25px)/1.5 var(--dossier-font);text-wrap:pretty;text-shadow:var(--dossier-glow)}
.choice-options{position:relative;grid-column:2;grid-row:2;align-self:start;display:grid;gap:18px;z-index:2}
.choice-option{position:relative;min-height:clamp(108px,12svh,140px);padding:20px 22px;border:1px solid var(--crt-border);background:#0b0f0e1a;transition:box-shadow .2s,border-color .2s,color .2s,transform .15s}
.choice-option h3{margin:0 0 7px;color:#cdcbc5;font:600 clamp(21px,1.4vw,28px)/1.2 var(--dossier-font);letter-spacing:.015em;text-shadow:var(--dossier-glow)}
.choice-option p{margin:0;color:#858780;font:400 clamp(12px,.8vw,15px)/1.4 var(--dossier-font);text-shadow:0 0 4px #ffffff14}
.glass-surface{display:none}
.choice-link{position:absolute;inset:0;min-height:44px;color:var(--crt-amber);text-decoration:none;touch-action:manipulation;text-shadow:var(--dossier-glow)}
.choice-label{position:absolute;right:50px;top:50%;transform:translateY(-50%);font:500 clamp(12px,.9vw,18px)/1.4 var(--dossier-font)}
.glass-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);font:500 22px/1 var(--dossier-font)}
.choice-option:hover,.choice-option:focus-within{transform:translateY(-1px);box-shadow:0 0 18px #d4ad8040,inset 0 0 12px #d4ad800d;color:#d4ad80;border-color:#d4ad80b3}
.choice-option:hover .choice-link,.choice-option:focus-within .choice-link{color:#d4ad80}
.choice-link:focus-visible{outline:2px solid #d4ad80;outline-offset:4px}
.choice-option:active{transform:translateY(0);background:#cc903916}
.choice-scanlines{z-index:4;opacity:.6;background:repeating-linear-gradient(0deg,#b7a17114 0 1px,#263b3812 1px 2px,transparent 2px 6px);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.choice-scanlines::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#d4a1550b 49%,transparent 57%);background-size:100% 200%;animation:crt-ripple 9s linear infinite;animation-play-state:paused}
.academy-choice[data-open="true"] .choice-scanlines::after{animation-play-state:running}
body[data-unit-backdrop="footer"] .academy-choice .choice-scanlines::after{animation-play-state:paused}
/* Blur only the two visible edges, not the masked-out middle of the card. */
.choice-edge-blur{z-index:-1}
.choice-edge-blur::before,.choice-edge-blur::after{content:"";position:absolute;top:0;bottom:0;width:19%;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.choice-edge-blur::before{left:0;mask-image:linear-gradient(90deg,#000,transparent)}
.choice-edge-blur::after{right:0;mask-image:linear-gradient(90deg,transparent,#000)}
@keyframes crt-ripple{from{background-position:0 200%}to{background-position:0 -200%}}
@media(max-width:1300px){.choice-label{top:auto;bottom:16px;left:22px;right:auto;transform:none}.glass-arrow{top:auto;bottom:13px;transform:none}.choice-option{min-height:122px}.choice-option h3{font-size:21px}}
@media(max-width:1050px){.choice-frame{width:76%;grid-template-columns:1fr 1.6fr;gap:28px;padding:30px}.choice-story > p{font-size:16px}}
@media(max-width:650px){.choice-frame{width:calc(100% - 40px);height:auto;min-height:0;max-height:calc(100% - 40px);padding:30px 22px;display:flex;flex-direction:column;gap:22px;justify-content:center}.choice-copy{display:contents}.choice-copy h2{font-size:20px;line-height:1.5;letter-spacing:.16em}.choice-story{order:0;max-width:300px}.choice-story > p{font-size:15px;line-height:1.5}.choice-options{gap:12px;width:100%;order:1}.choice-option{padding:18px 20px;min-height:120px}.choice-option h3{font-size:21px}.choice-option p{font-size:12px}.choice-label{left:20px;bottom:16px;font-size:14px}.glass-arrow{right:20px;bottom:14px}.choice-art{object-position:63% center}.choice-shade{box-shadow:inset 0 0 44px 14px #070503}.choice-edge-blur::before,.choice-edge-blur::after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(max-height:650px) and (max-width:650px){.academy-choice{padding-top:48px}.choice-frame{padding:20px;gap:14px;max-height:calc(100% - 24px)}.choice-copy h2{font-size:18px}.choice-story > p{font-size:13px}.choice-option{min-height:108px;padding:14px 18px}.choice-option h3{font-size:20px}.choice-label{font-size:13px;bottom:12px}.glass-arrow{bottom:10px}}
@media(max-height:550px) and (min-width:651px){.choice-frame{height:90%;min-height:0;width:86%;padding:20px 36px;gap:12px}.choice-copy h2{font-size:21px}.choice-story > p{font-size:12px}.choice-option{min-height:96px;padding:13px 20px}.choice-options{gap:12px}.choice-option h3{font-size:20px}.choice-label{font-size:13px;bottom:12px;left:20px}.glass-arrow{bottom:10px;right:20px}}
@media(prefers-reduced-motion:reduce){.journey{height:175svh}.choice-frame,.choice-art,.choice-option,.choice-scanlines::after{animation:none!important;transition:none!important}.choice-frame{transform:none!important;filter:none!important}}