/* Each scheme reads as a small photographic essay, with the plan kept close. */
.scheme-story-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:9%;padding:45px 0 43px}
.scheme-overline{display:flex;align-items:baseline;gap:16px;font-size:11px;line-height:2;color:#77736a;letter-spacing:.6px}
.scheme-overline>span{font:24px/1.4 Georgia,serif;color:var(--ink)}
.scheme-story-heading h4{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.8;letter-spacing:.5px;margin-top:16px}
.scheme-story-heading>p{font-size:14px;line-height:2.15;color:var(--reading,#57554e);overflow-wrap:anywhere;padding-top:15px}
.room-study{margin:0 0 72px}
.room-study-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);padding-top:21px}
.room-study-heading>span:last-child{font-size:11px;line-height:2;color:#858176}
.room-selection{display:flex;flex-wrap:wrap;gap:5px 36px;margin:16px 0 28px}
.room-selection button{display:flex;align-items:baseline;gap:12px;min-height:48px;max-width:100%;padding:9px 0 14px;border:0;border-bottom:1px solid transparent;background:none;color:#858176;font-size:15px;line-height:1.9;letter-spacing:.6px;overflow-wrap:anywhere}
.room-selection button>span{font:11px/2 Arial,sans-serif;color:#99958c}
.room-selection button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
.room-stage-layout{display:block;min-width:0}
.room-effect-figure{margin:0;min-width:0}
.room-effect-open{display:block;position:relative;width:100%;border:0;padding:0;background:#eeece6;cursor:zoom-in}
.room-effect-open>img{display:block;width:100%;height:auto;object-fit:contain}
.room-effect-open>span{position:absolute;right:18px;bottom:18px;background:#f5f4f0ec;color:var(--ink);padding:10px 13px;font-size:11px;line-height:2;backdrop-filter:blur(6px)}
.room-effect-open i{font-style:normal;margin-left:22px}
.room-effect-figure .document-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 22px;font-size:11px;line-height:2;color:#77736a;margin-top:14px}
.room-context{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12%;align-items:start;margin-top:39px}
.room-text,.room-location{min-width:0}
.room-context-heading{display:flex;align-items:baseline;gap:21px}
.room-index{font:25px/1.4 Georgia,serif;color:var(--ink);white-space:nowrap}
.room-index>span{font:11px/2 var(--sans);color:#858176;letter-spacing:.6px}
.room-context h4{font-family:var(--serif);font-size:29px;font-weight:400;line-height:1.8;letter-spacing:1px;margin:0}
.room-caption{max-width:650px;font-size:14px;line-height:2.15;color:var(--reading,#57554e);margin-top:18px;overflow-wrap:anywhere}
.room-basis{list-style:none;padding:0;margin:22px 0 0}
.room-basis li{font-size:14px;line-height:2.1;color:var(--reading,#57554e);padding:13px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.room-location-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;max-width:300px;font-size:11px;line-height:2;color:#77736a;margin-bottom:17px}
.room-location-heading>p{letter-spacing:1px}
.room-location-heading>span{white-space:nowrap}
.room-plan-map{display:block;position:relative;width:100%;max-width:300px;min-height:44px;padding:0;border:0;background:#fff;cursor:zoom-in}
.room-plan-map>img{display:block;width:100%;height:auto;object-fit:contain}
.room-plan-map.is-cropped{overflow:hidden}
.room-plan-map.is-cropped>img{position:absolute;max-width:none;height:auto;object-fit:initial}
.room-map-dot{position:absolute;width:12px;height:12px;z-index:1;border:2px solid #fff;border-radius:50%;background:#625b50;box-shadow:0 0 0 5px #625b5026;transform:translate(-50%,-50%)}
.room-location-note{display:block;font-size:11px;line-height:2;color:#858176;margin-top:12px}
.room-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:66%;max-width:670px;margin-top:37px}
.room-filmstrip button{display:block;min-width:0;min-height:44px;border:0;border-bottom:1px solid transparent;background:none;padding:0 0 10px;text-align:left;color:#858176}
.room-filmstrip button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
.room-filmstrip img{display:block;width:100%;aspect-ratio:1.5;object-fit:contain;background:#eeece6;opacity:.58;transition:opacity .25s}
.room-filmstrip button[aria-pressed=true] img,.room-filmstrip button:hover img{opacity:1}
.room-filmstrip button>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;padding-top:10px;font-size:11px;line-height:2}
.room-filmstrip small{font:11px/2 Arial,sans-serif;color:#99958c}
.room-unavailable{font-size:14px;line-height:2.1;color:var(--reading,#57554e);padding:30px 0}
.scheme-design-notes{padding-top:29px;border-top:1px solid var(--line)}
.scheme-notes-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px 30px}
.scheme-notes-heading>p{font-size:14px;line-height:2.1;color:var(--reading,#57554e)}
.scheme-zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8%;list-style:none;padding:0;margin:29px 0 0}
.scheme-zone-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:17px;padding:22px 0;border-top:1px solid var(--line);min-width:0}
.zone-index{font:11px/2 Arial,sans-serif;color:#99958c;padding-top:1px}
.scheme-zone-list strong{display:block;font-size:13px;font-weight:400;line-height:2;color:var(--ink);letter-spacing:.6px;margin-bottom:8px}
.scheme-zone-list p{font-size:14px;line-height:2.1;color:var(--reading,#57554e);overflow-wrap:anywhere}
.room-lightbox{width:94%;max-width:1450px;max-height:94svh;padding:32px;background:var(--paper)}
.room-lightbox h2{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.8;margin:0 40px 17px 0;overflow-wrap:anywhere}
.room-lightbox>img{display:block;width:100%;height:auto;max-height:66svh;object-fit:contain;background:#eeece6}
.room-lightbox>p{font-size:14px;line-height:2.1;color:var(--reading,#57554e);margin-top:19px;overflow-wrap:anywhere}
.room-lightbox-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:22px}
.room-lightbox-footer>span{font-size:11px;line-height:2;color:#77736a}
.room-lightbox-footer button{min-height:44px;max-width:100%;padding:10px 0;border:0;border-bottom:1px solid #bdb9ae;background:none;font-size:13px;line-height:1.8;white-space:normal}
.plan-viewer-canvas{position:relative}
.plan-viewer-canvas>img{width:100%;height:auto;min-width:0;max-width:none}
.plan-full-image.is-zoomed img{width:100%;min-width:0}
.plan-full-image.is-zoomed .plan-viewer-canvas{width:200%;min-width:1100px}
.plan-focus-marker{position:absolute;transform:translate(-50%,-50%);background:#625b50;color:#fff;border:2px solid #fff;border-radius:30px;padding:7px 11px;font-size:12px;line-height:1.8;box-shadow:0 0 0 6px #625b5026;white-space:nowrap}
.plan-focus-marker[hidden]{display:none}
@media(max-width:1100px){.scheme-story-heading{gap:7%}.scheme-story-heading h4{font-size:30px}.room-context{gap:8%}.room-plan-map,.room-location-heading{max-width:270px}.room-filmstrip{width:72%}}
@media(max-width:760px){
 .scheme-story-heading{display:block;padding:31px 0 32px}.scheme-overline{font-size:11px;gap:13px}.scheme-overline>span{font-size:23px}.scheme-story-heading h4{font-size:27px;line-height:1.8;margin-top:15px}.scheme-story-heading>p{font-size:14px;line-height:2.1;margin-top:20px;padding:0}
 .room-study{margin-bottom:48px}.room-study-heading{padding-top:18px;gap:6px 18px}.room-study-heading>span:last-child{font-size:11px}.room-selection{gap:4px 27px;margin:13px 0 23px}.room-selection button{font-size:14px;gap:9px;min-height:48px;padding:9px 0 13px}.room-selection button>span{font-size:11px}
 .room-effect-figure{width:calc(100vw - 24px);max-width:none;margin-inline:calc((100% - 100vw + 24px)/2)}
 .room-effect-open>span{bottom:12px;right:12px;padding:8px 11px;font-size:11px;line-height:2}.room-effect-open i{margin-left:15px}.room-effect-figure .document-caption{font-size:11px;line-height:2.1;gap:4px 16px;padding-inline:9px;margin-top:12px}
 .room-context{display:block;margin-top:29px}.room-context-heading{gap:17px}.room-index{font-size:23px}.room-index>span{font-size:11px}.room-context h4{font-size:27px;line-height:1.8}.room-caption{font-size:14px;line-height:2.1;margin-top:17px}.room-basis{margin-top:20px}.room-basis li{font-size:14px;line-height:2.1;padding:13px 0}
 .room-location{margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}.room-location-heading{max-width:340px;font-size:11px;line-height:2;margin-bottom:17px}.room-plan-map{max-width:340px}.room-location-note{font-size:11px;line-height:2.1;margin-top:11px}
 .room-filmstrip{width:100%;max-width:none;gap:13px;margin-top:29px}.room-filmstrip button>span{font-size:11px;gap:8px;padding-top:8px}.room-filmstrip small{font-size:11px}
 .scheme-design-notes{padding-top:24px}.scheme-notes-heading{display:block}.scheme-notes-heading>p{font-size:14px;line-height:2.1;margin-top:15px}.scheme-zone-list{display:block;margin-top:23px}.scheme-zone-list li{grid-template-columns:20px minmax(0,1fr);gap:14px;padding:19px 0}.scheme-zone-list strong{font-size:13px;line-height:2;margin-bottom:8px}.scheme-zone-list p{font-size:14px;line-height:2.1}
 .room-lightbox{width:96%;max-height:92svh;padding:29px 18px}.room-lightbox h2{font-size:19px;line-height:1.9;margin-bottom:15px}.room-lightbox>img{max-height:57svh}.room-lightbox>p{font-size:14px;line-height:2.1;margin-top:18px}.room-lightbox-footer{gap:13px;margin-top:20px}.room-lightbox-footer button{font-size:13px}.room-lightbox-footer>span{font-size:11px}.plan-focus-marker{font-size:11px;padding:6px 10px}
}
@media(max-width:370px){.scheme-story-heading h4{font-size:25px}.room-selection{gap:4px 21px}.room-selection button{font-size:14px;gap:8px}.room-filmstrip{gap:10px}.room-filmstrip button>span{gap:6px}.room-lightbox-footer{column-gap:12px}.room-lightbox-footer>span{order:-1;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.room-filmstrip img{transition:none}}

/* The image viewer keeps the full image visible and offers an actual detail zoom. */
.room-lightbox{padding:0;max-height:94svh;scrollbar-gutter:stable;background:var(--paper)}.room-viewer-topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;padding:8px 28px;background:var(--paper);border-bottom:1px solid var(--line)}.room-viewer-topbar>span{font-size:11px;line-height:2;color:#777167;letter-spacing:.6px}.room-viewer-topbar .dialog-close{position:static;flex:none;width:76px;height:44px;gap:13px;border:0;border-radius:0;background:transparent;font:12px/2 var(--sans)}.room-viewer-topbar .dialog-close>span{font:25px/1 Arial,sans-serif}.room-viewer-content{padding:25px 32px 30px}.room-viewer-content h2{margin:0;font-size:22px;line-height:1.8}.room-viewer-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 25px;margin:13px 0 20px}.room-viewer-tools .text-link{font-size:13px;min-height:44px;gap:28px}.room-viewer-tools>span{font-size:11px;line-height:2;color:#777167}.room-zoom-frame{max-height:66svh;overflow:auto;background:#eeece6;overscroll-behavior:contain;outline-offset:3px}.room-zoom-frame>img{display:block;width:100%;height:auto;max-height:66svh;object-fit:contain}.room-zoom-frame.is-zoomed{height:66svh;cursor:move}.room-zoom-frame.is-zoomed>img{width:200%;max-width:none;height:auto;max-height:none;object-fit:initial}.room-viewer-content>p{margin-top:18px;font-size:14px;line-height:2.1;color:var(--reading,#57554e)}.room-lightbox-footer{margin-top:22px}
@media(max-width:760px){.room-lightbox{inset:0;width:100%;max-width:none;height:100svh;height:100dvh;max-height:100svh;max-height:100dvh;margin:0;padding:0;scrollbar-gutter:auto}.room-viewer-topbar{padding:calc(8px + env(safe-area-inset-top)) 20px 8px;min-height:60px}.room-viewer-content{padding:22px 0 calc(26px + env(safe-area-inset-bottom))}.room-viewer-content h2{padding-inline:20px;font-size:20px;line-height:1.8}.room-viewer-tools{padding-inline:20px;gap:7px 15px;margin:13px 0 20px}.room-viewer-tools .text-link{font-size:13px}.room-viewer-tools>span{font-size:11px}.room-zoom-frame{max-height:60svh}.room-zoom-frame>img{width:100%;height:auto;max-height:none;object-fit:contain}.room-zoom-frame.is-zoomed{height:55svh}.room-zoom-frame.is-zoomed>img{width:200%;max-width:none;max-height:none}.room-viewer-content>p{padding-inline:20px;font-size:14px;line-height:2.1;margin-top:20px}.room-lightbox-footer{margin:23px 20px 0;gap:12px 16px}.room-lightbox-footer button{font-size:13px;min-height:44px}.room-lightbox-footer>span{font-size:11px}.room-viewer-topbar .dialog-close{width:70px}}
@media(max-width:370px){.room-viewer-topbar{padding-inline:18px}.room-viewer-content h2,.room-viewer-tools,.room-viewer-content>p{padding-inline:18px}.room-lightbox-footer{margin-inline:18px}.room-viewer-content h2{font-size:19px}.room-lightbox-footer>span{order:-1;flex-basis:100%}}
