@font-face{font-family:Bodoni;src:url('assets/fonts/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}@font-face{font-family:Plex;src:url('assets/fonts/ibm-plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--carbon:#060909;--bone:#e3e5d9;--ash:#9da99e;--oxide:#ab6352;--green:#374c44;--light:#cbd7c3;--frame:clamp(20px,4vw,68px);--px:0px;--py:0px;--second:0}
*{box-sizing:border-box}html{background:var(--carbon);height:100%}body{margin:0;min-width:280px;min-height:100svh;color:var(--bone);background:var(--carbon);font-family:Plex,monospace;overflow-x:hidden;isolation:isolate}button,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;font:inherit}button:focus-visible,input:focus-visible{outline:1px solid var(--light);outline-offset:7px}button:disabled{cursor:wait}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1}button{touch-action:manipulation}button:hover{color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
.environment{position:fixed;inset:0;overflow:hidden;z-index:-1;background:var(--carbon)}.corridor{position:absolute;inset:-4%;transform:translate(var(--px),var(--py));transition:transform 1.8s ease-out}.hallway{width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:grayscale(.65) sepia(.14) hue-rotate(48deg) saturate(.45) brightness(.69) contrast(1.22);transform:scale(1.04);animation:approach 55s ease-in-out infinite alternate}.fluorescence{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 26%,#d7e2cb24,transparent 54%);mix-blend-mode:screen;opacity:.3;transition:opacity 600ms}.pulse .fluorescence{animation:light-decay .8s ease-out both}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#060909c9,transparent 36%,transparent 64%,#060909c9),linear-gradient(0deg,#060909 0%,#0609098c 13%,transparent 42%,#06090950 75%,#060909e6 100%),radial-gradient(ellipse at 50% 40%,transparent 0 17%,#06090936 53%,#06090996 100%)}.light-shaft{position:absolute;inset:-30%;background:conic-gradient(from 163deg at 50% 23%,transparent 0deg,#cbd7c307 4deg,#cbd7c30a 14deg,transparent 30deg);filter:blur(14px);mix-blend-mode:screen;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#06090938 3px 4px);opacity:.17}#grain{position:absolute;inset:0;width:100%;height:100%;opacity:.065;image-rendering:pixelated;mix-blend-mode:screen}.cables{position:absolute;inset:-4%;width:108%;height:108%;transform:translate(calc(var(--px)*-1.4),calc(var(--py)*-1.4));transition:transform 1.8s ease-out;filter:blur(.4px);opacity:.7}.cable-shadow{stroke:#010303;stroke-width:11}.cable-line{stroke:#738177;stroke-width:1;opacity:.24}.cable-rust{stroke:var(--oxide);stroke-width:1.2;opacity:.37}.letterbox{position:absolute;left:0;right:0;height:clamp(56px,9vh,105px);background:var(--carbon)}.letterbox.top{top:0}.letterbox.bottom{bottom:0}
.experience{min-height:100svh;opacity:0;transition:opacity 2s ease 1s;display:flex;flex-direction:column}.entered .experience{opacity:1}header{position:relative;padding:0 var(--frame);height:clamp(56px,9vh,105px);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.21em;color:var(--ash);flex-shrink:0}.release-mark{color:var(--bone)}.location-mark{opacity:.6;font-size:8px}main{flex:1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px var(--frame) 60px;text-align:center;outline:none}.eyebrow{font:400 9px/1.6 Plex,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--ash)}.thesis{margin:0 0 clamp(38px,6.5vh,82px);color:#cbd2c6;position:relative}.thesis:before{content:'';display:block;height:26px;width:1px;margin:0 auto 26px;background:linear-gradient(transparent,var(--oxide))}.clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1180px,94vw);position:relative}.unit{min-width:0;position:relative}.unit+.unit:before{content:'';position:absolute;left:0;top:29%;width:2px;height:2px;opacity:.7;background:var(--ash);box-shadow:0 15px 0 var(--ash)}.numeral{position:relative;display:flex;justify-content:center;isolation:isolate}.number,.reflection{font-family:Bodoni,Didot,serif;font-weight:400;font-size:clamp(92px,14vw,216px);font-variation-settings:'opsz' 96;line-height:1;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.065em;padding-right:.065em}.number{background:linear-gradient(180deg,#f2f1e5 16%,#c3cdbd 65%,#98a89b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 45px #cbd7c315;filter:drop-shadow(0 1px 0 #dfe8d72e)}.reflection{position:absolute;top:94%;left:0;right:0;transform:scaleY(-.49);transform-origin:top;opacity:.10;filter:blur(2px);mask-image:linear-gradient(transparent 30%,#000 100%);color:var(--light);z-index:-1;pointer-events:none}.seconds-unit .number{background-image:linear-gradient(180deg,#dedbcc 0%,#b1b6a6 70%,#ab6352 120%)}.label{display:block;position:relative;z-index:1;margin-top:23px;font-size:8px;letter-spacing:.33em;color:#acb7a9;text-transform:uppercase}.seconds-unit .label{color:#c39786}.release{margin-top:clamp(45px,7vh,86px);display:flex;align-items:center;flex-direction:column;gap:24px}.release-stem{display:block;height:32px;width:1px;background:linear-gradient(#9da99e80,transparent)}time{font-size:9px;letter-spacing:.15em;color:#adb6a8;line-height:1.7}.date-divider{padding:0 18px;color:#827e6d}.arrival{font:400 clamp(65px,12vw,180px)/1.2 Bodoni,serif;letter-spacing:-.03em;margin:0}.ended .clock{display:none}.ended .thesis{opacity:.6}
footer{height:clamp(56px,9vh,105px);padding:0 var(--frame) max(0px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;position:relative}footer button{background:none;border:0;min-height:44px;padding:10px 0;display:inline-flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.1em;color:var(--ash)}.audio-controls,.view-controls{display:flex;align-items:center;gap:22px}.equalizer{display:flex;align-items:center;gap:3px;height:16px;width:18px}.equalizer i{display:block;height:2px;width:1px;background:var(--ash)}.sound-enabled .equalizer i{animation:equalize 1.6s ease-in-out infinite alternate}.sound-enabled .equalizer i:nth-child(2){animation-delay:-.5s}.sound-enabled .equalizer i:nth-child(3){animation-delay:-1.2s}.sound-enabled .equalizer i:nth-child(4){animation-delay:-.8s}.volume-control{display:flex;align-items:center;min-height:44px}.volume-control input{width:64px;height:28px;margin:0;cursor:pointer;background:transparent;appearance:none;-webkit-appearance:none}.volume-control input::-webkit-slider-runnable-track{height:1px;background:#9da99e55}.volume-control input::-moz-range-track{height:1px;background:#9da99e55}.volume-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:var(--ash);margin-top:-3px}.volume-control input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--ash)}.motion-symbol{font-size:12px;line-height:1;width:12px}.footer-note{font-size:8px;letter-spacing:.19em;color:#69766c}.seconds-track{position:fixed;bottom:clamp(56px,9vh,105px);left:var(--frame);right:var(--frame);height:1px;background:#9da99e13;pointer-events:none}.seconds-track>div{height:100%;width:100%;background:linear-gradient(90deg,transparent,#ab635260);transform-origin:left;transform:scaleX(var(--second));transition:transform .7s ease}.audio-message{position:fixed;bottom:110px;left:24px;right:24px;text-align:center;font:10px/1.5 Plex,monospace;color:var(--bone);pointer-events:none}.audio-message:empty{display:none}
.entrance{position:fixed;inset:0;z-index:10;display:flex;justify-content:center;align-items:center;overflow:auto;min-height:100svh;background:#060909f5;transition:background 1.3s ease,visibility 0s 2.2s}.entrance:before,.entrance:after{content:'';position:absolute;top:0;bottom:0;width:50.2%;background:var(--carbon);z-index:-1;transition:transform 2.2s cubic-bezier(.68,0,.21,1)}.entrance:before{left:0}.entrance:after{right:0}.entrance-copy{padding:40px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;transition:opacity .5s,transform .8s}.entrance .eyebrow{font-size:8px;letter-spacing:.25em;margin:0 0 36px}.doorway{position:relative;width:128px;height:248px;border:1px solid #cbd7c329;border-bottom:0;perspective:600px;box-shadow:0 0 85px #cbd7c30a}.door-light{position:absolute;inset:0;background:linear-gradient(90deg,#060909 1%,#06090912 35%,#06090970),url('assets/hallway.jpg') center 44%/cover;filter:brightness(.8);box-shadow:inset -2px 0 2px #e3e5d955}.door-panel{position:absolute;inset:0 7px 0 0;background:linear-gradient(100deg,#090e0d,#0d1411 80%,#152119);transform:rotateY(-18deg);transform-origin:left;border:1px solid #4e605330;border-right-color:#cbd7c38c;box-shadow:7px 0 14px #cbd7c329;animation:door-breathe 9s ease-in-out infinite alternate}.door-panel:after{content:'';position:absolute;right:12px;top:56%;width:13px;height:2px;background:#9da99e66}.threshold{position:absolute;bottom:-70px;left:0;right:-55px;height:70px;clip-path:polygon(0 0,75% 0,100% 100%,18% 100%);background:linear-gradient(#cbd7c314,transparent)}.entrance-date{font:400 22px/1.4 Bodoni,serif;letter-spacing:.18em;margin:43px 0 27px}.entrance-date span{display:block;font:8px Plex,monospace;letter-spacing:.5em;color:var(--ash);margin-top:10px}.enter{background:transparent;border:1px solid #9da99e55;padding:13px 23px;min-height:48px;font-size:9px;letter-spacing:.16em;display:flex;gap:25px;align-items:center;transition:background .3s,border-color .3s}.enter:hover{background:#cbd7c30b;border-color:#cbd7c3a0}.silent{padding:14px 15px;min-height:44px;font-size:9px;border:0;background:none;color:var(--ash);margin-top:8px}.opening .entrance{background:transparent;visibility:hidden;pointer-events:none}.opening .entrance:before{transform:translateX(-100%)}.opening .entrance:after{transform:translateX(100%)}.opening .entrance-copy{opacity:0;transform:translateY(-8px)}.no-script{min-height:100svh;display:grid;align-content:center;justify-content:center;text-align:center;font-size:12px}
.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}.still #grain{display:none}.still .corridor,.still .cables{transform:none}.still .fluorescence{opacity:.2}.still .equalizer i{height:7px}.still:not(.sound-enabled) .equalizer i{height:2px}.still .entrance{transition:none}.still .seconds-track>div{transition:none}
@keyframes approach{from{transform:scale(1.04) translateY(0)}to{transform:scale(1.13) translateY(-.8%)}}@keyframes light-decay{0%{opacity:.65}100%{opacity:.22}}@keyframes equalize{0%{height:3px}35%{height:12px}65%{height:5px}100%{height:9px}}@keyframes door-breathe{from{transform:rotateY(-18deg)}to{transform:rotateY(-23deg)}}
@media(min-width:1500px){.clock{width:1300px}.number,.reflection{font-size:220px}}
@media(max-width:640px){:root{--frame:24px}header{height:76px;padding-top:env(safe-area-inset-top);font-size:8px;letter-spacing:.17em}.location-mark{font-size:7px;letter-spacing:.1em}.letterbox.top{height:76px}.letterbox.bottom{height:80px}.hallway{object-position:50% 42%;filter:grayscale(.65) sepia(.14) hue-rotate(48deg) saturate(.45) brightness(.56) contrast(1.2)}.vignette{background:linear-gradient(0deg,#060909 0%,#06090990 10%,transparent 45%,#06090944 70%,#060909d9 100%),radial-gradient(ellipse at 50% 40%,transparent,#06090999 90%)}main{min-height:430px;padding:32px 24px 42px}.thesis{font-size:8px;letter-spacing:.21em;margin:0 0 32px}.thesis:before{height:17px;margin-bottom:20px}.clock{width:min(100%,390px);grid-template-columns:1fr 1fr;column-gap:25px;row-gap:32px}.number,.reflection{font-size:clamp(88px,25vw,132px)}.reflection{opacity:.08}.unit+.unit:before{display:none}.label{font-size:8px;letter-spacing:.25em;margin-top:12px}.release{margin-top:30px;gap:15px}.release-stem{height:17px}time{font-size:8px;letter-spacing:.07em}.date-divider{padding:0 8px}footer{height:80px;gap:6px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom));}footer button{font-size:7px;gap:8px}.audio-controls{gap:12px}.view-controls{gap:16px}.volume-control input{width:42px}.footer-note{display:none}.seconds-track{bottom:80px}.cables{opacity:.38;width:160%;left:-30%}#fullscreen{display:none}.entrance .eyebrow{font-size:7px;letter-spacing:.18em}.doorway{height:220px;width:114px}.entrance-date{margin-top:37px}.audio-message{bottom:90px;font-size:9px}.seconds-unit .number{background-image:linear-gradient(180deg,#dedbcc,#b1b6a6 70%,#ab6352 120%)} }
@media(max-height:740px) and (max-width:640px){header{height:58px}.letterbox.top{height:58px}main{padding:18px 24px 24px;min-height:400px}.thesis{margin-bottom:22px}.thesis:before{display:none}.clock{row-gap:24px}.number,.reflection{font-size:clamp(76px,23vw,110px)}.release{margin-top:23px}.release-stem{height:12px}.entrance-copy{padding:20px}.entrance .eyebrow{margin-bottom:22px}.doorway{height:170px;width:92px}.entrance-date{margin:28px 0 20px}}
@media(max-height:540px) and (min-width:641px){header,.letterbox.top{height:46px}main{min-height:260px;padding:20px 24px}.thesis{margin-bottom:15px;font-size:8px}.thesis:before{display:none}.number,.reflection{font-size:clamp(80px,12vw,135px)}.label{margin-top:12px}.release{margin-top:20px;gap:10px}.release-stem{display:none}footer,.letterbox.bottom{height:58px}.seconds-track{bottom:58px}.entrance-copy{padding:20px}.entrance .eyebrow{margin-bottom:15px}.doorway{height:100px;width:58px}.entrance-date{margin:18px 0 14px;font-size:18px}.entrance-date span{display:none}.silent{margin:0}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}body:not(.motion-enabled) #grain{display:none}body:not(.motion-enabled) .corridor,body:not(.motion-enabled) .cables{transform:none!important}}
/* Final stripped-back composition: only time, date, and a single audio icon. */
.experience{min-height:100svh}main{min-height:100svh;padding:80px var(--frame) 92px}.clock{width:min(1300px,92vw)}.light-seam{display:block;width:1px;height:clamp(32px,7vh,66px);margin-bottom:clamp(38px,6vh,66px);background:linear-gradient(transparent,#cbd7c38c,transparent);box-shadow:0 0 13px #cbd7c338}.release{margin-top:clamp(48px,8vh,95px)}.release-stem{height:22px}.sound-toggle{position:fixed;z-index:5;bottom:max(22px,env(safe-area-inset-bottom));right:var(--frame);width:48px;height:48px;display:grid;place-items:center;border:0;padding:12px;color:var(--ash);background:none;opacity:.72;transition:opacity .3s}.sound-toggle:hover{opacity:1}.sound-toggle svg{width:21px;height:21px;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}.sound-enabled .sound-waves{display:block}.sound-enabled .sound-cross{display:none}.audio-message{bottom:84px}.entrance-copy .doorway{margin-top:20px}.enter{min-width:190px;justify-content:space-between}.vignette{background:linear-gradient(90deg,#060909cc,transparent 36%,transparent 64%,#060909cc),linear-gradient(0deg,#060909f0 0%,#0609098c 13%,transparent 42%,#06090950 75%,#060909e6 100%),radial-gradient(ellipse at 50% 40%,transparent 0 17%,#06090936 53%,#06090996 100%)}
@media(max-width:640px){main{min-height:100svh;padding:60px 24px 86px}.clock{width:min(100%,390px)}.light-seam{height:30px;margin-bottom:37px}.release{margin-top:36px;gap:18px}.sound-toggle{bottom:max(15px,env(safe-area-inset-bottom));right:16px}.vignette{background:linear-gradient(0deg,#060909e8 0%,#06090977 10%,transparent 45%,#06090944 70%,#060909e0 100%),radial-gradient(ellipse at 50% 40%,transparent,#06090988 90%)} }
@media(max-height:740px) and (max-width:640px){main{padding:34px 24px 70px}.light-seam{height:20px;margin-bottom:27px}.release{margin-top:24px;gap:12px}.release-stem{height:15px}}
@media(max-height:540px) and (min-width:641px){main{padding:24px 24px 48px}.light-seam{height:20px;margin-bottom:24px}.release{margin-top:24px}.sound-toggle{right:12px;bottom:8px}}
/* School-reality interference: brief scan displacement, never a full-screen flash. */
.countdown-caption{font:400 10px/1.6 Plex,monospace;color:#b7c2b2;letter-spacing:.16em;margin:0 0 39px}.light-seam{height:35px;margin-bottom:24px}.wire-harness{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.58;pointer-events:none;transform:translate(calc(var(--px)*-1.8),calc(var(--py)*-1.8));transition:transform 2s ease-out;filter:drop-shadow(2px 3px 3px #000)}.presence{position:absolute;right:9%;top:10%;width:160px;height:210px;background:none 54.5% 39%/800% auto no-repeat;mask-image:radial-gradient(ellipse at 50% 42%,#000 0 23%,transparent 68%);mix-blend-mode:screen;filter:grayscale(.8) brightness(.65) contrast(1.45);opacity:.095;transform:rotate(-8deg);pointer-events:none}.signal-tear{position:absolute;left:0;right:0;top:39%;height:11%;opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#cbd7c312 3px 4px);mix-blend-mode:screen;backdrop-filter:blur(.4px)}.number{position:relative}.number:before,.number:after{content:attr(data-digits);position:absolute;left:0;top:0;right:0;color:var(--bone);opacity:0;pointer-events:none;font:inherit;letter-spacing:inherit;padding-right:inherit}.number:before{clip-path:polygon(0 24%,100% 24%,100% 39%,0 39%);text-shadow:2px 0 #9b735f}.number:after{clip-path:polygon(0 62%,100% 62%,100% 73%,0 73%);text-shadow:-2px 0 #7c968a}.disturbance .number:before{animation:tear-upper .62s steps(1,end) both}.disturbance .number:after{animation:tear-lower .62s steps(1,end) both}.disturbance .signal-tear{animation:tracking .62s steps(1,end) both}.disturbance .presence{animation:presence .62s ease both}.disturbance .wire-harness{filter:drop-shadow(2px 3px 3px #000) brightness(1.18)}.still .wire-harness{transform:none}.still .presence{opacity:.10}.ended .countdown-caption{display:none}
@keyframes tear-upper{0%,100%{opacity:0;transform:translateX(0)}12%,42%{opacity:.62;transform:translateX(-7px)}65%{opacity:.4;transform:translateX(3px)}85%{opacity:0;transform:translateX(0)}}@keyframes tear-lower{0%,100%{opacity:0;transform:translateX(0)}20%,52%{opacity:.55;transform:translateX(6px)}65%{opacity:.3;transform:translateX(-2px)}85%{opacity:0;transform:translateX(0)}}@keyframes tracking{0%,100%{opacity:0;transform:translateX(0)}10%,45%{opacity:.5;transform:translateX(7px)}65%{opacity:.2;transform:translateX(-3px)}85%{opacity:0;transform:translateX(0)}}@keyframes presence{0%,100%{opacity:.095}25%,50%{opacity:.34}75%{opacity:.15}}
@media(max-width:640px){.countdown-caption{font-size:9px;letter-spacing:.12em;margin-bottom:30px}.light-seam{height:26px;margin-bottom:21px}.wire-harness{width:125%;max-width:none;left:-12.5%;opacity:.45}.presence{width:105px;height:138px;right:1%;top:9%;opacity:.1}.release{margin-top:32px}.number:before,.number:after{text-shadow:none}}
@media(max-height:740px) and (max-width:640px){.light-seam{height:14px;margin-bottom:15px}.countdown-caption{margin-bottom:24px;font-size:8px}.clock{row-gap:20px}.release{margin-top:22px}}
@media(max-height:540px) and (min-width:641px){.light-seam{display:none}.countdown-caption{margin-bottom:22px;font-size:9px}.presence{width:105px;height:138px;top:2%}}
/* Hidden passage: a featureless animated rig, integrated into the photo's perspective. */
.photo-plane{position:absolute;animation:approach 55s ease-in-out infinite alternate;will-change:transform}.reality-room{position:absolute;inset:0;transform-origin:53% 40%}.photo-plane .hallway{display:block;object-fit:fill;animation:none;transform:none;will-change:auto}.photo-plane .fluorescence{inset:0}.hall-walker{position:absolute;left:46.666667%;top:31.25%;width:22.222222%;aspect-ratio:4/7;pointer-events:none}.hall-walker canvas{width:100%;height:100%;display:block;filter:blur(.32px);opacity:.86}.lamp-dips,.hall-dark{position:absolute;inset:0;pointer-events:none}.hall-dark{background:#010504;opacity:0}.lamp-dips i{position:absolute;inset:0;display:block;background:#020504;opacity:0;filter:blur(2px)}.lamp-dips i:nth-child(1){clip-path:polygon(13% 0,71% 0,67% 6.7%,18% 7.1%)}.lamp-dips i:nth-child(2){clip-path:polygon(38% 25.5%,62% 25.5%,61% 28%,40% 28%)}.lamp-dips i:nth-child(3){clip-path:polygon(45% 31.5%,60% 31.5%,59% 34%,47% 34%)}.number:before,.number:after{content:none!important}.signal-tear,.presence{display:none!important}.filter-defs{position:absolute;overflow:hidden;pointer-events:none}#tracking{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7;mix-blend-mode:screen}.interference .clock{filter:url('#signal-warp');transform:translateX(var(--glitch-shift,0px))}.interference .number{text-shadow:1px 0 #a2765c22,-1px 0 #90a89933}.still .photo-plane{animation:none}.still #tracking{display:none}.still .reality-room{transform:none!important}.still .hall-walker{display:none}

/* Walk through a real hinged threshold, rather than opening two curtains. */
.entrance{background:transparent;overflow:hidden;transition:none;isolation:isolate}.entrance:before,.entrance:after{display:none}.entrance-copy{transition:none}.doorway{box-shadow:0 0 0 200vmax var(--carbon),0 0 85px #cbd7c30a;transform-origin:center center;z-index:0;will-change:transform}.door-light{background:linear-gradient(90deg,transparent 70%,#cbd7c315);filter:none}.door-panel{backface-visibility:hidden;transform-style:preserve-3d}.entrance-date,.enter,.silent{position:relative;z-index:1;transition:opacity .28s ease,translate .45s ease}.opening .entrance{visibility:visible;background:transparent;pointer-events:none}.opening .entrance-copy{opacity:1;transform:none}.opening .entrance-date,.opening .enter,.opening .silent{opacity:0;translate:0 7px}.opening .door-panel{animation:none}.opening .threshold{opacity:0;transition:opacity .5s}.experience{transition:opacity 1.35s ease 1.75s}.still .experience{transition:none}