/* Presentation density: one topic, its illustrations and its supporting text. */
.chapter{padding:32px 0 40px}.section-heading{margin-bottom:22px;gap:18px}.section-heading h2{font-size:clamp(32px,3vw,46px)}.group-heading{margin-top:34px;padding-top:14px}.group-heading h3{font-size:clamp(28px,2.8vw,40px);line-height:1.08;margin:0}.group-heading .eyebrow{margin-bottom:8px}.lead{font-size:14px;line-height:1.6;margin:10px 0 15px;max-width:1100px}h4{font-size:17px;margin:0 0 10px}.chapter .tabs{margin:14px 0 16px}.tabs button{font-size:12px;padding:12px 16px}.web-figure{margin:0;min-width:0}.web-figure img{max-height:410px;background:transparent}.web-figure figcaption{font-size:11px;line-height:1.4;padding:8px 0;gap:8px}.web-figure figcaption>span:last-child{font-size:10px;white-space:nowrap}.image-open{background:transparent}.image-grid{margin:0;gap:10px}.image-grid .image-open{background:#ecece5;border-radius:3px}.image-grid img{height:140px;background:transparent}.image-grid figcaption{font-size:11px;line-height:1.4}.image-grid figcaption>span:last-child{display:none}.web-list li{font-size:13px;line-height:1.5;padding:7px 0}.distance-row{margin:10px 0;gap:20px}.distance-row>span{min-width:65px;font-size:10px}.distance-row b{font-size:23px;margin-bottom:2px}.source-note{margin:9px 0;font-size:10px}
/* The four conditions read left to right as a single presentation board. */
.column-board.compact-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 0}.compact-board>article{border-top:1px solid var(--line);padding:12px 10px 8px;background:#eeece533}.compact-board h4{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:16px;line-height:1.3;margin:0 0 12px;min-height:30px}.category-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(22%) sepia(30%) saturate(1040%) hue-rotate(158deg)}.compact-board .column-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-board .column-images img{width:100%;height:112px;max-height:112px;object-fit:contain}.compact-board .column-images figcaption{font-size:10px;min-height:31px;padding:5px 0}.compact-board .column-images figcaption>span:last-child{display:none}.compact-board .web-list{min-height:0;margin:8px 0 0}.compact-board .web-list li{font-size:12px;padding:5px 0;border:0;line-height:1.4}.compact-board .web-list li:before{content:'–';color:var(--clay);margin-right:6px}
/* Compact maps: diagram and key remain in the same viewport. */
.compact-map{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}.compact-map .map-visual img{height:clamp(280px,52vh,430px);width:100%;object-fit:contain}.compact-map aside>p{font-size:12px;line-height:1.6;margin:0 0 12px}.compact-map .journey-key{max-width:160px}.compact-map .journey-key img{height:255px;max-height:255px;background:transparent}.compact-map .journey-key figcaption{display:none}.compact-map .data-details{padding-top:8px}.compact-map .data-details summary{font-size:11px}.compact-map .data-details img{max-height:230px}.map-intro{gap:18px;margin-bottom:10px}
/* Finite source content, continuously browsable horizontal strips. */
.reference-rail{margin:0;min-width:0}.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.rail-heading>span{font-weight:600}.rail-heading>div{display:flex;gap:6px}.rail-heading button{width:28px;height:26px;border:1px solid #c3cbc7;border-radius:50%;background:transparent;color:var(--ink);font-size:21px;line-height:1;cursor:pointer}.rail-heading button:hover{background:#e7e8e0}.rail-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rail-rows),auto);grid-auto-columns:calc((100% - (var(--rail-columns) - 1)*12px)/var(--rail-columns));gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 0 5px;overscroll-behavior-x:contain}.rail-track .web-figure{scroll-snap-align:start;background:#fff;padding:7px;border:1px solid #e6e5df;border-radius:4px}.rail-track img{height:150px;width:100%;object-fit:contain;max-height:none;background:transparent}.rail-track figcaption{font-size:11px;line-height:1.4;min-height:36px;padding:7px 1px 0}.rail-track figcaption>span:last-child{display:none}.rail-track:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.assessment-panel .rail-track img{height:190px}.review-columns{gap:22px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.review-columns h4{font-size:14px;margin:0 0 6px}.review-columns .web-list{columns:2;column-gap:20px}.review-columns .web-list li{font-size:11px;line-height:1.5;break-inside:avoid;border:0;padding:3px 0}.review-columns .web-list li:before{content:'–';margin-right:6px;color:var(--clay)}
/* Benchmark plans, reference images and observations stay side by side. */
.benchmark-panel{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);gap:24px;align-items:start}.benchmark-panel>.web-figure img{height:390px;max-height:51vh;width:100%;object-fit:contain}.benchmark-panel aside>.web-figure img{height:160px;width:100%;object-fit:contain}.benchmark-panel aside h4{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;margin:5px 0 10px}.benchmark-panel .web-list li{font-size:12px;padding:6px 0;line-height:1.5}
/* Sketch annotations are baked into the source drawing and never clipped. */
.design-comparison,.web-tabs .design-comparison{margin:20px 0 28px}.design-comparison>.group-heading{margin-top:0;padding-top:0;border:0}.design-comparison>.group-heading h3{font-size:30px}.design-comparison>.lead{font-size:12px;line-height:1.5;margin:8px 0 12px;max-width:1150px}.comparison-top{padding:4px 0 8px;font-size:11px}.modes button{font-size:11px;padding:5px 12px}.design-comparison .compare-stage.wide{height:clamp(250px,43vh,365px);aspect-ratio:auto;max-width:900px;margin:0 auto;background:#f0f0ea}.compare-stage .before{background:#f0f0ea}.compare-stage .image-label{font-size:10px;max-width:40%;padding:5px 9px}.compare-footer{padding:8px 0;gap:10px;font-size:10px}.compare-footer .text-button{font-size:11px;padding:3px 0}.design-notes{margin:0 0 7px;font-size:11px}.design-notes summary{cursor:pointer;font-size:11px;color:#506874}.design-notes ul{margin:8px 0;gap:5px 14px;font-size:11px}.design-notes li{padding-bottom:3px}.design-comparison .references{padding-top:8px;margin:0;border-top:1px solid var(--line)}.design-comparison .rail-track img{height:95px}.design-comparison .rail-track figcaption{min-height:23px;font-size:10px}.design-comparison .rail-track .web-figure{padding:5px}.design-comparison .rail-heading{font-size:11px;margin-bottom:4px}.design-comparison .rail-heading button{width:24px;height:22px}
/* Observations and recommendations form compact paired boards. */
.identity-pair,.ambience-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.identity-pair>section,.ambience-pair>section{padding:15px;background:#efede6;border-radius:4px}.identity-pair>section:last-child,.ambience-pair>section:last-child{background:#e9ede6}.identity-pair h4,.ambience-pair h4{font-size:14px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--line)}.identity-images,.ambience-pair .ambience-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.identity-images img,.ambience-images img{height:135px;max-height:135px;object-fit:contain}.identity-images figcaption,.ambience-images figcaption{font-size:10px;min-height:40px;padding:6px 0}.identity-images figcaption>span:last-child,.ambience-images figcaption>span:last-child{display:none}.reference-rail[data-rows="2"] .rail-track img{height:155px}.lighting-observations{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lighting-observations article{padding:14px;background:white;border:1px solid #e8e5dc;border-radius:4px}.lighting-observations h4{font-size:15px;margin:0 0 9px}.lighting-observations .observation-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lighting-observations .observation-images img{height:95px;max-height:95px;object-fit:contain}.lighting-observations .observation-images figcaption{display:none}.lighting-observations p{font-size:12px;line-height:1.5;margin:9px 0 0;min-height:0}
/* The furniture family is read as a full palette, with consistent baselines. */
.furniture-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 10px;padding:14px;background:white;border:1px solid #e8e5dc;border-radius:4px}.furniture-palette .image-open{background:white}.furniture-palette img{height:130px;max-height:130px;width:100%;object-fit:contain;background:white}.furniture-palette figcaption{font-size:10px;line-height:1.4;padding-top:6px;min-height:44px}.furniture-palette figcaption>span:last-child{display:none}.legend-strip{margin:8px auto;max-width:1100px}.legend-strip img{max-height:80px}.riviera-concept-panel{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px;align-items:center}.riviera-concept-panel>.web-figure img{height:440px;max-height:56vh;object-fit:contain;width:100%}.riviera-concept-panel aside article{padding:10px 0;border-top:1px solid var(--line)}.riviera-concept-panel aside h4{font-size:13px;text-transform:uppercase;margin:0 0 5px}.riviera-concept-panel aside p{font-size:12px;line-height:1.5;margin:0}.concept-principle{font-family:'Libre Caslon Display',Georgia,serif;font-size:25px;margin-bottom:13px;line-height:1.15}.concept-principle span{color:var(--clay)}.riviera-pillars{margin:15px 0;gap:8px}.riviera-pillars article{min-height:350px}.riviera-pillars h3{font-size:28px}.riviera-pillars p{font-size:12px}.riviera-pillars article>div{padding:26px 16px 18px}.audit-layout{gap:24px}.audit-layout .web-figure img,.rotate-clockwise .image-open{height:360px}.rotate-clockwise img{width:360px!important;height:500px!important}.numbered-list li{font-size:12px;padding:9px 0 9px 30px}.numbered-list li:before{top:11px}.web-gallery .gallery-main img{height:330px}.gallery-thumbs{padding:8px 0;gap:7px}.gallery-thumbs button{flex-basis:90px}.gallery-thumbs img{height:45px}.gallery-thumbs span{font-size:9px}.opportunity-grid{gap:18px}.opportunity-grid h3{font-size:25px;min-height:85px}.opportunity-grid .gallery-main img{height:180px}.opportunity-grid .web-list li{font-size:12px;padding:6px 0}.opportunity-grid details summary{padding:12px 0}.subsection-anchor,.group-heading[id],.design-comparison[id]{scroll-margin-top:100px}
@media(min-width:1100px) and (max-height:800px){.compact-map .map-visual img{height:365px}.compact-map .journey-key img{height:220px}.compact-map aside>p{font-size:11px}.compact-board .column-images img{height:95px}.compact-board .column-images figcaption{font-size:9px;min-height:28px}.compact-board .web-list li{font-size:11px}.assessment-panel .rail-track img{height:155px}.benchmark-panel>.web-figure img{height:350px}.design-comparison .compare-stage.wide{height:300px}.furniture-palette img{height:110px}.furniture-palette figcaption{font-size:9px;min-height:40px}.riviera-concept-panel>.web-figure img{height:390px}}
@media(max-width:1050px){.wrap{padding:0 24px}.compact-map{grid-template-columns:minmax(0,1fr) 210px;gap:15px}.column-board.compact-board{gap:10px}.compact-board h4{font-size:13px}.compact-board>article{padding:10px 7px}.compact-board .column-images img{height:95px}.rail-track{grid-auto-columns:calc((100% - 36px)/4)}.review-columns .web-list{columns:1}.furniture-palette{grid-template-columns:repeat(6,minmax(0,1fr))}.identity-images,.ambience-pair .ambience-images{grid-template-columns:repeat(3,minmax(0,1fr))}.riviera-concept-panel{grid-template-columns:minmax(0,1fr) 200px}.lighting-observations .observation-images img{height:75px}}
@media(max-width:760px){.wrap{padding:0 16px}.chapter{padding:24px 0 30px}.section-heading h2{font-size:32px}.group-heading h3{font-size:28px}.column-board.compact-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-board h4{font-size:15px}.compact-board .column-images img{height:100px}.compact-board .web-list li{font-size:12px}.compact-map{grid-template-columns:minmax(0,1fr) 150px;gap:12px}.compact-map .map-visual img{height:310px;max-height:45vh}.compact-map aside>p{font-size:11px}.compact-map .journey-key img{height:200px;max-height:200px}.compact-map .distance-row{gap:6px}.compact-map .distance-row>span{min-width:40px}.compact-map .distance-row b{font-size:18px}.rail-track{grid-auto-columns:calc((100% - 12px)/2)}.rail-track img,.assessment-panel .rail-track img{height:140px}.review-columns{gap:15px}.review-columns .web-list li{font-size:11px}.benchmark-panel{grid-template-columns:1.4fr 1fr;gap:14px}.benchmark-panel>.web-figure img{height:300px}.benchmark-panel aside>.web-figure img{height:120px}.benchmark-panel .web-list li{font-size:11px}.benchmark-panel aside h4{font-size:24px}.design-comparison .compare-stage.wide{height:280px;max-width:100%}.design-comparison .rail-track img{height:90px}.identity-pair,.ambience-pair{gap:10px}.identity-pair>section,.ambience-pair>section{padding:10px}.identity-images,.ambience-pair .ambience-images{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-images img,.ambience-images img{height:100px}.lighting-observations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lighting-observations article{padding:10px}.lighting-observations .observation-images img{height:65px}.lighting-observations p{font-size:11px}.furniture-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px}.furniture-palette img{height:105px}.furniture-palette figcaption{font-size:9px}.riviera-concept-panel{grid-template-columns:1fr}.riviera-concept-panel>.web-figure img{height:auto;max-height:none}.riviera-concept-panel aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.concept-principle{grid-column:1/-1;margin:0}.riviera-concept-panel aside article{padding:8px 0}.riviera-pillars article{min-height:300px}.subsection-anchor,.group-heading[id],.design-comparison[id]{scroll-margin-top:130px}}
@media(prefers-reduced-motion:reduce){.rail-track{scroll-behavior:auto}}
html{scroll-padding-top:0}.chapter{scroll-margin-top:90px}.web-figure .image-open{margin:0!important;display:block;width:100%}.comparison-top{margin-bottom:0}.web-tabs .design-comparison>.group-heading{display:none}.design-comparison .compare-stage.wide{height:300px;width:400px;max-width:100%;margin:0 auto}.design-comparison[data-compare="vision"] .compare-stage.wide,.design-comparison[data-compare="piazza"] .compare-stage.wide,.design-comparison[data-compare="house"] .compare-stage.wide{width:640px;height:360px}.design-comparison .rail-track img{height:80px}.design-comparison .compare-footer{max-width:900px;margin:0 auto}.compact-map .journey-key{max-width:195px}.compact-map .journey-key img{height:280px;max-height:280px}@media(max-height:800px){.compact-map .journey-key img{height:240px}.design-comparison[data-compare="vision"] .compare-stage.wide,.design-comparison[data-compare="piazza"] .compare-stage.wide,.design-comparison[data-compare="house"] .compare-stage.wide{height:300px;width:534px}}@media(max-width:760px){.design-comparison .compare-stage.wide{height:270px;width:360px}.design-comparison[data-compare="vision"] .compare-stage.wide,.design-comparison[data-compare="piazza"] .compare-stage.wide,.design-comparison[data-compare="house"] .compare-stage.wide{width:100%;height:auto;aspect-ratio:16/9}.compact-map .journey-key img{height:200px;max-height:200px}}
.riviera-concept-panel{max-width:1000px;margin:0 auto}.compact-map{max-width:1080px;margin:0 auto}.benchmark-panel{max-width:1100px;margin:0 auto}.design-comparison .reference-rail{max-width:760px;margin:0 auto}.design-comparison .compare-footer{max-width:760px}@media(max-width:760px){.design-comparison .reference-rail{max-width:100%}}