html:has(.al-stage) body{overflow-x:clip}.al-stage{--al-bench:#101216;--al-label:#d9d4c7;--al-orange:#e0662c;--al-sky:#9fd8ff;--al-mono:ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--door-w:clamp(9.5rem, min(24vw, 30svh), 16rem);--u:calc(var(--door-w) / 100);--sign:min(calc(var(--u) * 13), 6.4vw);color:var(--al-label);font-family:var(--al-mono);margin-block:calc(-1*clamp(1.25rem,4vw,4rem));margin-inline:calc(50% - 50vw);position:relative}.al-room{min-height:max(min(52rem, calc(100svh - 6rem)), calc(var(--door-w) * 2.6));padding:calc(3.5rem + var(--u) * 75) 1rem calc(var(--u) * 60);background:var(--al-bench);place-items:center;display:grid;position:relative;overflow:clip}.al-stage :focus-visible{outline:3px solid var(--al-sky);outline-offset:4px}.al-lights{z-index:5;pointer-events:none;opacity:0;animation:al-fade-in 1.1s .2s var(--ease) forwards;position:absolute;inset:0}.al-lights>span{transition:opacity .4s var(--ease);position:absolute;inset:0;box-shadow:0 0 0 200vmax #060709c7}.al-stage[data-lit] .al-lights>span{opacity:0}html:has(.site-header:is(:hover,:focus-within)) .al-lights>span{opacity:0}html:has(.site-footer:focus-within) .al-lights>span{opacity:0}@keyframes al-fade-in{to{opacity:1}}.al-back{z-index:3;min-height:44px;color:var(--al-label);font-family:var(--font-body);align-items:center;font-weight:500;display:inline-flex;position:absolute;top:clamp(.75rem,2vw,1.5rem);left:clamp(1rem,4vw,3rem)}.al-back:hover{-webkit-text-decoration-color:var(--al-label);text-decoration-color:var(--al-label)}.al-scene{width:var(--door-w);aspect-ratio:100/160;position:relative}.al-corridor{width:calc(var(--u) * 1600);height:calc(var(--u) * 2000);pointer-events:none;animation:al-dim 1.3s .2s var(--ease) backwards;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes al-dim{0%{filter:brightness(1.9)}}.al-wall{fill:#15181d}.al-far{fill:#191c22}.al-rib{fill:none;stroke:#262a31;stroke-width:1.5px;vector-effect:non-scaling-stroke}.al-grate{stroke:#20242b;stroke-width:1px;vector-effect:non-scaling-stroke}.al-ceiling-light{stroke:#fff6e0;stroke-width:2px;vector-effect:non-scaling-stroke;opacity:.3;animation:al-strip 1.3s .2s var(--ease) backwards}@keyframes al-strip{0%{opacity:.95}}.al-frame{fill:#23272e}.al-warning{fill:var(--al-orange);font-family:var(--al-mono);letter-spacing:.12em;font-size:6.4px;font-weight:700}.al-spill,.al-jamb-glow,.al-pool{opacity:.7;transition:opacity .45s var(--ease);animation:al-fade-in-from .9s 1.5s var(--ease) backwards}.al-jamb-glow{fill:var(--al-sky);opacity:.45}.al-spill{opacity:.45}.al-pool{opacity:.8}.al-runner{stroke:var(--al-sky);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.35}@keyframes al-fade-in-from{0%{opacity:0}}.al-sign{bottom:calc(100% + var(--u) * 28);text-align:center;width:max-content;color:var(--al-label);text-transform:uppercase;-webkit-mask-image:linear-gradient(#000 0 calc(100% - var(--sign) * .52), transparent 0 calc(100% - var(--sign) * .43), #000 0);-webkit-mask-image:linear-gradient(#000 0 calc(100% - var(--sign) * .52), transparent 0 calc(100% - var(--sign) * .43), #000 0);mask-image:linear-gradient(#000 0 calc(100% - var(--sign) * .52), transparent 0 calc(100% - var(--sign) * .43), #000 0);position:absolute;left:50%;translate:-50%}.al-sign p{font-size:calc(var(--sign) * .42);letter-spacing:.3em;opacity:.7;margin:0 0 .6em}.al-sign h1{font-size:var(--sign);letter-spacing:.08em;margin:0;font-weight:800;line-height:1}.al-door{color:var(--al-orange);text-decoration:none;position:absolute;inset:0;overflow:hidden}.al-gap{background:linear-gradient(to left, #eef8ff 0, var(--al-sky) 5%, #3d7aa8 14%, #0c1824 32%);transition:filter .45s var(--ease);animation:al-fade-in-from .9s 1.5s var(--ease) backwards;position:absolute;inset:0}.al-crack{animation:1.2s cubic-bezier(.3,0,.2,1) 1.4s backwards al-crack;position:absolute;inset:0;transform:translate(-8%)}@keyframes al-crack{0%{transform:translate(0)}30%{transform:translate(-3%)}42%{transform:translate(-2.2%)}50%{transform:translate(-2.2%)}78%{transform:translate(-8.8%)}90%{transform:translate(-7.6%)}}.al-panel{padding-top:calc(var(--u) * 14);background:radial-gradient(circle, #5a606a 0 1.2px, transparent 1.8px) 0 0 / calc(var(--u) * 16) calc(var(--u) * 16), linear-gradient(100deg, #3d434c, #2c3138 55%, #353a42);box-shadow:inset 0 0 0 calc(var(--u) * 5) #2a2e35, inset 0 0 0 calc(var(--u) * 5.6) #4a5059, inset -2px 0 0 #9fd8ff8c, 6px 0 18px #9fd8ff80;transition:transform .45s var(--ease);align-content:start;justify-items:center;display:grid;position:absolute;inset:0}.al-bay{font-size:calc(var(--u) * 7);letter-spacing:.3em;text-transform:uppercase;color:#8a909a}.al-play{margin-top:calc(var(--u) * 26);font-size:calc(var(--u) * 21);letter-spacing:.06em;text-transform:uppercase;font-weight:800;line-height:1;-webkit-mask-image:linear-gradient(#000 0 47%,#0000 0 56%,#000 0);mask-image:linear-gradient(#000 0 47%,#0000 0 56%,#000 0)}.al-stripe{inset:auto calc(var(--u) * 5) calc(var(--u) * 12);height:calc(var(--u) * 7);background:repeating-linear-gradient(45deg, var(--al-orange) 0 calc(var(--u) * 4), #16181c 0 calc(var(--u) * 8));opacity:.85;position:absolute}.al-door:focus-visible{outline-offset:calc(var(--u) * 16)}.al-door:focus-visible .al-panel{transform:translate(-7%)}.al-door:focus-visible .al-gap{filter:brightness(1.35)}.al-scene:has(.al-door:focus-visible) :is(.al-spill,.al-pool,.al-jamb-glow){opacity:1}@media (hover:hover){.al-door:hover .al-panel{transform:translate(-7%)}.al-door:hover .al-gap{filter:brightness(1.35)}.al-scene:has(.al-door:hover) :is(.al-spill,.al-pool,.al-jamb-glow){opacity:1}}.al-mist{pointer-events:none;position:absolute;inset:0}.al-mist span{--size:calc(var(--u) * 75);left:93%;top:var(--y);width:var(--size);aspect-ratio:1;margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:0;animation:al-mist var(--d) var(--delay) linear infinite;background:radial-gradient(closest-side,#cde8f88c,#cde8f82e 60%,#0000);border-radius:50%;position:absolute}.al-mist span:first-of-type{--y:90%;--dx:calc(var(--u) * 95);--dy:calc(var(--u) * 40);--d:7s;--delay:1.8s}.al-mist span:nth-of-type(2){--y:70%;--dx:calc(var(--u) * 60);--dy:calc(var(--u) * 65);--d:8.5s;--delay:2.5s}.al-mist span:nth-of-type(3){--y:95%;--dx:calc(var(--u) * -80);--dy:calc(var(--u) * 30);--d:9s;--delay:3.1s}.al-mist span:nth-of-type(4){--y:50%;--dx:calc(var(--u) * 70);--dy:calc(var(--u) * 90);--d:7.5s;--delay:3.9s}.al-mist span:nth-of-type(5){--y:88%;--dx:calc(var(--u) * 150);--dy:calc(var(--u) * 25);--d:10s;--delay:4.6s}.al-mist span:nth-of-type(6){--y:78%;--dx:calc(var(--u) * -40);--dy:calc(var(--u) * 60);--d:8s;--delay:5.3s}.al-mist span:nth-of-type(7){--y:35%;--dx:calc(var(--u) * 45);--dy:calc(var(--u) * 100);--d:9.5s;--delay:6.1s}.al-mist span:nth-of-type(8){--y:97%;--dx:calc(var(--u) * 30);--dy:calc(var(--u) * 20);--d:6.5s;--delay:6.8s}.al-fog{width:calc(var(--u) * 420);height:calc(var(--u) * 90);margin:calc(var(--u) * -55) 0 0 calc(var(--u) * -175);animation:al-fade-in-from 2s 1.8s var(--ease) backwards, al-fog 9s 1.8s ease-in-out infinite alternate;background:radial-gradient(closest-side,#cde8f84d,#cde8f81a 60%,#0000);border-radius:50%;position:absolute;top:100%;left:50%}@keyframes al-fog{to{transform:translate(6%,-3%)scale(1.1)}}@keyframes al-mist{0%{opacity:0;transform:translate(0)scale(.35)}15%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(2.3);opacity:0}}.al-stage[data-paused] :is(.al-mist span,.al-fog){animation-play-state:paused}.al-plate{z-index:3;max-width:22rem;margin-top:calc(var(--u) * 40);--rivet:radial-gradient(circle, #8f8b80 0 2px, transparent 2.5px);background:var(--rivet) left .4rem top .4rem / .75rem .75rem no-repeat, var(--rivet) right .4rem top .4rem / .75rem .75rem no-repeat, var(--rivet) left .4rem bottom .4rem / .75rem .75rem no-repeat, var(--rivet) right .4rem bottom .4rem / .75rem .75rem no-repeat, #e8e6dc;color:var(--al-bench);border-radius:.375rem;padding:1.25rem 1.5rem;position:relative;box-shadow:0 1rem 2rem -1rem #000000b3}.al-plate p{font-family:var(--font-body);margin:0;font-size:.9375rem;line-height:1.55}.al-plate .al-label,.al-plate .al-small-print{font-family:var(--al-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.al-plate .al-label{color:#4f4c45;margin-bottom:.5rem}.al-plate .al-small-print{color:#4f4c45;margin-top:.75rem}@media (min-width:64rem){.al-plate{max-width:min(22rem, calc(50vw - var(--door-w) * .8 - 3rem));margin:0;position:absolute;top:50%;right:clamp(1.5rem,5vw,4rem);translate:0 -40%}}@media (max-width:63.999rem){.al-stage{--door-w:clamp(9.5rem, min(42vw, 32svh), 15rem)}.al-room{flex-direction:column;align-items:center;display:flex}}@media (prefers-reduced-motion:reduce){.al-lights,.al-corridor,.al-ceiling-light,.al-spill,.al-jamb-glow,.al-pool,.al-gap,.al-crack,.al-fog{animation:none}.al-panel,.al-gap{transition:none}:is(.al-door:focus-visible .al-panel,.al-door:hover .al-panel){transform:none}.al-mist span{opacity:.6;transform:translate(calc(var(--dx) * .4), calc(var(--dy) * .4)) scale(1.3);animation:none}}
