/* Compact room selector, with screenshot alongside and description below. */
.rooms-explorer{display:grid;grid-template-columns:minmax(270px,30%) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:start;min-width:0}
.rooms-intro{min-width:0}
.rooms-map{display:grid;grid-template-columns:1fr 1.16fr 1fr;grid-template-rows:repeat(3,52px);gap:10px;position:relative;isolation:isolate;max-width:340px;margin-inline:auto}
.room-axis{position:absolute;background:var(--line);z-index:-1}.room-axis-h{height:1px;top:50%;left:16%;right:16%}.room-axis-v{width:1px;left:50%;top:16%;bottom:16%}
.room-node{border:1px solid var(--line);background:var(--paper);padding:7px 5px;font-size:14px;line-height:1.2;font-weight:500;border-radius:5px;min-width:0;transition:background .25s,color .25s}
.room-node:hover{background:#e9ede3;border-color:#96a28f}.room-node[aria-selected=true]{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.room-home{grid-column:2;grid-row:2}.room-signals{grid-column:1;grid-row:2}.room-services{grid-column:3;grid-row:2}.room-settings{grid-column:2;grid-row:1}.room-substrate{grid-column:2;grid-row:3}
.rooms-description{margin-top:26px;min-height:220px}
.room-copy[hidden],.room-image-link[hidden],.room-image-unavailable[hidden]{display:none}
.room-copy .meta{font-size:12px}.room-copy h3{font-size:27px;line-height:1.1;margin:12px 0 14px}.room-copy p{font-size:16px;line-height:1.55;color:var(--muted)}
.rooms-screen{min-width:0;aspect-ratio:1363/936;max-height:calc(100svh - 260px);border:1px solid #20252224;border-radius:7px;overflow:hidden;box-shadow:0 10px 28px #2025220a;background:#e9ece4}
.room-image-link{display:block;height:100%;cursor:zoom-in}.room-image{width:100%;height:100%;object-fit:contain;background:#10120f}
.room-image-unavailable{height:100%;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;gap:12px;text-align:center}.room-image-unavailable p{font-size:24px}.room-image-unavailable span{font-size:15px;color:var(--muted)}
@media(max-width:1100px) and (min-width:901px){.rooms-explorer{grid-template-columns:260px minmax(0,1fr);gap:40px}}
@media(max-width:700px){.rooms-explorer{grid-template-columns:1fr;gap:30px}.rooms-intro{display:contents}.rooms-map{grid-row:1;width:100%}.rooms-screen{grid-row:2;max-height:none}.rooms-description{grid-row:3;min-height:160px;margin-top:4px}.room-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.room-node{transition:none}}

/* Use the shared section heading and container styles. */
#experience .section-title{margin-bottom:clamp(56px,6vw,88px)}