@property --door-turn{syntax:"<number>";inherits:true;initial-value:0}@property --way-base-1{syntax:"<number>";inherits:true;initial-value:25}@property --way-base-2{syntax:"<number>";inherits:true;initial-value:85}@property --way-base-3{syntax:"<number>";inherits:true;initial-value:155}@keyframes door-way-turn{0%{--door-turn:0}to{--door-turn:360}}@keyframes door-way-breath-sill{0%,to{opacity:var(--way-sill,1)}50%{opacity:calc(var(--way-sill,1) * .62)}}@keyframes door-way-breath-floor{0%,to{opacity:var(--way-floor,.4)}50%{opacity:calc(var(--way-floor,.4) * 1.45)}}@keyframes door-way-dot{0%,to{opacity:1;scale:1}50%{opacity:.45;scale:.78}}@layer components{.door-way{--way-w:116px;--way-h:176px;--way-r:14px;--lit-l:.8;--lit-c:.13;--door-turn-ms:24s;--way-base-1:var(--lit-h1,25);--way-base-2:var(--lit-h2,85);--way-base-3:var(--lit-h3,155);--way-h1:calc(var(--way-base-1) + var(--door-turn));--way-h2:calc(var(--way-base-2) + var(--door-turn));--way-h3:calc(var(--way-base-3) + var(--door-turn));isolation:isolate;width:var(--way-w);height:var(--way-h);flex-shrink:0;position:relative}.dark .door-way{--lit-l:.74;--lit-c:.15}@media (min-width:40rem){.door-way{--way-w:150px;--way-h:228px;--way-r:18px}}.door-way[data-door-way=open]{--way-turn:74deg;--way-floor:1;--way-sill:0}.door-way[data-door-way=ajar]{--way-turn:15deg;--way-floor:.62;--way-floor-x:74%;--way-sill:1}.door-way[data-door-way=shut]{--way-turn:0deg;--way-floor:.4;--way-sill:1}.door-way[data-door-way=none]{--way-floor:0;--way-sill:0}.door-way-frame{border-radius:var(--way-r) var(--way-r) 2px 2px;perspective:calc(var(--way-w) * 4.5);background:var(--background);position:absolute;inset:0}.door-way-edge{border-radius:inherit;box-shadow:0 0 0 1px var(--border);pointer-events:none;position:absolute;inset:0}.door-way[data-door-way=none] .door-way-frame{outline:1.5px dashed var(--border);outline-offset:-1px}.door-way-room{isolation:isolate;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.door-way-tint{background:oklch(.93 .06 var(--way-h2));position:absolute;inset:0}.dark .door-way-tint{background:oklch(.44 .08 var(--way-h2))}.door-way-glow{filter:blur(calc(var(--way-w) * .14));border-radius:9999px;position:absolute}.door-way-g1{background:oklch(var(--lit-l) var(--lit-c) var(--way-h1));width:90%;height:55%;top:0%;left:-25%}.door-way-g2{background:oklch(var(--lit-l) var(--lit-c) var(--way-h2));width:95%;height:55%;top:25%;left:25%}.door-way-g3{background:oklch(var(--lit-l) var(--lit-c) var(--way-h3));width:100%;height:55%;top:55%;left:-15%}.door-way-room-ground{background:var(--background);opacity:0;position:absolute;inset:0}.door-way-view{--way-view-h:var(--cover-h,clamp(26rem, 74svh, 34rem));--way-view-s:max(tan(atan2(var(--way-w), 100vw)), tan(atan2(var(--way-h), var(--way-view-h))));z-index:1;width:100vw;height:var(--way-view-h);transform-origin:0 0;transform:translate(calc((var(--way-w) - 100vw * var(--way-view-s)) / 2), calc((var(--way-h) - var(--way-view-h) * var(--way-view-s)) / 2)) scale(var(--way-view-s));pointer-events:none;position:absolute;top:0;left:0}.door-way-photo{object-fit:cover;width:100%;height:100%}.door-way-veil{z-index:2;pointer-events:none;opacity:.9;background:linear-gradient(0deg, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .75) 0%, oklch(var(--lit-l) var(--lit-c) var(--way-h1) / .42) 45%, oklch(var(--lit-l) var(--lit-c) var(--way-h3) / .3) 100%);mix-blend-mode:screen;position:absolute;inset:0}:root:not(.dark) .door-way-veil{mix-blend-mode:soft-light}.door-way-core{z-index:2;pointer-events:none;opacity:.55;background:radial-gradient(80% 34% at 50% 100%, oklch(.97 .035 var(--way-h2) / .95), oklch(.9 .08 var(--way-h2) / .35) 55%, transparent 100%);position:absolute;inset:0}.door-way-jamb{z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 calc(var(--way-w) * .1) calc(var(--way-w) * .12) calc(var(--way-w) * -.06) #0303068c, inset calc(var(--way-w) * .07) 0 calc(var(--way-w) * .09) calc(var(--way-w) * -.05) #03030666, inset 0 0 0 1px #03030633;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.door-way-jamb{box-shadow:inset 0 calc(var(--way-w) * .1) calc(var(--way-w) * .12) calc(var(--way-w) * -.06) lab(.879597% .283934 -.962621/.55), inset calc(var(--way-w) * .07) 0 calc(var(--way-w) * .09) calc(var(--way-w) * -.05) lab(.879597% .283934 -.962621/.4), inset 0 0 0 1px lab(.879597% .283934 -.962621/.2)}}:root:not(.dark) .door-way-jamb{box-shadow:inset 0 calc(var(--way-w) * .1) calc(var(--way-w) * .12) calc(var(--way-w) * -.06) #2d2c384d, inset calc(var(--way-w) * .07) 0 calc(var(--way-w) * .09) calc(var(--way-w) * -.05) #2d2c3833, inset 0 0 0 1px #2d2c381f}@supports (color:lab(0% 0 0)){:root:not(.dark) .door-way-jamb{box-shadow:inset 0 calc(var(--way-w) * .1) calc(var(--way-w) * .12) calc(var(--way-w) * -.06) lab(18.6069% 2.25419 -7.12314/.3), inset calc(var(--way-w) * .07) 0 calc(var(--way-w) * .09) calc(var(--way-w) * -.05) lab(18.6069% 2.25419 -7.12314/.2), inset 0 0 0 1px lab(18.6069% 2.25419 -7.12314/.12)}}.door-way-bloom{z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(62% 70% at 50% 100%, oklch(var(--lit-l) var(--lit-c) var(--way-h2)) 0%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .42) 50%, transparent 100%);filter:blur(calc(var(--way-w) * .12));border-radius:50% 50% 8px 8px/42% 42% 8px 8px;position:absolute;inset:34% -16% -8%}.door-way-throw{z-index:-1;width:calc(var(--way-w) * 1.9);height:calc(var(--way-w) * .32);pointer-events:none;opacity:.7;filter:blur(calc(var(--way-w) * .03));position:absolute;top:calc(100% - 1px);left:50%;translate:-50%}.door-way-throw:before{content:"";clip-path:polygon(23.7% 0,76.3% 0,100% 100%,0 100%);background:linear-gradient(180deg, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .75), oklch(var(--lit-l) var(--lit-c) var(--way-h1) / .16) 80%, transparent);position:absolute;inset:0}.door-way-leaf{border-radius:var(--way-r) var(--way-r) 1px 1px;transform-origin:0%;transform:rotateY(var(--way-turn,0deg));transform-style:preserve-3d;background:linear-gradient(#f6f6f8,#e6e6e8);background:linear-gradient(lab(97.0828% .194907 -.729179),lab(91.2742% .293314 -1.09326));position:absolute;inset:0 0 3px;box-shadow:inset 0 0 0 1px #15151a17,0 1px 2px #15151a0f;box-shadow:inset 0 0 0 1px lab(7.13916% 1.0189 -3.52374/.09),0 1px 2px lab(7.13916% 1.0189 -3.52374/.06)}.dark .door-way-leaf{background:linear-gradient(#303033,#202023);background:linear-gradient(lab(19.9068% .60904 -2.17208),lab(12.3663% .616275 -2.16778));box-shadow:inset 0 0 0 1px #ffffff12;box-shadow:inset 0 0 0 1px lab(100% 0 0/.07)}.door-way[data-door-way=open] .door-way-leaf:before{content:"";border-radius:inherit;background:linear-gradient(90deg, #0b0b0f38, #0b0b0f0a 70%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .28));position:absolute;inset:0}@supports (color:lab(0% 0 0)){.door-way[data-door-way=open] .door-way-leaf:before{background:linear-gradient(90deg, lab(2.99817% .594758 -2.08114/.22), lab(2.99817% .594758 -2.08114/.04) 70%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .28))}}.dark .door-way[data-door-way=open] .door-way-leaf:before{background:linear-gradient(90deg, #00000059, transparent 65%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .22))}@supports (color:lab(0% 0 0)){.dark .door-way[data-door-way=open] .door-way-leaf:before{background:linear-gradient(90deg, lab(0% 0 0/.35), transparent 65%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .22))}}.door-way-rim{width:max(2px, calc(var(--way-w) * .022));transform-origin:0;pointer-events:none;background:linear-gradient(180deg, oklch(.9 .03 var(--way-h1) / .85), oklch(.97 .02 var(--way-h2)) 60%, oklch(.93 .03 var(--way-h3) / .9));box-shadow:0 0 calc(var(--way-w) * .05) 0 oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .55);border-radius:0 2px 1px 0;position:absolute;top:0;bottom:0;left:100%;transform:rotateY(-90deg)}:root:not(.dark) .door-way-rim{background:linear-gradient(180deg, oklch(.98 .02 var(--way-h1)), #fff 60%, oklch(.98 .02 var(--way-h3)));box-shadow:0 0 0 .5px #2d2c381f, 0 0 calc(var(--way-w) * .05) 0 oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .6)}@supports (color:lab(0% 0 0)){:root:not(.dark) .door-way-rim{background:linear-gradient(180deg, oklch(.98 .02 var(--way-h1)), lab(100% 0 0) 60%, oklch(.98 .02 var(--way-h3)));box-shadow:0 0 0 .5px lab(18.6069% 2.25419 -7.12314/.12), 0 0 calc(var(--way-w) * .05) 0 oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .6)}}.door-way-panel{border-radius:calc(var(--way-r) * .3);position:absolute;left:16%;right:16%;box-shadow:inset 0 0 0 1px #15151a14;box-shadow:inset 0 0 0 1px lab(7.13916% 1.0189 -3.52374/.08)}.dark .door-way-panel{box-shadow:inset 0 0 0 1px #ffffff0f;box-shadow:inset 0 0 0 1px lab(100% 0 0/.06)}.door-way-panel-top{border-top-left-radius:calc(var(--way-r) * .7);border-top-right-radius:calc(var(--way-r) * .7);height:36%;top:11%}.door-way-panel-low{height:33%;top:55%}.door-way-sill{height:2px;opacity:var(--way-sill,1);background:linear-gradient(90deg, oklch(.82 .11 var(--way-h1) / .7), oklch(.86 .11 var(--way-h2)) 50%, oklch(.82 .11 var(--way-h3) / .7));box-shadow:0 0 6px 1px oklch(.7 .16 var(--way-h2) / .85), 0 1px 14px 3px oklch(.74 .14 var(--way-h1) / .5);border-radius:9999px;position:absolute;bottom:0;left:4px;right:4px}.dark .door-way-sill{background:linear-gradient(90deg, oklch(.9 .08 var(--way-h1) / .55), oklch(.96 .05 var(--way-h2)) 50%, oklch(.9 .08 var(--way-h3) / .55));box-shadow:0 0 7px 1px oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .95), 0 1px 16px 3px oklch(var(--lit-l) var(--lit-c) var(--way-h1) / .5)}.door-way-floor{z-index:-1;width:calc(var(--way-w) * 2.6);height:calc(var(--way-w) * .62);opacity:var(--way-floor,.4);filter:blur(calc(var(--way-w) * .05));background:radial-gradient(50% 70% at var(--way-floor-x,50%) 0%, oklch(var(--lit-l) var(--lit-c) var(--way-h2) / .75), oklch(var(--lit-l) var(--lit-c) var(--way-h1) / .28) 55%, transparent 100%);position:absolute;top:calc(100% - 2px);left:50%;translate:-50%}.door-way-ground{z-index:-1;width:calc(var(--way-w) * 2.8);background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:100%;left:50%;translate:-50%}.door-way-sending{background:#00000052;background:lab(0% 0 0/.32);position:absolute;inset:0}.door-way-sending:after{content:"";background:linear-gradient(90deg, #fff var(--sent,0%), #ffffff59 var(--sent,0%));border-radius:9999px;height:3px;position:absolute;bottom:5px;left:5px;right:5px}[data-door-waiting-dot]{--door-turn-ms:24s}@media (prefers-reduced-motion:no-preference){.door-way-leaf{transition:transform .9s var(--ease-drawer,ease-out) .25s}.door-way-floor,.door-way-sill,.door-way-bloom,.door-way-throw,.door-way-veil,.door-way-core,.door-way-rim{transition:opacity .7s ease-out .25s}.door-way{transition:--way-base-1 .9s var(--ease-emphasis,ease-out), --way-base-2 .9s var(--ease-emphasis,ease-out), --way-base-3 .9s var(--ease-emphasis,ease-out)}@starting-style{.door-way[data-door-way=open] .door-way-leaf{transform:rotateY(0)}.door-way[data-door-way=open][data-door-way-from=ajar] .door-way-leaf{transform:rotateY(15deg)}.door-way-bloom,.door-way-throw,.door-way-veil,.door-way-core,.door-way-rim{opacity:0}}.door-way-g1{animation:door-drift-a calc(var(--spill-cadence,8s) * 1.5) ease-in-out infinite alternate}.door-way-g2{animation:door-drift-b calc(var(--spill-cadence,8s) * 1.5) ease-in-out infinite alternate}.door-way-g3{animation:door-drift-a calc(var(--spill-cadence,8s) * 1.5) ease-in-out -4s infinite alternate-reverse}.door-way[data-door-way=shut] .door-way-glow{animation:none}.door-way:has(.door-way-view) .door-way-glow{animation:none}.door-way:is([data-door-way=shut],[data-door-way=ajar]){animation:door-way-turn var(--door-turn-ms) steps(360) infinite;animation-delay:calc(var(--door-phase,0) * var(--door-turn-ms) * -1)}.door-way:is([data-door-way=shut],[data-door-way=ajar]) .door-way-sill{animation:door-way-breath-sill calc(var(--door-turn-ms) / 3) ease-in-out infinite;animation-delay:calc(var(--door-phase,0) * var(--door-turn-ms) * -1)}.door-way:is([data-door-way=shut],[data-door-way=ajar]) .door-way-floor{animation:door-way-breath-floor calc(var(--door-turn-ms) / 3) ease-in-out infinite;animation-delay:calc(var(--door-phase,0) * var(--door-turn-ms) * -1)}[data-door-waiting-dot]>span:last-child{animation:door-way-dot calc(var(--door-turn-ms) / 3) ease-in-out infinite;animation-delay:calc(var(--door-phase,0) * var(--door-turn-ms) * -1)}}[data-guest-page]:has([data-door-stage][data-state=open]){max-height:100svh;overflow:hidden}[data-guest-page]:has([data-door-stage][data-state=open]) [data-guest-experience]{min-height:0}@media (min-width:40rem){[data-door-stage][data-door-stage-aside] [data-door-stage-column]{translate:calc(min(75vw,28rem)/-2)}}[data-door-stage][data-door-walking]{overflow:hidden}[data-door-stage][data-state=closed]{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){[data-door-stage-column]{transition:translate .3s var(--ease-in-out-strong,ease-in-out)}[data-door-stage]{transition:opacity .32s var(--ease-emphasis,ease-out), visibility 0s linear 0s}[data-door-stage][data-state=closed]{transition:opacity .32s var(--ease-emphasis,ease-out), visibility 0s linear .32s}[data-door-stage][data-state=closed][data-door-walked]{transition:opacity .14s linear,visibility 0s linear .14s}@starting-style{[data-door-stage][data-state=open]{opacity:0}}@starting-style{[data-door-stage][data-state=open][data-door-stage-at=gate],[data-door-stage][data-state=open][data-door-stage-first]{opacity:1}}}}@layer base{@media (prefers-reduced-motion:reduce){[data-door-stage][data-state=closed]{transition:opacity .2s ease-out,visibility 0s linear .2s!important}}}