.knock-preview-tools{color:#3e3e3b;background:#d6cec3;border-bottom:1px solid #b8b7b2;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:auto;padding:.8rem clamp(1.25rem,4vw,4rem);font-size:.875rem;display:flex}.knock-preview-tools button{color:#3e3e3b;cursor:pointer;min-height:44px;font:inherit;background:#f5f2ea;border:1px solid #b8b7b2;border-radius:100px;padding:.45rem 1rem}.knock-preview-tools button:hover{background:#fff}.knock-preview-tools button:focus-visible{outline-offset:3px;outline:2px solid #3e3e3b}.knock-preview-tools button:disabled{opacity:.5;cursor:default}.motion-preference{text-align:center;padding:.8rem 1.25rem;font-size:.875rem}.knock-boot,.knock-gate{width:100%;height:100vh;z-index:1000;color:#3e3e3b;outline:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.knock-boot{background:#b8b7b2;animation:0s 8s forwards knock-failsafe}.knock-gate{background:0 0}.knock-door{-webkit-appearance:none;appearance:none;width:100%;height:100%;color:inherit;text-align:center;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0}.knock-art{perspective:1600px;perspective-origin:50%;position:absolute;inset:0}.knock-leaf{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:50%;height:100%;transform-style:preserve-3d;background:#b8b7b2;position:absolute;top:0;overflow:hidden}.knock-leaf-left{transform-origin:0;left:0}.knock-leaf-right{transform-origin:100%;right:0}.knock-leaf img{width:100vw;max-width:none;height:100vh;object-fit:cover;object-position:center;height:100dvh;position:absolute;top:0}.knock-leaf-left img{left:0}.knock-leaf-right img{right:0}.knock-copy{pointer-events:none;color:#3e3e3b;text-shadow:0 1px 12px #f5f2ea80;flex-direction:column;align-items:center;width:min(90%,660px);display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.knock-brand{width:clamp(180px,22vw,280px);height:32px;margin-bottom:clamp(1.4rem,3vh,2.5rem);display:block;position:relative;overflow:hidden}.knock-brand img{width:100%;max-width:none;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(1.65)}.knock-title{letter-spacing:-.045em;font-family:DM Sans,Inter,sans-serif;font-size:clamp(2.5rem,6.5vw,5.75rem);font-weight:600;line-height:1.1;display:block}.knock-title>span{display:inline-block}.knock-subtitle{margin-top:1rem;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;display:block}.knock-cue{letter-spacing:.02em;border-bottom:1px solid #4a4a4680;margin-top:1.8rem;padding-bottom:.15rem;font-size:.875rem;display:block}.knock-door:focus-visible .knock-cue{outline-offset:8px;outline:2px solid #3e3e3b}.knock-door[aria-disabled=true]{cursor:default}.knock-ring{opacity:0;pointer-events:none;border:2px solid #3e3e3b;border-radius:50%;width:36px;height:36px;position:absolute;top:61%;left:50%}.is-playing .knock-leaf{will-change:transform}.is-playing .knock-leaf-left{animation:3.6s ease-in-out both knock-open-left}.is-playing .knock-leaf-right{animation:3.6s ease-in-out both knock-open-right}.is-playing .knock-copy{animation:3.6s linear both knock-copy-away}.is-playing .knock-title>span{animation:.35s ease-out both knock-word}.is-playing .knock-title>span:first-child{animation-delay:.22s}.is-playing .knock-title>span:last-child{animation-delay:.9s}.is-playing .knock-ring{animation:.55s ease-out both knock-ring}.is-playing .knock-ring-one{animation-delay:.22s}.is-playing .knock-ring-two{animation-delay:.9s}.knock-guide:focus{outline:none}.knock-replay-controls{justify-content:flex-end;max-width:1320px;margin:auto;padding:.75rem clamp(1.25rem,4vw,4rem) 0;display:flex}.knock-replay-button{color:#3e3e3b;min-height:44px;font:inherit;cursor:pointer;background:#f5f2ea;border:1px solid #d6cec3;border-radius:100px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.875rem;display:inline-flex}.knock-replay-button span{font-size:1.25rem;line-height:1}.knock-replay-button:hover{background:#d6cec3}.knock-replay-button:focus-visible{outline-offset:3px;outline:2px solid #3e3e3b}.knock-replay-controls+.knock-guide .intro{padding-top:1.5rem}@keyframes knock-open-left{0%,6%,18%,25%,38%,43%{transform:rotateY(0)}10%,29%{transform:rotateY(-1deg)}14%,33%{transform:rotateY(.4deg)}to{transform:rotateY(-105deg)}}@keyframes knock-open-right{0%,6%,18%,25%,38%,43%{transform:rotateY(0)}10%,29%{transform:rotateY(1deg)}14%,33%{transform:rotateY(-.4deg)}to{transform:rotateY(105deg)}}@keyframes knock-copy-away{0%,40%{opacity:1}57%,to{opacity:0}}@keyframes knock-word{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes knock-ring{0%{opacity:.5;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes knock-failsafe{to{visibility:hidden;pointer-events:none}}@media (max-width:600px){.knock-copy{top:25%}.knock-title{font-size:clamp(2.6rem,11vw,4rem)}.knock-brand{width:200px}.knock-cue{margin-top:1.5rem}.knock-preview-tools{font-size:.8rem}}@media (max-height:600px) and (orientation:landscape){.knock-copy{top:15%}.knock-brand{width:180px;margin-bottom:1rem}.knock-title{font-size:2.8rem}.knock-subtitle{margin-top:.6rem}.knock-cue{margin-top:1rem}.knock-ring{top:72%}}@media (prefers-reduced-motion:reduce){.knock-gate *{animation:none!important}}@media print{.knock-boot,.knock-gate,.knock-preview-tools,.knock-replay-controls,.motion-preference{display:none!important}body{position:static!important;overflow:visible!important}}.knock-skip{right:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:2;color:#3e3e3b;min-height:44px;font:inherit;cursor:pointer;background:#f5f2eacc;border:1px solid #4a4a4666;border-radius:100px;padding:.5rem 1rem;font-size:.875rem;position:absolute}.knock-skip:focus-visible{outline-offset:3px;outline:2px solid #3e3e3b}