/* Bounded image tracks and content-led spacing across viewport heights. */
.chapter-nav{scrollbar-width:none}
.chapter-nav::-webkit-scrollbar{display:none}
.quiet-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:3%;padding-block:24px}
.quiet-intro>div{min-width:0}
.quiet-intro>img{height:100%;max-height:100%;min-height:0;min-width:0;object-fit:contain}
.quiet-intro h1{font-size:clamp(38px,5.5vw,80px)}
.continuous-stage{grid-template-columns:minmax(0,40%) minmax(0,60%)}
.outside-copy{min-width:0;padding:28px 7% 28px 18%}
.copy-slides{min-height:0;margin:24px 0}
.copy-slides h2{font-size:clamp(28px,3.4vw,50px);letter-spacing:-1px}
.copy-slides p{margin-bottom:0}
.static-living{height:auto;min-height:0}
.static-living .stage{height:auto;min-height:max(560px,80svh);display:flex;flex-direction:column;justify-content:center;padding:70px 8% 35px}
.static-living .living-copy{position:relative;top:auto;left:auto;width:480px;max-width:100%;z-index:1}
.static-living .living-copy h2{margin-bottom:28px}
.static-living .living-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:330px}
.static-living .living-labels{position:relative;left:auto;bottom:auto;flex-wrap:wrap;margin-top:30px;gap:12px}
.static-living .image-note{position:relative;bottom:auto;right:auto;align-self:flex-end;margin-top:40px;max-width:100%;z-index:1;line-height:1.8}
.static-living .room,.static-living .shade{inset:0}
.detail-grid,.product-grid,.evidence{min-width:0}
.detail-grid>*,.product-grid>*,.evidence>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .quiet-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:24px 7% 0;min-height:570px}
 .quiet-intro>img{height:100%;max-height:100%;object-fit:contain}
 .continuous-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 .outside-copy{padding:16px 7% 20px}
 .copy-slides{margin:8px 0 12px}
 .copy-slides h2{font-size:23px;letter-spacing:-.6px}
 .static-living .stage{min-height:580px;padding:60px 7% 25px}
 .static-living .living-copy>p:not(.eyebrow){font-size:13px}
 .static-living .living-labels{gap:8px;margin-top:25px}
}
@media(min-width:701px) and (max-height:650px){
 .continuous-stage{min-height:420px}
 .copy-slides h2{font-size:32px}
 .copy-slides{margin:16px 0}
 .outside-copy{padding-block:20px}
}