.door-scene{position:absolute;inset:0;z-index:3;overflow:hidden;background:#020304;visibility:hidden;opacity:0;transition:opacity 1.3s}.door-architecture{position:absolute;inset:0;background:url('initiatory-door-v1.png') center/cover no-repeat;filter:saturate(.72) brightness(.62);transform:scale(1.025);transition:transform 4s ease,filter 3s}.door-architecture:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,transparent 0 20%,#0203044d 58%,#020304c4 100%),linear-gradient(0deg,#0203049e 0%,transparent 37%,#02030452 100%);pointer-events:none}.door-leaf{position:absolute;z-index:2;top:0;height:100%;width:25%;background-image:url('initiatory-door-v1.png');background-size:100vw 100vh;background-repeat:no-repeat;backface-visibility:hidden;transition:transform 4.2s cubic-bezier(.58,.04,.22,1),filter 3s;box-shadow:0 0 35px #000}.door-leaf-left{left:25%;background-position:-25vw 0;transform-origin:left center}.door-leaf-right{right:25%;background-position:-50vw 0;transform-origin:right center}.door-darkness{position:absolute;z-index:1;left:49.5%;top:4%;bottom:9%;width:1%;background:#000;box-shadow:0 0 40px #000;transition:left 4s,width 4s}.door-knocker{position:absolute;z-index:5;left:50%;top:52%;width:112px;height:132px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 7px 7px #000);transition:opacity 1s}.knocker-mount{position:absolute;left:50%;top:4px;width:34px;height:38px;transform:translateX(-50%);border-radius:5px 5px 45% 45%;background:linear-gradient(110deg,#6c5b48,#1f1d1a 48%,#75624b);box-shadow:inset 0 0 0 2px #0008}.knocker-ring{position:absolute;left:50%;top:28px;width:62px;height:76px;transform:translateX(-50%);border:10px solid #42382d;border-radius:50%;box-sizing:border-box;box-shadow:inset 3px 2px 5px #a17d4a66,0 6px 7px #000;transition:transform .2s}.door-knocker:hover .knocker-ring,.door-knocker:focus-visible .knocker-ring{filter:brightness(1.22);outline:0}.door-knocker.is-striking .knocker-ring{animation:knocker-strike .55s cubic-bezier(.3,0,.3,1)}.door-hint{position:absolute;z-index:5;left:50%;bottom:7vh;transform:translateX(-50%);margin:0;color:#a99b89;font:italic 15px 'Cormorant Garamond',serif;letter-spacing:.06em;opacity:0;transition:opacity 1.2s;text-shadow:0 2px 15px #000}.door-hint.is-visible{opacity:.65}.is-at-door .threshold-scene{visibility:hidden}.is-at-door .door-scene{visibility:visible;opacity:1}.is-door-opening .door-knocker{opacity:0;pointer-events:none}.is-door-opening .door-architecture{transform:scale(1.1);filter:saturate(.65) brightness(.38)}.is-door-opening .door-leaf-left{transform:perspective(1000px) rotateY(-72deg);filter:brightness(.3)}.is-door-opening .door-leaf-right{transform:perspective(1000px) rotateY(72deg);filter:brightness(.3)}.is-door-opening .door-darkness{left:27%;width:46%}.has-crossed .door-scene{visibility:hidden;opacity:0}.sound-control{position:fixed;z-index:30;right:20px;top:18px;width:32px;height:32px;border:0;background:transparent;opacity:.35;cursor:pointer}.sound-control:hover,.sound-control:focus-visible{opacity:.8;outline:0}.sound-control span:before{content:"";position:absolute;left:8px;top:12px;width:5px;height:8px;border:1px solid #c8bbaa;border-right:0}.sound-control span:after{content:"";position:absolute;left:13px;top:9px;width:8px;height:14px;border:1px solid #c8bbaa;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0}.sound-control[aria-pressed="true"] span:after{width:12px;height:1px;top:16px;left:12px;border:0;background:#c8bbaa;transform:rotate(-45deg)}@keyframes knocker-strike{0%{transform:translateX(-50%) rotateX(0)}32%{transform:translateX(-50%) rotateX(-34deg) translateY(-7px)}58%{transform:translateX(-50%) rotateX(18deg) translateY(5px)}100%{transform:translateX(-50%) rotateX(0)}}
@media(max-width:700px){.door-architecture{background-size:auto 100%;background-position:center}.door-leaf{background-size:auto 100vh}.door-leaf-left{left:16%;width:34%;background-position:44% 0}.door-leaf-right{right:16%;width:34%;background-position:56% 0}.door-knocker{top:53%;transform:translate(-50%,-50%) scale(.82)}.door-hint{bottom:9vh;font-size:14px;white-space:nowrap}.sound-control{right:10px;top:10px}.is-door-opening .door-darkness{left:16%;width:68%}}
@media(prefers-reduced-motion:reduce){.door-leaf,.door-architecture,.door-darkness{transition-duration:1.2s!important}}
.door-architecture,.door-leaf,.door-darkness{transition-duration:2s}