/* Fixed framing, opacity only: the yellow door never pans or zooms. */
.door-rotation{aspect-ratio:1478/1064}
.door-rotation .door-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;opacity:0;transition:opacity .7s ease;pointer-events:none}
.door-rotation .door-scene.is-current{opacity:1}
.door-controls{display:flex;align-items:center;gap:6px;margin-top:14px;width:max-content;max-width:100%;position:relative;z-index:2}
.door-controls[hidden],.door-controls [hidden]{display:none!important}
.door-controls button{appearance:none;font:inherit;font-size:11px;line-height:1.4;min-width:44px;min-height:44px;padding:8px 11px;border:1px solid #59665e;border-radius:6px;color:#d4d9d6;background:#20252be8;cursor:pointer}
.door-controls button:hover{color:#fff02e;border-color:#fff02e}
.door-controls button:focus-visible{outline:3px solid #fff02e;outline-offset:3px}
.door-controls button:disabled{opacity:.45;cursor:wait}
.door-controls .door-previous,.door-controls .door-next{font-size:19px;padding:6px}
.door-toggle{min-width:104px!important}
.door-count{font-family:'DM Mono',monospace;font-size:10px;color:#d4d9d6;padding-left:6px;white-space:nowrap}
@media(max-width:1050px){
 .door-rotation{aspect-ratio:.81}
 .door-rotation .door-scene{inset:0 0 auto auto;width:171%;height:auto;aspect-ratio:1478/1064;object-fit:fill}
 .door-controls{order:8;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.door-rotation .door-scene{transition:none}}