/* The Prism keeps navigation in the margins and the building in full view. */
header{height:72px;background:transparent;padding-inline:28px}
header .edition{letter-spacing:.16em;font-size:8px}
footer{background:transparent;padding-inline:28px}
#rooms{position:fixed;top:72px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;width:max-content;max-width:calc(100% - 56px);border:0;gap:16px;background:transparent}
#rooms button,#rooms .fallback-room{min-height:44px;padding:10px 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:transparent;border:0}
#rooms button span{font-size:8px;margin-right:7px}
#rooms button[aria-pressed=true]{background:transparent;text-decoration:underline;text-underline-offset:7px;color:var(--fg)}
#rooms button[aria-pressed=true]:before{display:none}
#rooms button:hover{background:transparent;color:var(--fg)}
.footnote{min-height:28px;margin-top:0}
.caption{bottom:50px;left:28px;right:28px;font-size:8px;letter-spacing:.1em}
.intro{top:145px;left:28px}
.intro h1{font-size:32px;line-height:1.12;letter-spacing:-.035em}
.intro p{max-width:250px;font-size:11px}
.tools,.in-interior .tools{top:auto;bottom:86px;right:24px;left:auto;width:130px;display:flex;flex-direction:column;gap:0}
.tools button,.tools button[aria-pressed=true],.hotspot span,.research-shortcut{background:transparent;backdrop-filter:none;color:var(--fg);border:0;box-shadow:none}
.tools button{min-height:44px;padding:9px 4px;justify-content:space-between;font-size:10px;letter-spacing:.06em}
.tools button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.hotspot{font-size:8px;letter-spacing:.12em}
.hotspot span{padding:6px 3px}
.hotspot:before{width:4px;height:4px;box-shadow:none}
.hotspot:hover:before,.hotspot[aria-pressed=true]:before{box-shadow:none}
.interior-heading{top:143px;left:28px;max-width:330px;text-shadow:0 1px 6px var(--bg)}
.interior-heading>p:first-child{font-size:8px;margin-bottom:9px}
.interior-heading h1{font-size:25px;letter-spacing:-.035em;margin-bottom:8px}
.interior-heading>p:last-child{font-size:10px;max-width:270px}
.house-walk{left:28px;top:auto;bottom:139px;gap:4px}
.house-walk button,.house-gallery-controls button{background:transparent;border:0;box-shadow:none;color:var(--fg)}
.house-walk #lookCenter{font-size:9px;padding-inline:10px}
.house-gallery-controls{top:auto;bottom:87px;left:28px;max-width:calc(100% - 190px);gap:8px}
.house-gallery-controls button{padding-inline:5px;font-size:9px;letter-spacing:.03em}
.house-gallery-controls button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}
#galleryMediaStatus{top:auto;bottom:45px;font-size:9px;background:transparent;pointer-events:none}
.house-object-hint{background:transparent;border:0;text-shadow:0 1px 7px var(--bg);font-size:10px}
.house-exhibit-dock,.house-exhibit-dock.is-lobby{bottom:195px;width:min(820px,calc(100% - 380px));background:transparent;border:0;backdrop-filter:none;gap:18px 24px;max-height:calc(100dvh - 370px);overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));text-shadow:0 1px 5px var(--bg)}
.house-installations-heading{grid-column:1/-1;margin:10px 0 0;font:8px/1.7 var(--font-interface);letter-spacing:.13em;color:var(--muted)}
.house-reading-footer [hidden]{display:none}
.house-reading.is-installation .house-reading-footer{flex-wrap:wrap;gap:8px 24px}
.house-reading.is-installation #installationGallery{color:var(--fg);text-decoration:underline;text-underline-offset:5px}
.house-reading.is-installation .house-reading-body{min-height:0}
.house-reading.is-installation #displayStatus{letter-spacing:.08em}
.house-exhibit-dock button,.house-exhibit-item,.house-exhibit-item>button,.house-exhibit-dock .house-frame-display[aria-pressed=true]{background:transparent}
.house-exhibit-dock button{border:0;border-bottom:1px solid var(--line);min-height:72px;padding:12px 0}
.house-exhibit-dock button:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
.house-exhibit-dock .house-frame-display{min-height:44px;padding:9px 0;font-size:9px}
.house-exhibit-dock[hidden],.house-walk[hidden],.tools button[hidden]{display:none}
.in-interior .room-panel{top:140px;max-height:calc(100dvh - 210px)}
body.still .house-exhibit-dock{background:var(--bg);padding:18px;width:min(900px,calc(100% - 56px));bottom:90px}
body.still .interior-heading>p:last-child{display:none}
@media(max-width:800px){
 header{height:calc(60px + env(safe-area-inset-top));padding-inline:18px}
 header .brand{font-size:28px}
 header .research-shortcut{display:none}
 #rooms{top:calc(60px + env(safe-area-inset-top));max-width:calc(100% - 24px);justify-content:flex-start;gap:8px;scrollbar-width:none}
 #rooms button,#rooms .fallback-room{font-size:9px;letter-spacing:.035em;padding:10px 6px;min-height:44px}
 #rooms button span,#rooms .fallback-room span{display:none}
 .intro,.interior-heading{left:18px;top:calc(123px + env(safe-area-inset-top));right:18px;max-width:260px}
 .intro h1,.interior-heading h1{font-size:22px;margin:7px 0}
 .intro p,.interior-heading>p:last-child{display:none}
 .intro .eyebrow,.interior-heading>p:first-child{font-size:7px}
 .tools,.in-interior .tools{top:auto;bottom:calc(47px + env(safe-area-inset-bottom));left:14px;right:14px;width:auto;display:flex;flex-direction:row;justify-content:space-between;gap:5px}
 .tools button,.in-interior .tools button{font-size:9px;letter-spacing:0;min-height:44px;padding:8px 4px;white-space:nowrap;justify-content:center;flex:1}
 .tools button .ui-icon{display:none}
 .house-walk{bottom:calc(96px + env(safe-area-inset-bottom));top:auto;left:14px;right:auto;gap:0}
 .house-walk span{display:none}
 .house-walk #lookCenter{font-size:8px;padding-inline:5px}
 .house-gallery-controls{top:auto;bottom:calc(96px + env(safe-area-inset-bottom));left:auto;right:14px;max-width:none;gap:4px}
 .house-gallery-controls button{font-size:8px;padding-inline:4px}
 #galleryMediaStatus{left:auto;right:0;max-width:210px}
 .caption{left:18px;right:18px;bottom:calc(31px + env(safe-area-inset-bottom));font-size:6px}
 .caption #viewLabel{display:none}
 .caption #hint{max-width:none;margin-left:auto}
 footer{padding-inline:18px}.footnote{font-size:6px;min-height:19px}.footnote button{font-size:8px}
 .house-exhibit-dock,.house-exhibit-dock.is-lobby{bottom:calc(151px + env(safe-area-inset-bottom));width:calc(100% - 36px);gap:14px;max-height:calc(100dvh - 340px);overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
 .house-reading.is-installation .house-reading-footer{display:grid;grid-template-columns:1fr}
 .house-exhibit-dock button{padding:10px 0;min-height:66px}
 .house-exhibit-dock span{font-size:10px}.house-exhibit-dock small{font-size:8px}
 .house-exhibit-dock.is-lobby button{padding:10px 0;flex-basis:125px}
 .house-exhibit-dock .house-frame-display{padding:9px 0;font-size:8px}
 .in-interior .room-panel{top:calc(115px + env(safe-area-inset-top));max-height:calc(100dvh - 220px);left:14px;right:14px;width:auto}
 body.still .house-exhibit-dock{bottom:calc(97px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-height:calc(100dvh - 285px);padding:12px}
}
@media(max-width:360px){.house-walk #lookCenter{display:none}.house-gallery-controls{gap:6px}}
@media(max-height:600px) and (min-width:600px){
 header{height:55px}#rooms{top:53px}
 .intro{display:none}.interior-heading{top:108px;left:20px;max-width:230px}
 .interior-heading h1{font-size:19px}.interior-heading>p:last-child{display:none}
 .tools,.in-interior .tools{bottom:43px;right:18px;left:auto;width:310px;flex-direction:row;flex-wrap:wrap;gap:2px}
 .tools button,.in-interior .tools button{flex:1;min-width:47px;font-size:8px}
 .house-walk{bottom:86px;left:20px}.house-gallery-controls{bottom:43px;left:20px;right:auto}
 .house-exhibit-dock,.house-exhibit-dock.is-lobby{bottom:130px;max-height:calc(100dvh - 240px);width:calc(100% - 80px)}
 .house-exhibit-dock small{display:none}
 .caption{bottom:28px}.footnote{min-height:15px}
 .in-interior .room-panel{top:104px;max-height:calc(100dvh - 165px)}
}
