.foyer-overlay{z-index:90;background:radial-gradient(120% 90% at 50% 45%, color-mix(in oklab, var(--ivory) 94%, var(--bordeaux) 6%), color-mix(in oklab, var(--ivory) 82%, var(--warm-brown,#5b4a3e) 18%));animation:.7s cubic-bezier(.22,1,.36,1) both foyer-overlay-in;position:fixed;inset:0;overflow:hidden}.foyer-overlay[data-state=closing]{pointer-events:none;animation:1.1s cubic-bezier(.65,0,.35,1) .5s both foyer-overlay-out}.foyer-overlay:before{content:"";background:repeating-linear-gradient(115deg, transparent 0 34px, color-mix(in oklab, var(--warm-brown,#5b4a3e) 6%, transparent) 34px 35px), repeating-linear-gradient(-115deg, transparent 0 34px, color-mix(in oklab, var(--warm-brown,#5b4a3e) 5%, transparent) 34px 35px);opacity:.35;pointer-events:none;position:absolute;inset:0}.foyer-overlay:after{content:"";background:radial-gradient(120% 90% at 50% 50%, transparent 45%, color-mix(in oklab, var(--bordeaux) 32%, transparent) 100%);pointer-events:none;opacity:.9;transition:opacity 2s ease-out;position:absolute;inset:0}.foyer-overlay[data-state=opening]:after,.foyer-overlay[data-state=closing]:after{opacity:.15}.foyer-stage{perspective:2600px;perspective-origin:50% 55%;width:100vw;height:100dvh;position:absolute;inset:0}.foyer-light{background:radial-gradient(closest-side, oklab(91.7962% .00342634 .0623207/.82), color-mix(in oklab, var(--camel) 42%, transparent) 60%, transparent 78%);filter:blur(42px);opacity:.35;border-radius:999px;transition:opacity 1.8s ease-out,inset 2.4s cubic-bezier(.22,1,.36,1),filter 1.8s ease-out;position:absolute;inset:25% 44%}.foyer-overlay[data-state=opening] .foyer-light,.foyer-overlay[data-state=closing] .foyer-light{opacity:1;filter:blur(80px);inset:-4% -2%}.foyer-threshold{opacity:0;transform-origin:50%;background:linear-gradient(90deg,#0000,oklab(91.7962% .00342634 .0623207/.82),#0000);height:2px;transition:opacity 1.4s ease-out .4s,transform 2.2s cubic-bezier(.22,1,.36,1) .4s;position:absolute;bottom:3%;left:6%;right:6%;transform:scaleX(.2)}.foyer-overlay[data-state=opening] .foyer-threshold,.foyer-overlay[data-state=closing] .foyer-threshold{opacity:1;transform:scaleX(1)}.foyer-frame{justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.foyer-door{background:linear-gradient(180deg, color-mix(in oklab, var(--bordeaux) 90%, black 10%) 0%, var(--bordeaux) 45%, color-mix(in oklab, var(--bordeaux) 82%, black 18%) 100%), repeating-linear-gradient(180deg, transparent 0 3px, oklab(0% none none/.05) 3px 4px, transparent 4px 9px), repeating-linear-gradient(180deg, transparent 0 62px, oklab(0% none none/.12) 62px 63px, transparent 63px 140px);background-blend-mode:multiply, multiply, normal;transform-style:preserve-3d;will-change:transform, filter;flex:50%;transition:transform 1.15s cubic-bezier(.23,1,.32,1) 1.8s,box-shadow 1.15s ease-out 1.8s,filter 1.15s ease-out 1.8s;position:relative;box-shadow:inset 0 0 0 1px oklab(0% none none/.4),inset 0 0 140px oklab(0% none none/.4),inset 0 -80px 160px oklab(0% none none/.3),0 40px 90px -30px oklab(0% none none/.6)}.foyer-door:before,.foyer-door:after{content:"";box-shadow:inset 0 0 40px oklab(0% none none/.2), 0 1px 0 color-mix(in oklab, var(--ivory) 6%, transparent), 0 -1px 0 oklab(0% none none/.3);pointer-events:none;background:linear-gradient(oklab(0% none none/.22),#0000 8% 92%,oklab(0% none none/.22));border-radius:2px;position:absolute;left:18%;right:18%}.foyer-door:before{height:40%;top:9%}.foyer-door:after{height:40%;top:51%}.foyer-door--left{transform-origin:0;box-shadow:inset -1px 0 0 color-mix(in oklab, var(--camel) 25%, transparent), inset 0 0 140px oklab(0% none none/.4), 0 40px 90px -30px oklab(0% none none/.6);border-right:1px solid oklab(0% none none/.5)}.foyer-door--right{transform-origin:100%;box-shadow:inset 1px 0 0 color-mix(in oklab, var(--camel) 25%, transparent), inset 0 0 140px oklab(0% none none/.4), 0 40px 90px -30px oklab(0% none none/.6);border-left:1px solid oklab(0% none none/.5);transition-delay:1.8s,1.8s,1.8s}.foyer-door--left{transition-delay:1.96s,1.96s,1.96s}.foyer-overlay[data-state=opening] .foyer-door--left,.foyer-overlay[data-state=closing] .foyer-door--left{filter:brightness(.7);transform:rotateY(-104deg)translateZ(0);box-shadow:inset 0 0 0 1px oklab(0% none none/.6),inset -80px 0 140px oklab(0% none none/.65),0 40px 100px -20px oklab(0% none none/.65)}.foyer-overlay[data-state=opening] .foyer-door--right,.foyer-overlay[data-state=closing] .foyer-door--right{filter:brightness(.7);transform:rotateY(104deg)translateZ(0);box-shadow:inset 0 0 0 1px oklab(0% none none/.6),inset 80px 0 140px oklab(0% none none/.65),0 40px 100px -20px oklab(0% none none/.65)}.foyer-door .foyer-sheen{mix-blend-mode:screen;opacity:.35;pointer-events:none;background:linear-gradient(118deg,#0000 44%,oklab(92.7817% .00166756 .0498375/.22) 50%,#0000 56%);animation:6.2s ease-in-out infinite foyer-sheen;position:absolute;inset:0;transform:translate(-40%)}.foyer-door--right .foyer-sheen{animation-delay:2.4s}.foyer-overlay[data-state=opening] .foyer-sheen,.foyer-overlay[data-state=closing] .foyer-sheen{opacity:0;transition:opacity .5s ease-out;animation:none}.foyer-plate{z-index:4;aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 32% 26%,#fff8dc8c 0%,#fff8dc00 34%),linear-gradient(158deg,#e6c37a 0%,#c99e4c 45%,#8f6522 100%);border:1px solid oklab(43.617% .0231664 .0722225/.6);border-radius:999px;place-items:center;width:clamp(150px,17vw,240px);padding:0;transition:transform .42s cubic-bezier(.22,1,.36,1);animation:5s ease-in-out infinite foyer-plate-breathe;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #fff0c859,0 20px 40px -14px oklab(0% none none/.65),0 4px 10px -2px oklab(0% none none/.55),inset 0 -10px 22px oklab(0% none none/.3),inset 0 8px 18px #fff6d859}.foyer-plate:before{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#fff8dca6,#fff8dc00 72%);border-radius:999px;width:56%;height:34%;position:absolute;top:8%;left:12%}.foyer-plate:after{content:"";filter:blur(10px);pointer-events:none;opacity:.6;background:radial-gradient(closest-side,oklab(53.825% .0252125 .0944061/.45),#0000 78%);border-radius:999px;position:absolute;inset:20% 22% 8%}.foyer-plate:hover{transform:translate(-50%,-50%)scale(1.03)}.foyer-plate:focus-visible{outline:2px solid var(--bordeaux);outline-offset:6px}.foyer-plate-mark{z-index:1;object-fit:contain;filter:drop-shadow(0 1px #fff7dc80)drop-shadow(0 2px 3px #00000059);pointer-events:none;-webkit-user-select:none;user-select:none;width:82%;height:82%;position:relative}.foyer-overlay[data-state=opening] .foyer-plate,.foyer-overlay[data-state=closing] .foyer-plate{pointer-events:none;animation:1.8s cubic-bezier(.22,1,.36,1) forwards foyer-plate-turn}.foyer-wordmark{z-index:3;object-fit:contain;opacity:0;pointer-events:none;width:clamp(240px,42vw,640px);height:auto;max-height:40vh;filter:drop-shadow(-1px -1px 0 #fff6e0e6) drop-shadow(-2px -2px 2px #fff6e08c) drop-shadow(2px 2px 1px #2e1414a6) drop-shadow(4px 5px 4px #2e141473) drop-shadow(0 14px 20px #2e141459) drop-shadow(0 28px 44px color-mix(in oklab, var(--bordeaux) 55%, transparent));transition:opacity .5s ease-out,transform .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.foyer-overlay[data-state=opening] .foyer-wordmark,.foyer-overlay[data-state=closing] .foyer-wordmark{animation:2.4s cubic-bezier(.22,1,.36,1) 1.4s forwards foyer-wordmark-reveal}.foyer-hint{color:color-mix(in oklab, var(--warm-brown,#5b4a3e) 80%, transparent);letter-spacing:.32em;text-transform:uppercase;z-index:5;opacity:0;font-size:11px;animation:3.8s ease-in-out .9s infinite foyer-hint-fade;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.foyer-overlay[data-state=opening] .foyer-hint,.foyer-overlay[data-state=closing] .foyer-hint{opacity:0;animation:none}.foyer-skip{z-index:6;background:color-mix(in oklab, var(--ivory) 92%, transparent);border:1px solid color-mix(in oklab, var(--warm-brown,#5b4a3e) 32%, transparent);color:var(--warm-brown,#5b4a3e);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:10px 18px;font-size:11px;transition:background .22s,transform .22s;position:fixed;bottom:16px;right:16px}.foyer-skip:hover{background:var(--ivory);transform:translateY(-1px)}.foyer-skip:focus-visible{outline:2px solid var(--bordeaux);outline-offset:3px}.foyer-overlay[data-reduced=true],.foyer-overlay[data-reduced=true][data-state=closing]{animation:.32s ease-out both foyer-overlay-out}.foyer-overlay[data-reduced=true] .foyer-door,.foyer-overlay[data-reduced=true] .foyer-plate,.foyer-overlay[data-reduced=true] .foyer-wordmark,.foyer-overlay[data-reduced=true] .foyer-sheen{transition:none;animation:none;transform:none!important}@media (width<=900px){.foyer-stage{perspective:1800px}.foyer-plate{width:clamp(104px,22vw,148px)}.foyer-wordmark{width:min(78vw,460px);max-height:30vh}.foyer-overlay[data-state=opening] .foyer-door--left{transform:rotateY(-96deg)}.foyer-overlay[data-state=opening] .foyer-door--right{transform:rotateY(96deg)}}@media (width<=640px){.foyer-stage{perspective:1200px}.foyer-plate{width:clamp(120px,36vw,172px)}.foyer-wordmark{width:84vw}.foyer-hint{letter-spacing:.28em;font-size:10px;bottom:4vh}}@keyframes foyer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes foyer-overlay-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes foyer-plate-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.015)}}@keyframes foyer-plate-turn{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}40%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.12)}70%{opacity:.65;transform:translate(-50%,-50%)rotate(80deg)scale(1.02)}to{opacity:0;transform:translate(-50%,-50%)rotate(110deg)scale(.55)}}@keyframes foyer-wordmark-reveal{0%{opacity:0;letter-spacing:0;transform:translate(-50%,-50%)scale(.92)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.02)}to{opacity:0;transform:translate(-50%,-50%)scale(1.14)}}@keyframes foyer-sheen{0%{opacity:0;transform:translate(-60%)}30%{opacity:.7}60%{opacity:.7}to{opacity:0;transform:translate(60%)}}@keyframes foyer-hint-fade{0%,to{opacity:.35}50%{opacity:.9}}