.door-picker{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.6vw,2rem);max-width:840px;margin:clamp(2rem,5vh,3.4rem) auto 0;padding:0;list-style:none;display:grid}.door-pick{color:inherit;border-radius:16px;flex-direction:column;align-items:center;gap:.9rem;padding:.5rem .3rem .7rem;text-decoration:none;display:flex}.door-pick:focus-visible{outline:2px solid var(--dc);outline-offset:3px}.dp-scene{aspect-ratio:11/15;perspective:1100px;width:100%;max-width:152px;margin-inline:auto;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative}.dp-frame{background:var(--dc-lt);box-shadow:inset 0 0 0 4px var(--dc-deep), inset 0 -6px 18px -8px #17150f73;border-radius:15px 15px 4px 4px;position:absolute;inset:0;overflow:hidden}.dp-frame:after{content:"";opacity:0;background:radial-gradient(85% 70% at 32% 62%,#ffe2a8fa,#ffe2a800 72%);transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dp-door{background:linear-gradient(158deg,var(--dc),var(--dc-deep));transform-origin:0;will-change:transform;border-radius:13px 13px 3px 3px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:absolute;inset:0;transform:rotateY(0);box-shadow:0 12px 26px -16px #17150f8c}.dp-door:before,.dp-door:after{content:"";background:#17150f29;border-radius:4px;position:absolute;left:16%;right:16%;box-shadow:inset 0 1px 2px #ffffff38}.dp-door:before{height:35%;top:11%}.dp-door:after{height:35%;top:53%}.dp-knob{background:var(--paper);width:9px;height:9px;box-shadow:0 0 0 2px var(--dc-deep),0 1px 2px #17150f66;border-radius:50%;position:absolute;top:50%;right:11%;transform:translateY(-50%)}.dp-num{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--dc-deep);font-size:.6rem;font-weight:700}.dp-name{font-family:var(--serif);color:var(--ink);font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:400;line-height:1.1}.dp-go{font-family:var(--sans);letter-spacing:.02em;color:var(--dc-deep);align-items:center;gap:.32rem;font-size:.72rem;font-weight:600;display:inline-flex}.dp-go svg{transition:transform .4s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:no-preference){.door-pick:hover .dp-door,.door-pick:focus-visible .dp-door{transform:rotateY(-70deg);box-shadow:18px 20px 32px -18px #17150f99}.door-pick:hover .dp-frame:after,.door-pick:focus-visible .dp-frame:after{opacity:1}.door-pick:hover .dp-scene,.door-pick:focus-visible .dp-scene{transform:translateY(-5px)}.door-pick:hover .dp-go svg,.door-pick:focus-visible .dp-go svg{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.door-pick:hover .dp-frame:after,.door-pick:focus-visible .dp-frame:after{opacity:1}}@media (max-width:560px){.door-picker{grid-template-columns:repeat(2,1fr);gap:1.6rem 1.1rem;max-width:380px}.dp-scene{max-width:132px}}.btn.door-cta{background:var(--dc,var(--ink))}.btn.door-cta:hover{background:var(--dc-deep,var(--ember-deep))}.door-sect{scroll-margin-top:6.5rem}.door-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}.door-sect.alt .door-media{order:2}.door-sect.alt .door-body{order:1}.door-media .ph{aspect-ratio:3/2;box-shadow:inset 0 -5px 0 var(--dc),0 22px 46px -30px #17150f8c;border-radius:18px}.door-kicker{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--dc);margin:0 0 .7rem;font-size:.7rem;font-weight:600}.door-body h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 .8rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400}.door-body>p{color:var(--ink-2);margin:0 0 1.4rem;font-size:1.02rem;line-height:1.68}.door-body{border-left:3px solid var(--dc);padding-left:1.6rem}.door-sect.alt .door-body{border-left:0;border-right:3px solid var(--dc);padding-left:0;padding-right:1.6rem}.do-list{flex-direction:column;gap:.6rem;margin:0 0 1.6rem;padding:0;list-style:none;display:flex}.do-list li{color:var(--ink-2);padding-left:1.5rem;font-size:.96rem;line-height:1.55;position:relative}.do-list li:before{content:"";background:var(--dc);border-radius:2px;width:8px;height:8px;position:absolute;top:.5em;left:0;transform:rotate(45deg)}@media (max-width:820px){.door-grid{grid-template-columns:1fr}.door-sect.alt .door-media{order:1}.door-sect.alt .door-body{border-right:0;border-left:3px solid var(--dc);order:2;padding-left:1.6rem;padding-right:0}}.door-divider{background:var(--rule);border:0;height:1px;margin:0}.closing-band{text-align:center}.closing-band h2{margin-bottom:.9rem}.closing-band .btn{margin-top:.6rem}
