/* The furniture and maquettes share a continuous studio background. */
.exhibition-hero{height:100svh;min-height:780px;max-height:1200px;isolation:isolate;background:var(--site-background)}
.exhibition-heading{position:absolute;top:114px;left:4.2%;right:4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:3}
.exhibition-heading .eyebrow{margin:0}
.display-modes{display:flex;gap:24px}
.display-modes button,.exhibition-tools button{background:transparent;border-bottom:1px solid transparent;padding:9px 0;font-size:.875rem}
.display-modes button[aria-pressed=true],.display-modes button:hover,.exhibition-tools button:hover{border-bottom-color:currentColor}
.display-modes button[aria-pressed=true]{font-weight:700}
.exhibition-stage{position:absolute;left:0;right:24%;top:170px;bottom:160px;min-height:340px}
#exhibition-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .7s}
.exhibition-loaded #exhibition-canvas{opacity:1}
#exhibition-canvas:active{cursor:grabbing}
.scene-status{position:absolute;left:0;right:0;top:45%;text-align:center;font-size:.875rem}
.scene-status p{margin:0 0 14px}.scene-status a{border-bottom:1px solid var(--rule);padding-bottom:6px}
.exhibition-loaded .scene-status{display:none}
.exhibition-panel{position:absolute;right:4.2%;top:27%;width:16.6667%;min-width:210px;max-width:300px;z-index:3;mix-blend-mode:multiply}
.exhibition-caption{font-family:'Courier New',monospace;font-size:.75rem;line-height:1.5;margin:13px 0 0;color:var(--muted)}
.exhibition-panel .asset-info{mix-blend-mode:normal}
.exhibition-bottom{position:absolute;left:4.2%;right:4.2%;bottom:30px;z-index:3}
.model-picker{display:flex;gap:26px;border-bottom:1px solid var(--rule);padding:0 0 17px}
.model-picker button{background:transparent;text-align:left;padding:9px 0;color:var(--muted);font-size:.875rem;display:flex;gap:9px;align-items:center}
.model-picker button span{font-family:'Courier New',monospace;font-size:.75rem}
.model-picker button[aria-pressed=true]{color:var(--ink);font-weight:700}
.model-picker button[aria-pressed=true] span{position:relative}
.model-picker button[aria-pressed=true] span:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;position:absolute;left:-11px;top:4px}
.exhibition-tools{display:flex;align-items:center;gap:26px;font-size:.875rem;padding-top:12px}
.exhibition-tools>span{font-family:'Courier New',monospace;font-size:.75rem;margin-right:auto;color:var(--muted)}
.model-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.model-label{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:34px;height:34px;border:1px solid rgba(45,45,41,.5);border-radius:50%;background:transparent;font-family:'Courier New',monospace;font-size:.75rem;pointer-events:auto;mix-blend-mode:multiply;display:grid;place-items:center;padding:0}
.model-label[aria-pressed=true]{border-color:var(--ink);font-weight:700}
.model-label[hidden]{display:none}
.model-label:hover{background:rgba(255,255,255,.25)}
.scene-no-script{position:absolute;left:6%;top:35%;max-width:320px}
@media(min-width:1600px){.exhibition-stage{right:23%;top:175px;bottom:170px}}
@media(max-width:1000px){.exhibition-stage{right:29%;left:-2%}.exhibition-panel{right:4%;width:210px}.display-modes{gap:18px}.model-picker{justify-content:space-between;gap:15px}.exhibition-tools{gap:18px}}
@media(max-width:700px){
  .exhibition-hero{height:auto;min-height:0;max-height:none;padding:115px 6% 26px;overflow:visible;display:flex;flex-direction:column}
  .exhibition-heading{position:relative;inset:auto;display:block;order:0}
  .exhibition-heading .eyebrow{margin-bottom:16px}
  .display-modes{gap:23px}.display-modes button{font-size:.875rem}
  .exhibition-stage{position:relative;inset:auto;order:1;width:calc(100% + 12vw);margin-left:-6vw;height:440px;min-height:0}
  .exhibition-panel{position:relative;inset:auto;order:3;width:230px;min-width:0;max-width:100%;margin:26px 0 0 auto}
  .exhibition-bottom{position:relative;inset:auto;order:2}
  .model-picker{display:grid;grid-template-columns:1fr 1fr;gap:1px 18px;padding:0 0 14px}
  .model-picker button{padding:12px 0;line-height:1.3}
  .exhibition-tools{flex-wrap:wrap;gap:10px 19px;padding-top:15px}
  .exhibition-tools>span{width:100%;margin:0 0 3px}
  .exhibition-tools>a{margin-left:auto}
}
@media(max-width:380px){.exhibition-hero{padding-top:145px}.display-modes{gap:15px}.exhibition-stage{height:380px}}
@media(prefers-reduced-motion:reduce){#exhibition-canvas{transition:none}}
