#door-showroom{--door-gold:#c9a267;position:relative;padding:52px 0 38px;overflow:hidden;background:linear-gradient(180deg,#02060866,#03070bee 90%);border-bottom:1px solid #b9965826;scroll-margin-top:90px;color:#c9ced0}
.doorHeading{text-align:center;position:relative;z-index:2;padding:0 24px}.doorEyebrow{font-size:9px;letter-spacing:.34em;color:#b69b6e;margin:0 0 14px}.doorHeading h2{font-size:clamp(24px,3vw,43px);font-weight:400;line-height:1.5;margin:0;color:#d7c39e}.doorHeading>p:last-child{font-size:12px;color:#8d9da7;line-height:1.9;margin:12px auto 0;max-width:600px}
.doorTheatre{height:520px;max-width:1600px;margin:8px auto 0;position:relative;perspective:1400px;touch-action:pan-y;outline:none}.doorTheatre:before{content:"";position:absolute;left:8%;right:8%;top:12%;bottom:0;background:radial-gradient(ellipse at 50% 45%,#8d734519,transparent 52%);pointer-events:none}.doorFloor{position:absolute;left:-15%;right:-15%;top:79%;height:420px;background:radial-gradient(ellipse at 50% 0,#b58b4d18,transparent 45%),repeating-linear-gradient(90deg,transparent 0 110px,#8ba0a708 111px 112px),linear-gradient(#07101888,#020507);transform:rotateX(67deg);transform-origin:top;border-top:1px solid #93a5af22;pointer-events:none}
.doorPanel{position:absolute;left:50%;bottom:97px;width:240px;height:402px;margin-left:-120px;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.22,.7,.2,1),opacity .8s,filter .8s;outline:none;will-change:transform;color:inherit}.doorPanel>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 20px #000a);pointer-events:none}.doorPanel:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b0a18a70,transparent);box-shadow:0 0 22px #ccaa6b30}.doorPanel.is-active:after{background:linear-gradient(90deg,transparent,#e5bb71,transparent);box-shadow:0 0 25px #e5bb7170}.doorPanel .doorReflection{position:absolute;top:100%;left:0;width:100%;height:100%;object-fit:contain;transform:scaleY(-1);opacity:.24;filter:blur(1px);mask-image:linear-gradient(to top,#000b,transparent 28%);pointer-events:none}.doorPanel:focus-visible{outline:1px solid #c6a76d;outline-offset:8px}.doorPanelLabel{position:absolute;top:-24px;left:-25px;right:-25px;font-size:10px;letter-spacing:.06em;color:#8b9da6;white-space:nowrap}.doorPanel.is-active .doorPanelLabel{color:#d4b681}.doorSpotlight{position:absolute;left:50%;top:0;width:40%;height:95%;transform:translateX(-50%);background:conic-gradient(from 160deg at 50% 0,transparent,#8ba4b808 10deg,transparent 28deg);pointer-events:none}
.doorSelected{text-align:center;position:relative;z-index:3;margin:-56px auto 0;max-width:900px;padding:0 20px}.doorSelected h3{font-size:18px;font-weight:400;letter-spacing:.04em;margin:0 0 9px;color:#d0b783}.doorSideNote{min-height:19px;font-size:10px;color:#80939f;margin:0 0 18px}.doorActions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.doorControl,.doorOpen,.doorViewChoice,.doorClose,.doorZoomButton,.doorOriginal{font:inherit;border:1px solid #a5b4be30;background:#0a1117b3;color:#b7c6d0;cursor:pointer;transition:background .2s,border-color .2s}.doorControl{width:42px;height:42px;border-radius:50%;font-size:18px}.doorControl:hover,.doorControl:focus-visible,.doorViewChoice:hover{border-color:#c8aa72}.doorOpen{height:44px;padding:0 26px;color:#dbc394;border-color:#bd995b75;font-size:11px;letter-spacing:.05em;background:linear-gradient(125deg,#aa82441c,#9dabc309)}.doorOpen:hover{background:#a5824530}.doorCounter{font-size:10px;letter-spacing:.16em;color:#778995;min-width:66px}.doorDots{display:flex;justify-content:center;gap:8px;margin-top:25px}.doorDot{width:22px;height:22px;background:transparent;border:0;padding:8px;cursor:pointer}.doorDot:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#52616b;transition:.25s}.doorDot[aria-current=true]:after{background:#dab577;box-shadow:0 0 9px #daa453a0;transform:scale(1.4)}
#door-dialog{padding:0;width:min(1280px,96vw);max-width:96vw;height:min(920px,94dvh);max-height:94dvh;border:1px solid #9884596b;background:#03080e;color:#bbc7cd;overflow:hidden;box-shadow:0 0 110px #000b}#door-dialog::backdrop{background:#010407e8;backdrop-filter:blur(16px)}.doorDialogLayout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px}.doorVirtual{position:relative;overflow:hidden;display:grid;place-items:center;perspective:1200px;background:radial-gradient(ellipse at 50% 38%,#5a627326,transparent 58%),linear-gradient(155deg,#02060a,#0b131c 48%,#03070c);touch-action:none;cursor:grab}.doorVirtual:active{cursor:grabbing}.doorVirtual:after{content:"";position:absolute;left:10%;right:10%;bottom:5%;height:30px;border-radius:50%;background:#bda06a10;box-shadow:0 0 50px #bda06a18;pointer-events:none}.doorVirtual img{height:90%;width:90%;object-fit:contain;position:absolute;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--door-zoom,1));transition:transform .2s ease-out,opacity .18s;user-select:none;pointer-events:none;filter:drop-shadow(0 20px 30px #0009)}.doorVirtual.is-original{overflow:auto;cursor:default}.doorVirtual.is-original img{filter:none}.doorVirtualHint{position:absolute;bottom:17px;left:20px;right:20px;text-align:center;font-size:9px;letter-spacing:.06em;color:#71848f;z-index:1;pointer-events:none}.doorDialogInfo{border-left:1px solid #a8b6bc20;padding:64px 25px 24px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(140deg,#111923,#04090f)}.doorDialogInfo .doorEyebrow{margin:0;font-size:8px}.doorDialogInfo h3{font-size:26px;line-height:1.6;font-weight:400;color:#d0b681;margin:0}.doorDialogInfo p{font-size:11px;line-height:1.9;color:#8d9da6;margin:0}.doorClose{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;font-size:22px;z-index:5}.doorViews{display:flex;flex-direction:column;gap:8px}.doorViewChoice{padding:12px 14px;text-align:left;font-size:10px}.doorViewChoice[aria-pressed=true]{border-color:#c5a267;background:#8f704722;color:#e2c991}.doorZoom{margin-top:auto;border-top:1px solid #9badb422;padding-top:20px;display:flex;gap:12px;align-items:center}.doorZoomButton{width:34px;height:34px;font-size:18px}.doorZoom span{font-size:10px;min-width:40px;text-align:center}.doorOriginal{padding:10px;font-size:10px}.doorDownload{font-size:10px;color:#c4aa7b;text-underline-offset:5px}.doorAssetNote{font-size:9px!important;color:#647783!important}
@media(max-width:720px){#door-showroom{padding-top:35px;padding-bottom:28px}.doorHeading h2{font-size:23px;max-width:330px;margin:auto}.doorHeading>p:last-child{font-size:10px;max-width:300px}.doorTheatre{height:440px;margin-top:20px;perspective:900px}.doorPanel{width:195px;height:336px;margin-left:-97.5px;bottom:80px}.doorPanelLabel{font-size:8px}.doorSelected{margin-top:-43px}.doorSelected h3{font-size:16px}.doorActions{gap:8px}.doorOpen{padding:0 16px;font-size:10px}.doorCounter{min-width:45px;font-size:9px}.doorControl{width:36px;height:36px}.doorDots{gap:3px;margin-top:16px}#door-dialog{height:94dvh;width:96vw}.doorDialogLayout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.doorDialogInfo{border-left:0;border-top:1px solid #a8b6bc20;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.doorDialogInfo .doorEyebrow,.doorDialogInfo>p:not(.doorAssetNote),.doorAssetNote{display:none}.doorDialogInfo h3{font-size:17px;grid-column:1/-1;padding-right:20px}.doorViews{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:6px}.doorViewChoice{padding:9px 12px}.doorZoom{margin:0;border:0;padding:0;gap:8px}.doorOriginal{font-size:9px}.doorDownload{align-self:center;justify-self:end;font-size:9px}.doorVirtualHint{font-size:8px;bottom:10px}}
.doorDialogOpen{overflow:hidden}
@media(prefers-reduced-motion:reduce){.doorPanel,.doorVirtual img{transition:none}}