.door{background:#0c0a08;height:100svh;min-height:34rem;display:flex;position:relative;overflow:hidden}.door-side{isolation:isolate;flex:50%;align-items:flex-end;transition:flex-grow .8s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden;container-type:inline-size}:is(.door:has(.door-side:hover) .door-side,.door:has(.door-side:focus-visible) .door-side){flex-grow:.7}.door .door-side:hover,.door .door-side:focus-visible{flex-grow:1.35}.door-side:focus-visible{outline-offset:-8px}.door-copy{--door-pad:clamp(1.5rem, 5vw, 4rem);z-index:3;padding:var(--door-pad);width:100%;position:relative}.door-cta{gap:.6rem;margin-top:1.6rem;padding:.9rem 1.3rem;font-size:.8rem;font-weight:700;transition:gap .3s,background .3s,color .3s;display:inline-flex}.door-side:hover .door-cta{gap:1.1rem}.door-ch{color:#efe6d8;background:#0c0a08}.door-ch-photo{object-fit:cover;object-position:62% 35%;z-index:-2;filter:sepia(.35)saturate(1.1)brightness(.72)contrast(1.08);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .8s;transform:scale(1.04)}.door-ch:hover .door-ch-photo{filter:sepia(.25)saturate(1.2)brightness(.9)contrast(1.08);transform:scale(1)}.door-ch:before{content:"";z-index:-1;background:radial-gradient(70% 60% at 60% 30%,#ff963c33,#0000 60%),linear-gradient(#0c0a0859 0%,#0c0a0833 40%,#0c0a08 92%);position:absolute;inset:0}.door-ch-strings{z-index:1;pointer-events:none;gap:clamp(10px,2.2vh,22px);display:grid;position:absolute;inset:26% 0 auto}.door-ch-strings i{height:calc(2.6px - var(--i) * .3px);transform-origin:50%;background:linear-gradient(90deg,#0000,#ffba6e8c 15% 85%,#0000);display:block}.door-ch:hover .door-ch-strings i{animation:door-vibrate 90ms calc(var(--i) * 40ms) linear 8 alternate}@keyframes door-vibrate{0%{transform:translateY(-1.5px)scaleY(1.4)}to{transform:translateY(1.5px)scaleY(1)}}.door-ch-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffae42;margin-bottom:.8rem;font-size:.76rem}.door-ch-name{font-family:var(--font-stage), sans-serif;text-transform:uppercase;font-size:min(26cqi,11rem,15vh);font-weight:900;line-height:.8}.door-ch-name span{color:#0000;-webkit-text-stroke:2px #ffae42}.door-ch-cta{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;color:#0c0a08;background:#ffae42}.door-ch:hover .door-ch-cta{background:#ff6a1a}.door-sh{color:#141414;font-family:var(--font-label), sans-serif;background:#efe9dc;border-left:1.5px solid #141414;flex-direction:column;align-items:stretch}.door-sh-stage{flex:auto;min-height:40%;position:relative}.door-sh-record{aspect-ratio:1;filter:drop-shadow(14px 18px #14141424);width:auto;max-width:90%;height:calc(100% - clamp(1rem,5vh,3rem));transition:right .9s cubic-bezier(.2,.7,.2,1);animation:12s linear infinite spin;position:absolute;top:clamp(1rem,5vh,3rem);bottom:0;right:-10%}.door-sh:hover .door-sh-record{animation-duration:2.2s;right:6%}.door-sh-eyebrow{letter-spacing:.08em;text-transform:uppercase;background:#efe9dc;border:1.5px solid #141414;border-radius:999px;margin-bottom:1rem;padding:.35rem .8rem;font-size:.74rem;font-weight:700;font-stretch:125%;display:inline-block}.door-sh-name{text-transform:uppercase;font-weight:900;font-stretch:125%;font-size:min(calc((100cqi - 2 * var(--door-pad)) / 8.3), 8rem, 12vh);letter-spacing:-.045em;line-height:.8}.door-sh-name em{font-family:var(--font-serif), serif;text-transform:none;letter-spacing:0;color:#ff4b1f;font-size:.8em;font-style:italic;font-weight:400;font-stretch:100%;line-height:1.05;display:block}.door-sh-cta{color:#efe9dc;background:#141414;border-radius:999px;font-size:.9rem;font-stretch:112%}.door-sh:hover .door-sh-cta{color:#141414;background:#ff4b1f;box-shadow:3px 3px #141414}.door-or{z-index:5;color:#efe9dc;width:3.4rem;height:3.4rem;font-family:var(--font-serif), serif;pointer-events:none;background:#141414;border:1.5px solid #efe9dc;border-radius:50%;place-items:center;font-size:1.35rem;font-style:italic;transition:opacity .3s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.door:has(.door-side:hover) .door-or{opacity:0}@media (max-width:800px){.door{flex-direction:column;height:100svh;min-height:36rem}.door-side,.door .door-side:hover{flex:50%;min-height:0}.door:has(.door-side:hover) .door-side{flex:50%;min-height:0}.door-sh{border-top:1.5px solid #141414;border-left:0}.door-sh-stage{min-height:0}.door-sh-record{max-width:none;height:calc(100% - .4rem);top:1.2rem;right:-4%}.door-copy{--door-pad:1.25rem;padding:1rem var(--door-pad) 1.4rem}.door-ch-strings{inset:18% 0 auto}.door-cta{margin-top:.9rem}.door-sh-eyebrow{letter-spacing:0;white-space:nowrap;margin-bottom:.6rem;padding:.3rem .6rem;font-stretch:100%}.door-ch-name{font-size:min(24cqi,16svh)}.door-sh-name{font-size:min(calc((100cqi - 2 * var(--door-pad)) / 8.3), 9svh)}.door-or{width:2.9rem;height:2.9rem;font-size:1.15rem}}