@view-transition{navigation:auto}html:has(.s-door){overscroll-behavior:none}.s-door{background:#f7f1e8;flex-direction:column;height:100svh;display:flex;overflow:hidden}.s-door-head{color:#16201a;flex-direction:column;flex:none;align-items:center;padding:12px 16px;display:flex}@media (max-height:520px){.s-door-head{padding:4px 16px 6px}.s-door-sub{display:none}}.s-scene{view-transition-name:door-scene;--aw:43;--ah:24;--door-l:39.1%;--door-t:24.35%;--door-w:21.76%;--door-h:59.31%;--door-r:32.88%;--aim:54%;--aim-n:.54;--persp:.7;--pw:max(100cqw, 100cqh * var(--aw) / var(--ah));--ph:calc(var(--pw) * var(--ah) / var(--aw));background:#1f2616;flex:auto;min-height:0;position:relative;overflow:hidden;container-type:size}@media (max-aspect-ratio:3/4){.s-scene{--aw:24;--ah:43;--door-l:28.29%;--door-t:38.34%;--door-w:43.39%;--door-h:37.06%;--door-r:32.67%;--aim:56.9%;--aim-n:.569;--persp:1.39}}.s-plate{left:calc((100cqw - var(--pw)) / 2);top:calc((100cqh - var(--ph)) / 2);width:var(--pw);height:var(--ph);transform-origin:50% var(--aim);position:absolute}.s-photo img{width:100%;max-width:none;height:100%;position:absolute;inset:0}.s-doorbox{left:var(--door-l);top:var(--door-t);width:var(--door-w);height:var(--door-h);position:absolute}.s-through,.s-panels{position:absolute;inset:0}.s-through{border-radius:50% 50% 0 0 / var(--door-r) var(--door-r) 0 0;background:#f3cfd2;overflow:hidden}.s-through-sky{object-fit:cover;will-change:transform;width:124%;max-width:none;height:108%;animation-name:s-sky-drift;animation-duration:40s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:-4%;left:-12%}@keyframes s-sky-drift{0%{transform:translate(4%)scale(1.02)}to{transform:translate(-4%)scale(1.06)}}.s-panels{perspective:calc(var(--pw) * var(--persp));perspective-origin:50% 46%}.s-panel{width:50%;height:100%;position:absolute;top:0}.s-panel img,.s-panel-shade{width:101.32%;max-width:none;height:100.44%;position:absolute;top:-.22%;left:-.66%}.s-panel-l{transform-origin:0%;left:0}.s-panel-r{transform-origin:100%;right:0}.s-panel-shade{background:#0b0705;-webkit-mask-size:100% 100%;mask-size:100% 100%}.s-panel-shade-left{-webkit-mask-image:url(/scene/door-left.webp);mask-image:url(/scene/door-left.webp)}.s-panel-shade-right{-webkit-mask-image:url(/scene/door-right.webp);mask-image:url(/scene/door-right.webp)}@media (max-aspect-ratio:3/4){.s-panel-shade-left{-webkit-mask-image:url(/scene/door-left-portrait.webp);mask-image:url(/scene/door-left-portrait.webp)}.s-panel-shade-right{-webkit-mask-image:url(/scene/door-right-portrait.webp);mask-image:url(/scene/door-right-portrait.webp)}}.s-glow{pointer-events:none;background:radial-gradient(closest-side,#ffece29e,#ffcdc842 48%,#0000 100%);width:210%;height:155%;position:absolute;top:50%;left:50%;translate:-50% -50%}.s-spill{pointer-events:none;background:radial-gradient(closest-side,#ffdecd8c,#0000 100%);width:165%;height:26%;position:absolute;top:104%;left:50%;translate:-50% -50%}.s-ferns{left:calc((100cqw - var(--fw)) / 2);width:var(--fw);aspect-ratio:43/24;transform-origin:50% 70%;--fw:max(100cqw, 100cqh * 43 / 24);position:absolute;bottom:0}.s-ferns img{width:100%;max-width:none;height:100%}@media (max-aspect-ratio:3/4){.s-ferns{--fw:210cqw;-webkit-mask-image:linear-gradient(#0000 30%,#000 62%);mask-image:linear-gradient(#0000 30%,#000 62%)}}.s-vignette{pointer-events:none;background:radial-gradient(130% 100% at 50% 55%,#0000 55%,#0c0a0473 100%);position:absolute;inset:0}.s-anim{animation-timing-function:cubic-bezier(.55,0,.3,1);animation-play-state:paused;animation-fill-mode:both}.s-go .s-anim{animation-play-state:running}.s-plate{will-change:transform;animation-name:s-push;animation-duration:3.4s;animation-timing-function:cubic-bezier(.3,0,.2,1)}.s-ferns{will-change:transform, opacity;animation-name:s-pass;animation-duration:2.6s;animation-timing-function:cubic-bezier(.45,0,.25,1)}.s-panel{will-change:transform;animation-duration:2.1s;animation-delay:1s}.s-panel-l{animation-name:s-swing-l}.s-panel-r{animation-name:s-swing-r}.s-panel-shade{animation-name:s-shade;animation-duration:2.1s;animation-delay:1s}.s-glow{animation-name:s-light;animation-duration:2.2s;animation-delay:1.15s}.s-spill{animation-name:s-light;animation-duration:2s;animation-delay:1.35s}.s-doors{animation-name:s-reveal;animation-duration:.8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-delay:2.9s}@keyframes s-push{0%{transform:scale(1)}to{transform:scale(1.17)}}@keyframes s-push-tall{0%{transform:scale(1)}to{transform:scale(1.5)}}@media (max-aspect-ratio:3/4){.s-plate{animation-name:s-push-tall}}@keyframes s-pass{0%{opacity:1;transform:scale(1)}to{opacity:.12;transform:scale(1.55)}}@keyframes s-swing-l{0%{transform:rotateY(0)}to{transform:rotateY(76deg)}}@keyframes s-swing-r{0%{transform:rotateY(0)}to{transform:rotateY(-76deg)}}@keyframes s-shade{0%{opacity:0}to{opacity:.55}}@keyframes s-light{0%{opacity:0}to{opacity:1}}@keyframes s-reveal{0%{opacity:0;visibility:hidden;transform:translate(-50%,-50%)translateY(12px)}to{opacity:1;visibility:visible;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.s-anim{animation-play-state:running!important;animation-delay:0s!important}.s-through-sky{animation:none}}.s-doors-at{left:50%;top:calc((100cqh - var(--ph)) / 2 + var(--aim-n) * var(--ph));position:absolute}.s-doors{font-size:clamp(15px, calc(var(--pw) * .0134), 20px);gap:.75em;display:grid;transform:translate(-50%,-50%)}@media (max-aspect-ratio:3/4){.s-doors{font-size:clamp(15px,4.3cqw,19px)}}.s-door-btn{color:#16201a;text-align:center;white-space:nowrap;background:#fffcf7f2;border-radius:.9em;padding:.95em 1.5em;font-weight:500;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .2s;display:block;box-shadow:inset 0 1px #fff,0 12px 32px -12px #3c142873}.s-door-btn:hover{background:#fff;transform:translateY(-2px)}::view-transition-old(door-scene){transform-origin:50% 64%;animation:.55s cubic-bezier(.5,0,.75,0) both s-step-in}::view-transition-new(door-scene){transform-origin:50% 64%;animation:.55s cubic-bezier(.16,1,.3,1) both s-step-out}@keyframes s-step-in{to{opacity:0;transform:scale(1.18)}}@keyframes s-step-out{0%{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.s-orbit .orbit-chip{padding:.5em .9em;font-size:12.5px}.s-btn{color:#fff;white-space:nowrap;background:#a8405f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 1.25rem;font-size:16px;font-weight:500;transition:background-color .2s;display:inline-flex}.s-btn:hover{background:#8c2d4b}.s-link{color:#8c2d4b;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.s-link:hover{color:#16201a}.s-dialog{color:#16201a;overscroll-behavior:contain;background:#fbf7f0;border:0;border-radius:18px;width:min(840px,100vw - 32px);max-width:none;max-height:min(900px,100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 40px 120px -40px #0a140f99}.s-dialog[open]{animation:.35s cubic-bezier(.16,1,.3,1) s-dialog-in}.s-dialog::backdrop{background:#0e161180}.s-dialog[open]::backdrop{animation:.35s s-fade-in}@keyframes s-dialog-in{0%{opacity:0;transform:translateY(14px)}}@keyframes s-fade-in{0%{opacity:0}}@media (max-width:639px){.s-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}}html:has(.s-dialog[open]){overflow:hidden}