:root{--paper:#f5f2eb;--ink:#2f342d;--muted:#656b60;--olive:#485140;--line:#d6d5ca;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,.gallery:focus-visible{outline:3px solid #a07738;outline-offset:5px}.skip{position:fixed;top:-100px;left:10px;z-index:20;background:white;padding:14px}.skip:focus{top:10px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:24px}.wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px;white-space:nowrap}.brand-dot{color:#987c45}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#947037}.location{font-size:13px;color:var(--muted)}.hero{height:calc(100svh - 86px);min-height:570px;max-height:1060px;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,19,15,.62),rgba(16,20,15,.06) 85%),linear-gradient(0deg,rgba(16,20,15,.52),transparent 27%)}.hero-copy{position:absolute;left:7vw;top:47%;transform:translateY(-50%)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.19em;font-weight:500;line-height:1.7;margin:0 0 22px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0;line-height:1.08}h1{font-size:clamp(60px,7.4vw,114px)}em{font-weight:400}h2{font-size:clamp(40px,4.7vw,72px)}.hero-link{font-size:15px;display:inline-flex;gap:48px;border-bottom:1px solid #ffffff7a;padding:22px 0 14px;margin-top:28px}.hero-link span{font-size:24px}.hero-foot{position:absolute;left:4vw;right:4vw;bottom:27px;display:flex;justify-content:space-between;gap:18px;font-size:13px;letter-spacing:.025em}.hero-foot span span{margin-left:20px}.intro{padding:130px 10vw 140px;display:grid;grid-template-columns:1fr 1fr;gap:22px 11vw;align-items:end}.intro>.eyebrow{grid-column:1/-1;margin:0}.intro>p:last-child{font-size:18px;line-height:1.8;color:var(--muted);max-width:400px;margin:0 0 4px}.room{padding:0 4vw 120px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:0 3vw 40px}.section-head .eyebrow{margin-bottom:14px}.section-head>p{font-size:14px;color:var(--muted);margin:0 0 6px;line-height:1.7}.comparison{position:relative;width:100%;aspect-ratio:4/3;max-height:88svh;background:#d9d5ca;overflow:hidden}.compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.after-layer{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #a07738;outline-offset:6px}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;transform:translateX(-1px);pointer-events:none}.divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:1px solid #fff;border-radius:50%;background:#f5f2ebed;color:var(--ink);font-size:27px;box-shadow:0 2px 20px #0002}.photo-label{position:absolute;top:24px;background:#222b22c9;color:white;padding:10px 16px;font-size:13px;letter-spacing:.08em}.before-label{left:24px}.after-label{right:24px}.comparison-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:13px;color:var(--muted)}.story{height:220svh;position:relative;background:#e7e7dd}.story-sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:64% 36%;align-items:center}.story-photo{position:relative;height:100svh;overflow:hidden}.story-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.story-after{opacity:0}.story-caption{padding:70px 4vw}.story-caption h2{font-size:clamp(40px,4.1vw,64px)}.story-caption .eyebrow{font-size:12px}.story-step{margin:32px 0;font-size:16px;line-height:1.6;min-height:2em;color:#555d50}.toggle{display:flex;flex-wrap:wrap;gap:10px}.toggle button{border:1px solid #9ca18f;padding:12px 17px;font-size:14px;color:var(--ink);background:transparent;border-radius:0}.toggle button[aria-pressed=true]{background:var(--olive);color:#fff;border-color:var(--olive)}.scroll-reset{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:13px;padding:16px 0}.details{padding:125px 0 120px}.details .section-head{padding:0 7vw 45px}.gallery-controls{display:flex;gap:10px}.gallery-controls button{border:1px solid #c4c7b8;background:transparent;width:48px;height:48px;font-size:23px;color:var(--ink);border-radius:50%}.gallery-controls button:hover{background:#e1e3d6}.gallery{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#929a85 transparent;padding:0 7vw 30px;scroll-behavior:smooth}.gallery figure{margin:0;flex:0 0 53vw;scroll-snap-align:center}.gallery figure.portrait{flex-basis:30vw}.gallery img{display:block;width:100%;height:490px;object-fit:cover}.gallery figcaption{display:flex;gap:23px;padding:22px 0 0;font-size:15px}.gallery figcaption span{font-size:12px;color:var(--muted)}.closing{text-align:center;padding:110px 5vw 145px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(36px,4.4vw,66px);line-height:1.2}.closing .eyebrow{margin-bottom:30px}.closing>a{display:inline-flex;gap:44px;border-bottom:1px solid #a7ac9d;padding:16px 0;margin-top:44px;font-size:14px}footer{padding:32px 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:12px;color:var(--muted)}.progress{position:fixed;right:12px;top:43%;height:105px;width:2px;background:#7777;z-index:10;pointer-events:none}.progress span{display:block;width:100%;height:0;background:#c9a25e}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}.js-motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.gallery img{height:580px}}@media(max-width:800px){header{height:74px;padding:0 5vw}.wordmark{font-size:24px}nav{gap:18px;font-size:13px}.location{display:none}.hero{height:calc(91svh - 74px);min-height:530px}.hero>img{object-position:55% 50%}.hero-copy{left:7vw;right:5vw;top:46%}h1{font-size:clamp(55px,10vw,78px)}.hero-foot{left:7vw;right:7vw;font-size:12px}.hero-foot>span:last-child{display:none}.intro{padding:85px 7vw;grid-template-columns:1fr;gap:26px}.intro>p:last-child{font-size:17px;max-width:520px}.section-head{display:block;padding:0 3vw 28px}.section-head>p{margin-top:20px}.room{padding:0 4vw 75px}.comparison{aspect-ratio:1/1;max-height:none}.photo-label{top:14px;padding:8px 12px;font-size:12px}.before-label{left:14px}.after-label{right:14px}.divider>span{width:52px;height:52px}.comparison-foot{display:block;font-size:12px;line-height:1.6}.comparison-foot>span{display:block}.comparison-foot>span+span{margin-top:6px}.story{height:200svh}.story-sticky{display:flex;flex-direction:column;justify-content:center;min-height:100svh}.story-photo{width:100%;height:54svh;min-height:270px}.story-caption{width:100%;padding:28px 7vw 32px}.story-caption h2{font-size:37px}.story-caption h2 br{display:none}.story-caption .eyebrow{margin-bottom:12px}.story-step{margin:16px 0;min-height:1.6em}.toggle button{padding:10px 15px}.details{padding:80px 0}.details .section-head{display:flex;align-items:end;gap:14px}.details h2{font-size:40px}.gallery-controls{gap:6px}.gallery-controls button{width:40px;height:40px}.gallery{gap:18px}.gallery figure{flex-basis:82vw}.gallery figure.portrait{flex-basis:60vw}.gallery img{height:360px}.gallery figcaption{font-size:14px;gap:16px}.closing{padding:80px 7vw}.closing h2{font-size:37px}footer{padding:25px 7vw;flex-wrap:wrap}footer>span:nth-child(2){width:100%;order:3}.progress{right:5px}}
@media(prefers-reduced-motion:reduce){html,.gallery{scroll-behavior:auto}.js-motion .reveal{opacity:1;transform:none;transition:none}.story{height:auto}.story-sticky{position:relative}.story-after{transition:none!important}}@media(max-height:650px) and (min-width:801px){.story-caption{padding:28px 3vw}.story-caption h2{font-size:44px}.story-step{margin:18px 0}}

.angles{padding:110px 0 40px}.angles>.section-head{padding:0 7vw 40px}.angle-track{display:flex;gap:30px;overflow-x:auto;padding:0 7vw 24px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#929a85 transparent}.angle-slide{flex:0 0 72vw;min-width:0;scroll-snap-align:center}.angle-photo{position:relative;height:min(66svh,620px);min-height:350px;background:#e6e3da;isolation:isolate}.angle-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.angle-after{opacity:0;background:#e6e3da;transition:opacity 1.2s ease}.angle-slide.show-after .angle-after{opacity:1}.angle-status{left:20px;top:20px}.angle-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0}.angle-caption .eyebrow{margin-bottom:9px}.angle-caption h3{font:400 28px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}.angle-caption .toggle{flex-shrink:0}.angle-hint{font-size:13px;color:var(--muted);margin:10px 7vw 0;line-height:1.7}.angle-track:focus-visible{outline:3px solid #a07738;outline-offset:-3px}
@media(max-width:800px){.angles{padding:75px 0 15px}.angles>.section-head{display:flex;align-items:end;gap:15px}.angles h2{font-size:38px}.angle-track{gap:18px}.angle-slide{flex-basis:86vw}.angle-photo{height:53svh;min-height:300px;max-height:490px}.angle-caption{display:block;padding-top:20px}.angle-caption h3{font-size:25px}.angle-caption .toggle{margin-top:20px}.angle-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.angle-track{scroll-behavior:auto}.angle-after{transition:none}}

.garden-room{padding-bottom:125px}.garden-comparison{aspect-ratio:4/3}.garden-journey{margin:95px 3vw 0}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.journey-heading h3{font:400 clamp(34px,3.5vw,54px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0}.stage-controls{display:flex;gap:24px;flex-wrap:wrap}.stage-controls button{display:flex;gap:9px;align-items:center;border:0;border-bottom:2px solid transparent;padding:15px 0;background:none;font-size:16px;color:var(--muted)}.stage-controls button span{font-size:12px}.stage-controls button[aria-pressed=true]{border-color:var(--olive);color:var(--ink)}.garden-view{position:relative;height:min(77svh,760px);min-height:370px;background:#e4e4d8;overflow:hidden;touch-action:pan-y}.garden-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e4e4d8}.garden-phase{top:20px;left:20px}.garden-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}.garden-caption-text{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.garden-thumbs{display:flex;gap:12px;overflow-x:auto;padding:22px 3px 12px;scrollbar-width:thin}.garden-thumbs button{flex:0 0 110px;height:77px;padding:0;border:2px solid transparent;background:#e4e4d8;opacity:.6;transition:opacity .25s}.garden-thumbs button[aria-pressed=true]{border-color:var(--olive);opacity:1}.garden-thumbs button:hover{opacity:1}.garden-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.garden-view:focus-visible{outline:3px solid #a07738;outline-offset:4px}
@media(max-width:800px){header{gap:15px}nav{gap:14px}.garden-room{padding-bottom:80px}.garden-journey{margin:65px 3vw 0}.journey-heading{display:block;margin-bottom:22px}.stage-controls{gap:25px;margin-top:22px}.stage-controls button{font-size:15px}.garden-view{height:55svh;min-height:320px;max-height:550px}.garden-caption-text{font-size:14px}.garden-caption .gallery-controls{flex-shrink:0}.garden-thumbs{gap:8px}.garden-thumbs button{flex-basis:86px;height:64px}.garden-comparison{aspect-ratio:4/3}.garden-room>.section-head h2{font-size:40px}}
@media(max-width:380px){header{padding-left:4vw;padding-right:4vw}.wordmark{font-size:22px}nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.garden-thumbs button{transition:none}}

.multi-room{padding:90px 7vw 110px;background:#e9e8df}.multi-room>.section-head{padding:0 0 36px}.multi-views{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:25px}.multi-views button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:15px}.multi-views button[aria-pressed=true]{border-bottom-color:var(--olive);color:var(--ink)}.multi-photo{height:78svh;max-height:800px;min-height:400px;background:#d9d9cb}.multi-photo>img{object-fit:contain;background:#d9d9cb}.multi-caption{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.multi-slide .angle-caption{padding-bottom:0}
@media(max-width:800px){.multi-room{padding:70px 7vw 80px}.multi-photo{height:58svh;min-height:320px;max-height:620px}.multi-views{gap:10px 20px}.multi-views button{font-size:14px}.multi-caption{font-size:16px}.multi-room h2{font-size:42px}}
@media(max-width:600px){header{height:auto;min-height:112px;padding:17px 5vw;flex-wrap:wrap;gap:16px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.hero{height:calc(91svh - 112px)}}

.terrace-room{padding-top:95px;margin-bottom:70px;background:#eeece3}.terrace-comparison{aspect-ratio:4/3}.terrace-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:75px 3vw 0}.terrace-photo{height:70svh;min-height:430px;max-height:760px;background:#dfded2}.terrace-photo>img{object-fit:contain;background:#dfded2}.terrace-slide .angle-caption{display:block}.terrace-slide .toggle{margin-top:22px}.terrace-slide h3{font-size:32px}.terrace-slide{min-width:0}
@media(max-width:1100px){header .location{display:none}}
@media(max-width:800px){.terrace-room{padding-top:65px;margin-bottom:60px}.terrace-perspectives{padding-top:50px;gap:48px;grid-template-columns:minmax(0,1fr)}.terrace-photo{height:65svh;min-height:380px;max-height:670px}.terrace-slide .angle-caption{display:flex;flex-wrap:wrap;align-items:end;gap:15px}.terrace-slide .toggle{margin-top:0}.terrace-slide h3{font-size:27px}header nav{min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}header nav a{flex-shrink:0}}
@media(max-width:600px){header nav{justify-content:flex-start;gap:17px;padding-bottom:5px}.terrace-comparison{aspect-ratio:4/3}}

.garage-room{padding:105px 7vw 100px}.garage-room>.section-head{padding:0 0 40px}.garage-perspectives{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}.garage-photo{height:65svh;min-height:370px;max-height:720px}.garage-slide .angle-caption{display:block}.garage-slide .toggle{margin-top:22px}
@media(max-width:800px){.garage-room{padding:70px 7vw}.garage-perspectives{grid-template-columns:minmax(0,1fr);gap:42px}.garage-photo{height:60svh;min-height:330px;max-height:630px}.garage-slide .angle-caption{padding-bottom:0}}

.summer-room{padding-top:100px;background:#eeece3}.summer-comparison{width:min(100%,760px);aspect-ratio:3/4;max-height:85svh;margin-inline:auto}.summer-foot{max-width:760px;margin-inline:auto}.summer-comparison .compare-image{object-position:center}.summer-room .garden-journey{margin-top:80px}header nav{min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}header nav a{flex-shrink:0}
@media(max-width:1300px){header .location{display:none}}
@media(max-width:800px){.summer-room{padding-top:65px}.summer-room .garden-journey{margin-top:55px}.summer-comparison{aspect-ratio:3/4;max-height:none}}

.kitchen-room{padding-top:80px}.kitchen-comparison{aspect-ratio:4/3}.kitchen-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:65px 3vw 0}.kitchen-photo{height:72svh;min-height:430px;max-height:760px}.kitchen-slide .angle-caption{display:block}.kitchen-slide .toggle{margin-top:22px}
@media(max-width:800px){.kitchen-room{padding-top:55px}.kitchen-perspectives{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:40px}.kitchen-photo{height:65svh;min-height:370px;max-height:670px}.kitchen-comparison{aspect-ratio:4/3}}

.bedroom-room{padding:95px 7vw 110px;background:#efede5}.bedroom-room>.section-head{padding:0 0 40px}.bedroom-main .bedroom-photo{height:78svh;min-height:400px;max-height:830px}.bedroom-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:65px}.bedroom-secondary .bedroom-photo{height:66svh;min-height:380px;max-height:720px}.bedroom-secondary .angle-caption{display:block}.bedroom-secondary .toggle{margin-top:22px}
@media(max-width:800px){.bedroom-room{padding:65px 7vw 80px}.bedroom-main .bedroom-photo{height:56svh;min-height:300px;max-height:600px}.bedroom-perspectives{grid-template-columns:minmax(0,1fr);gap:45px;margin-top:45px}.bedroom-secondary .bedroom-photo{height:60svh;min-height:330px;max-height:650px}}

.bedroom2-room{padding-top:100px}.bedroom2-comparison{width:min(100%,62svh);aspect-ratio:3/4;max-height:none;margin-inline:auto}.bedroom2-foot{max-width:850px;margin-inline:auto}.bedroom2-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:65px 3vw 0}.bedroom2-photo,.bedroom2-result-photo{height:70svh;min-height:410px;max-height:750px}.bedroom2-slide .angle-caption{display:block}.bedroom2-slide .toggle{margin-top:22px}.bedroom2-result{margin:0;min-width:0}.bedroom2-result-photo{position:relative;background:#e6e3da}.bedroom2-result-photo>img{width:100%;height:100%;object-fit:contain;display:block}.bedroom2-result-photo>.photo-label{left:20px;top:20px}.bedroom2-result figcaption{padding:25px 0}.bedroom2-result .eyebrow{margin-bottom:9px}.bedroom2-result h3{font:400 28px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}
@media(max-width:800px){.bedroom2-room{padding-top:65px}.bedroom2-perspectives{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:40px}.bedroom2-photo,.bedroom2-result-photo{height:65svh;min-height:350px;max-height:650px}.bedroom2-result h3{font-size:25px}}

.bedroom3-main-photo{height:78svh;min-height:400px;max-height:830px}
@media(max-width:800px){.bedroom3-main-photo{height:56svh;min-height:300px;max-height:600px}}

.bedroom4-room{background:var(--paper)}.completion-main .bedroom-photo{height:80svh;min-height:400px;max-height:850px}.bath1-room{padding-top:90px;background:#eeece3}.bath1-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:65px 3vw 0}.bath1-perspectives .angle-photo{height:70svh;min-height:410px;max-height:750px}
@media(max-width:800px){.completion-main .bedroom-photo{height:65svh;min-height:350px;max-height:680px}.bath1-room{padding-top:65px}.bath1-room>.comparison{aspect-ratio:4/3}.bath1-perspectives{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:40px}.bath1-perspectives .angle-photo{height:65svh;min-height:350px;max-height:650px}}

.bath2-room{padding:100px 7vw 110px}.bath2-room>.section-head{padding:0 0 40px}.bath2-perspectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.bath2-photo{height:72svh;min-height:410px;max-height:770px}.bath2-slide .angle-caption{display:block}.bath2-slide .toggle{margin-top:22px}
@media(max-width:800px){.bath2-room{padding:65px 7vw 80px}.bath2-perspectives{grid-template-columns:minmax(0,1fr);gap:45px}.bath2-photo{height:65svh;min-height:350px;max-height:650px}}

.lower-landing-room{background:var(--paper)}.lower-comparisons{margin-top:0}

/* Mobile room navigation and photo-first layout. */
.menu-toggle{display:none}
@media(max-width:800px){
 html{scroll-padding-top:84px}
 header{position:sticky;top:0;z-index:30;min-height:68px;height:auto;padding:10px 5vw;display:flex;flex-wrap:wrap;gap:10px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
 header .wordmark{font-size:25px}header .location{display:none}
 .js-nav .menu-toggle{display:block;margin-left:auto;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px}
 header nav{flex:0 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:65svh;overflow:auto;gap:0 16px;white-space:normal;padding:4px 0 12px;overscroll-behavior:contain}
 header.js-nav nav{display:none}header.js-nav[data-menu-open=true] nav{display:grid}
 header nav a{display:flex;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;overflow-wrap:anywhere}
 .hero{height:calc(90svh - 68px);min-height:440px;max-height:760px}
 .hero-copy{left:7vw;right:7vw;top:46%}.hero h1{font-size:clamp(43px,10.8vw,76px)}
 .hero-link{font-size:14px;gap:20px;line-height:1.5;max-width:100%;min-height:48px}
 .hero-foot{bottom:20px}.hero-foot span span{margin-left:10px}
 .intro{padding:60px 7vw}.intro h2,.section-head h2,.closing h2{font-size:clamp(32px,8.4vw,48px)}
 .section-head .eyebrow{letter-spacing:.12em;line-height:1.6}.section-head>p{font-size:14px}
 .room{padding-bottom:60px}.bedroom-room,.multi-room,.garage-room,.bath2-room{padding:60px 6vw}
 .bedroom-room>.section-head,.multi-room>.section-head,.garage-room>.section-head,.bath2-room>.section-head{padding-bottom:28px}
 .terrace-room{margin-bottom:40px}.garden-journey{margin-top:42px}.bedroom-perspectives{gap:36px;margin-top:38px}.lower-comparisons{margin-top:0}
 .terrace-perspectives,.kitchen-perspectives,.bedroom2-perspectives,.bath1-perspectives{padding-top:38px;gap:36px}
 .comparison.comparison{width:100%;height:auto;aspect-ratio:var(--mobile-ratio,4 / 3);max-height:none}
 .comparison .compare-image{object-fit:contain;background:#e6e3da}
 .angle-photo.angle-photo,.bedroom2-result-photo.bedroom2-result-photo{height:auto;min-height:0;max-height:none;aspect-ratio:var(--mobile-ratio,4 / 3)}
 .photo-label{font-size:14px;padding:8px 10px;max-width:calc(100% - 24px)}
 .angle-status,.bedroom2-result-photo>.photo-label{top:12px;left:12px}.before-label{left:10px}.after-label{right:10px}
 .angle-caption,.terrace-slide .angle-caption{display:block;padding:18px 0 0}.angle-caption h3,.terrace-slide h3{font-size:24px;line-height:1.3}
 .angle-caption .toggle,.terrace-slide .toggle{display:flex;gap:10px;margin-top:16px}
 .toggle button{min-height:46px;flex:1;padding:12px 10px;font-size:15px}
 .comparison-foot,.angle-hint{font-size:14px}.comparison-foot{padding-top:14px}
 .gallery-controls button{width:44px;height:44px;flex-shrink:0}.gallery-controls{flex-shrink:0}
 .stage-controls{gap:12px 20px}.stage-controls button,.multi-views button{min-height:44px;font-size:15px}
 .garden-view{height:auto;min-height:0;max-height:none;aspect-ratio:1 / 1}.garden-caption-text{font-size:15px}
 .garden-caption{align-items:flex-start}.garden-thumbs{padding-top:16px}
 .angle-track{scroll-padding-inline:7vw;gap:16px}.angle-track>.angle-slide{flex-basis:86vw}
 .gallery{scroll-padding-inline:7vw}.gallery img{height:auto;aspect-ratio:4 / 3;object-fit:contain;background:#e6e3da}.gallery .portrait img{aspect-ratio:3 / 4}
 .details .section-head,.angles>.section-head{flex-wrap:wrap}.details h2,.angles h2{font-size:clamp(32px,8.4vw,46px)}
 .story{height:auto}.story-sticky{position:relative;min-height:0;display:block}
 .story-photo{height:auto;min-height:0;aspect-ratio:4 / 3}.story-photo img{object-fit:contain;background:#e7e7dd}
 .story-caption{padding:26px 7vw 40px}.story-caption h2{font-size:34px}.story-step{min-height:3.2em;font-size:16px}
 .scroll-reset{display:none}.progress{display:none}
 .closing{padding:60px 7vw}.closing>a{margin-top:28px;min-height:44px}
 footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:359px){header .wordmark{font-size:23px}.js-nav .menu-toggle{padding-inline:10px}.hero h1{font-size:41px}.stage-controls{gap:12px}}