/* Doorway, fabric and camera share one scroll timeline. */
.theatre,#skip-intro{display:none!important}body.intro-play{overflow:auto!important}
.academy-gate{inset:3% 5% -20% 40%;border:0;border-radius:0;box-shadow:none;background:none;transform:scale(calc(1 + var(--camera-push,0)*3.7));transform-origin:50% 48%;opacity:clamp(0,calc((1 - var(--journey,0))*8),1);overflow:visible}
.academy-gate:before{display:none}.academy-gate:after{inset:38.8% 17.1% 0;border:0;border-radius:0;box-shadow:0 0 0 100vmax #14271e;z-index:-1;clip-path:polygon(-10000% -10000%,10000% -10000%,10000% 10000%,-10000% 10000%,-10000% -10000%,0 0,0 100%,100% 100%,100% 0)}
.stone-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;filter:drop-shadow(8px 12px 14px #020a06a0);pointer-events:none}
.gate-aperture{position:absolute;left:17%;right:17%;top:13%;bottom:0;border-radius:50% 50% 0 0 / 31% 31% 0 0;overflow:hidden;box-shadow:inset 0 0 40px #020b06;isolation:isolate}
.gate-drape{position:absolute;top:0;bottom:-2%;width:51%;background:linear-gradient(180deg,#0009,transparent 27%,#0003 90%),repeating-linear-gradient(90deg,#071e15 0%,#123a29 5%,#31634a 11%,#224b35 17%,#082217 23%,#051a11 27%,#1f4933 35%);box-shadow:inset -9px 0 14px #0007,4px 0 15px #0009;will-change:transform;z-index:2;border-bottom:5px solid #aa9061;transform-origin:top left}
.gate-drape:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px);border-inline:2px solid #bca56b66}
.drape-left{left:0;transform:translateX(calc(var(--door-open,0)*-93%)) skewY(calc(var(--door-open,0)*-8deg))}.drape-right{right:0;transform:translateX(calc(var(--door-open,0)*93%)) skewY(calc(var(--door-open,0)*8deg));background-position:17px 0;transform-origin:top right}
.gate-pelmet{position:absolute;inset:0 0 auto;height:13%;z-index:3;background:repeating-linear-gradient(90deg,#0b2318,#31513b 9%,#102e20 18%);border-bottom:3px solid #b39a62;border-radius:0 0 50% 50%;box-shadow:0 9px 15px #0006;transform:translateY(calc(var(--door-open,0)*-80%))}
.gate-seal{position:absolute;z-index:4;left:50%;top:44%;transform:translate(-50%,-50%);height:80px;width:80px;display:grid;place-items:center;border:1px solid #c6ae75;border-radius:50%;color:#ddc28b;font:36px Georgia;background:#153323bb;box-shadow:0 0 0 7px #baa27122;opacity:calc(1 - var(--door-open,0)*4)}.gate-seal span{position:absolute;top:102px;white-space:nowrap;font:9px Arial;letter-spacing:.25em}
.hero-art{transform:scale(calc(1.02 + var(--camera-push,0)*.24))}.photo-mode .academy-gate{display:none}
@media(max-width:1050px){.academy-gate{inset:4% 0 -18% 31%}}
@media(max-width:760px){.academy-gate{inset:1% -7% -12% -7%;border:0;box-shadow:none;border-radius:0}.hero-copy{z-index:5}.gate-seal{top:37%;width:58px;height:58px;font-size:28px}.gate-seal span{top:77px;font-size:7px}.hero-shade{background:linear-gradient(0deg,#10291bf2,transparent 95%)}}
@media(prefers-reduced-motion:reduce){.drape-left{transform:translateX(-95%)}.drape-right{transform:translateX(95%)}.gate-seal{display:none}.academy-gate{transform:none;opacity:1}}
.academy-gate:after{inset:13% 17% 0;border-radius:50% 50% 0 0 / 31% 31% 0 0;clip-path:none;box-shadow:0 0 0 100vmax #14271e}