/* Image-based architectural cinematography. */
.viewer-layout{grid-template-columns:minmax(0,1fr) 290px;gap:36px}
.photoreal-viewer{height:auto;aspect-ratio:4/3;min-height:360px;background:#263029;isolation:isolate}
.photoreal-viewer video,.photoreal-viewer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photoreal-viewer [hidden]{display:none!important}
.viewer-overlay{background:linear-gradient(#172c2910,#172c2944)}
.viewer-badge{top:24px;left:26px;right:26px;background:transparent;padding:0;color:#fff;letter-spacing:.12em;font-size:10px;text-shadow:0 1px 10px #142a28}
.tour-story{position:absolute;z-index:2;left:26px;right:26px;bottom:78px;pointer-events:none;color:#f4f1e9;text-shadow:0 1px 12px #142a28}
.tour-kicker{display:block;font-size:8px;letter-spacing:.17em;margin-bottom:9px}
#tourCaption{font-family:var(--display);font-size:25px;letter-spacing:-.025em}
.view-tools{bottom:18px;padding:3px;border:1px solid #f5f1e566;background:#f2f1e5e8;backdrop-filter:blur(12px);gap:1px}
.view-tools button{padding:0 18px;min-height:42px;font-size:11px}
#tour3d{min-width:115px;border-right:1px solid #22342816}
.camera-choices{display:grid;gap:8px;margin-top:14px}
.camera-choices button{border:1px solid #b9bbad;background:transparent;padding:18px 14px;text-align:left;font:inherit;font-size:12px;cursor:pointer}
.camera-choices button span{color:#808575;margin-right:12px}
.camera-choices button[aria-pressed=true]{border-color:#354535;background:#e6e8db}
.config-panel>.text-link{margin-top:22px;font-size:11px}
@media(max-width:1100px){.viewer-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
@media(max-width:800px){.viewer-layout{grid-template-columns:1fr}.photoreal-viewer{min-height:0}.camera-choices{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.photoreal-viewer{aspect-ratio:4/3}.viewer-badge{left:16px;right:16px;top:16px;font-size:8px}.tour-story{left:18px;bottom:74px}#tourCaption{font-size:22px}.tour-kicker{font-size:7px}.camera-choices{grid-template-columns:1fr}}
.view-tools button:first-child,.view-tools button:last-child{font-size:11px}
.camera-choices button[aria-pressed=true]{color:#26332e}
.config-panel .config-group,.config-panel>.text-link{grid-column:1/-1}
.values{grid-template-columns:repeat(3,minmax(0,1fr))}
.values>div{min-width:0}
.values p{overflow-wrap:anywhere}
