@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{color-scheme:dark;--ink:#171c19;--cream:#f4f0e6;--gold:#d5c6a6}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}header{position:absolute;inset:0 0 auto;z-index:5;padding:32px 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30;background:linear-gradient(#0005,transparent)}.wordmark{font-family:Georgia,serif;font-size:50px;letter-spacing:-3px;line-height:.8}.wordmark span{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:5px;margin:13px 0 0 5px}nav{display:flex;align-items:center;gap:38px;font-size:14px}.quiet{border:1px solid #ffffff70;background:#17201918;padding:13px 25px}.journey{height:360svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#25291f}.mansion{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform;transform-origin:50% 52%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#06131085,transparent 80%),linear-gradient(0deg,#09150ee6,transparent 40%,#09150e15 65%,#09150e50)}.hero-copy{position:absolute;left:7%;top:29%;width:86%;will-change:opacity,transform}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.7px;line-height:1.6}h1,h2,.arrival-title{font-family:'Italiana',Georgia,serif;font-weight:400;margin:24px 0;font-size:clamp(58px,7.5vw,116px);line-height:1.02;letter-spacing:-3px}em{font-family:Georgia,serif;font-weight:400;font-size:.84em}h1 em{font-style:italic}.intro{font-size:16px;margin-top:28px}.enter{margin-top:22px;border:1px solid #f4f0e675;padding:17px 24px;min-width:194px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#12261d35;backdrop-filter:blur(9px)}.enter:hover,.quiet:hover{background:#f4f0e620}.enter span{font-size:23px;line-height:1}.scene-bottom{position:absolute;bottom:42px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:end;font-size:12px;letter-spacing:1.4px}.location{line-height:1.8}.location span{font-size:12px;letter-spacing:0;color:#ecebe0bd}.scroll-cue{background:none;border:0;display:flex;align-items:center;gap:14px;font-size:13px}.mouse{display:block;width:16px;height:25px;border:1px solid #fffa;border-radius:12px;position:relative}.mouse:after{content:'';position:absolute;top:5px;left:6px;width:2px;height:6px;background:white;animation:scroll 2s infinite}.scene-count{font-variant-numeric:tabular-nums;color:#ffffff80}.scene-count span{color:#fff}.track{height:2px;position:absolute;bottom:0;left:0;right:0;background:#fff2}#progress{height:100%;background:var(--gold);width:0}.arrival{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;text-shadow:0 2px 30px #000}.arrival-title{font-size:clamp(64px,9vw,140px)}.welcome{padding:90px 7% 100px;background:var(--ink);position:relative}.section-label{font-size:12px;letter-spacing:2.5px;color:var(--gold);padding-bottom:45px}.welcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}h2{font-size:clamp(48px,5.5vw,84px);margin:0;letter-spacing:-2px}.welcome-copy p{line-height:1.8;max-width:480px;color:#d9ddd6}.welcome-copy p:first-child{font-size:20px;color:var(--cream)}.text-button{display:flex;gap:34px;align-items:center;border:0;border-bottom:1px solid #8b978a;background:none;padding:16px 0;margin-top:28px;font-size:14px}.text-button:hover{color:var(--gold)}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:100px;border-top:1px solid #ffffff24;padding-top:36px}.details span{font-size:12px;color:var(--gold)}h3{font-family:'Italiana',Georgia,serif;font-size:30px;font-weight:400;margin:20px 0 15px}.details p{line-height:1.7;color:#b6beb4;max-width:300px}footer{border-top:1px solid #ffffff24;margin:0 7%;padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#bcc3b9}.footer-logo{font:42px Georgia,serif;letter-spacing:-3px;color:var(--cream)}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}@media(max-width:700px){header{padding:26px 6%}.wordmark{font-size:42px}nav{gap:20px}nav>a{display:none}.quiet{padding:11px 17px}.hero-copy{left:7%;top:30%}h1{font-size:clamp(49px,10.5vw,74px);letter-spacing:-2px}.eyebrow{font-size:11px;letter-spacing:1.8px}.intro{max-width:230px;line-height:1.6}.scene-bottom{bottom:30px;left:7%;right:7%}.location{display:none}.scroll-cue{padding:0}.welcome{padding:65px 7%}.welcome-grid{grid-template-columns:1fr;gap:30px}.details{grid-template-columns:1fr;gap:24px;margin-top:60px}.details>div+div{border-top:1px solid #ffffff1c;padding-top:25px}.details p{max-width:100%}footer{flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:100svh}.mansion{transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.arrival{display:none}.mouse:after{animation:none}.scroll-cue{display:none}}
.wordmark span{font-size:9px;letter-spacing:1.3px;max-width:180px;line-height:1.5}.mansion{object-position:center 49%}header .wordmark{min-width:195px}
.products{background:#f0eee7;color:#262b26;padding:100px 7%}.products .section-label{color:#65705e}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:5%}.section-heading h2{font-size:clamp(45px,5vw,76px)}.section-heading>p{max-width:300px;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:55px 0 30px}.product{text-align:left;padding:0;background:none;border:0;color:inherit;min-width:0}.product-image{height:310px;overflow:hidden;position:relative}.product img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product:hover img{transform:scale(1.05)}.product-plus{position:absolute;right:14px;bottom:14px;background:#f0eee7;color:#252b25;width:34px;height:34px;display:grid;place-items:center;font-size:25px}.product-number{font-size:12px;display:block;margin-top:23px;color:#65705e}.product h3{font-size:29px;margin:8px 0 14px}.product p{font-size:14px;line-height:1.7;min-height:70px}.product-link{font-size:13px;padding-bottom:9px;border-bottom:1px solid #687460;display:inline-block}.note{font-size:12px!important;line-height:1.7!important;opacity:.7}.process{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 7%}.process h2{font-size:clamp(44px,4.5vw,72px)}.process-intro{max-width:320px;line-height:1.8;color:#c6cdbf;margin-top:30px}.stages details{border-top:1px solid #ffffff28}.stages details:last-child{border-bottom:1px solid #ffffff28}.stages summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;padding:23px 0;font-size:16px}.stages summary::-webkit-details-marker{display:none}.stages summary span{font-size:12px;color:var(--gold)}.stages summary b{font-weight:400;margin-left:auto;font-size:22px}.stages details[open] summary b{transform:rotate(45deg)}.stages details p{margin:0 0 25px 40px;line-height:1.8;color:#bac3b5;font-size:15px}.about{padding:80px 7%;background:#242d26}.audience{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:35px;margin-top:70px;font-size:12px;letter-spacing:1.2px;color:var(--gold)}.contact{text-align:center;padding:110px 7%}.contact h2{font-size:clamp(45px,6vw,90px)}.contact>p{margin-top:30px;line-height:1.7}.contact-button{display:inline-block;padding:20px 30px;background:#d9ceb3;color:#192219;margin-top:20px;font-size:14px}.contact-button:hover{background:#ede5d2}footer .text-button{margin:0;padding:10px 0;font-size:13px}.scene-bottom{font-size:11px}.scene-bottom .location{max-width:300px}.arrival{background:#13201520}dialog{padding:0;border:1px solid #ffffff33;background:#202820;color:var(--cream);width:min(780px,92vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog>img{height:250px;width:100%;object-fit:cover}.dialog-copy{padding:32px 40px}.dialog-copy h2{font-size:44px}.dialog-copy p{line-height:1.8}.dialog-copy h3{font-family:inherit;font-size:16px;margin-top:28px}.close-dialog{position:absolute;right:16px;top:16px;width:40px;height:40px;background:#152116;color:white;border:1px solid #fffa;font-size:29px}.dialog-copy .text-button{display:inline-block} @media(max-width:1000px){nav{gap:20px}.product-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading>p{max-width:100%}.product p{min-height:48px}}@media(max-width:700px){.products,.process,.about{padding:65px 7%}.product-grid{gap:28px 16px}.product-image{height:220px}.product h3{font-size:26px}.product p{min-height:96px}.process{grid-template-columns:1fr;gap:35px}.contact{padding:75px 7%}.contact .section-label{padding-bottom:25px}.wordmark span{max-width:160px;font-size:8px}.dialog-copy{padding:25px}footer{align-items:center}.scene-count{display:none}}@media(prefers-reduced-motion:reduce){.product img{transition:none}}
.walkthrough{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block}.journey{height:100svh}.has-video .journey,.video-loading .journey{height:500svh}body:not(.has-video) .scene-count,body:not(.has-video) .track{display:none}@media(prefers-reduced-motion:reduce){.has-video .journey,.video-loading .journey{height:100svh}}

.arrival{align-items:flex-start;justify-content:flex-end;text-align:left;padding:0 7% 130px;background:none}.arrival-title{font-size:clamp(44px,6vw,80px);margin:10px 0}.arrival .eyebrow{max-width:320px}@media(max-width:700px){.arrival{padding-bottom:100px}.arrival-title{font-size:46px}}
/* Original Belle palette, scoped below the cinematic entrance. */
body{background:#f7f6f1}
.welcome,.products,.process,.about,.contact,footer,dialog{--paper:#f7f6f1;--text:#23251f;--muted:#66645c;--accent:#81745e;--line:#d5d2c7;color-scheme:light;color:var(--text)}
.welcome,.process{background:var(--paper)}
.products{background:#eeece5}
.about{background:var(--paper);border-top:1px solid var(--line);padding-top:110px;padding-bottom:80px}
.contact{background:#e7e7dc}
.welcome .section-label,.products .section-label,.process .section-label,.about .section-label,.contact .section-label{color:var(--muted)}
.welcome h2 em,.products h2 em,.process h2 em,.about h2 em,.contact h2 em{color:#827b69}
.welcome-copy p,.welcome-copy p:first-child,.details p,.process-intro,.stages details p{color:var(--muted)}
.welcome .welcome-copy p:first-child{color:var(--text)}
.details{border-color:var(--line);margin-top:75px}
.details span,.stages summary span,.product-number,.audience{color:var(--accent)}
.welcome .text-button,.product-link,.dialog-copy .text-button,footer .text-button{border-color:var(--accent)}
.welcome .text-button:hover,.dialog-copy .text-button:hover,footer .text-button:hover{color:#81745e}
.product-plus{background:var(--paper);color:var(--text)}
.product p{font-size:16px;min-height:82px}
.product-link{font-size:14px}
.products .note{margin-top:35px}
.process{border-bottom:1px solid var(--line)}
.stages details,.stages details:last-child{border-color:var(--line)}
.stages details[open]{background:#eeece56b}
.stages summary{padding:23px 14px}
.stages details p{padding-right:14px;margin-left:54px;font-size:16px}
.audience{border-color:var(--line)}
.contact-button{background:#302e29;color:#f7f6f1}
.contact-button:hover{background:#514b40}
footer{margin:0;padding:40px 7%;border-color:var(--line);background:var(--paper);color:var(--muted)}
.footer-logo{color:var(--text)}
dialog{background:var(--paper);border-color:var(--line)}
.close-dialog{background:#302e29}
.founder-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:center}
.founder-portrait{margin:0;align-self:start}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}
.founder-portrait figcaption{font-size:12px;letter-spacing:1.6px;padding-top:20px;color:var(--muted)}
.founder-story h2{font-size:clamp(44px,4.5vw,68px);margin-bottom:32px}
.founder-story .section-label{padding-bottom:28px}
.founder-story .welcome-copy p,.founder-story .welcome-copy p:first-child{font-size:16px;max-width:none;line-height:1.8}
.founder-stats{display:flex;gap:60px;padding-top:28px;margin-top:32px;border-top:1px solid var(--line)}
.founder-stats strong{display:block;font:46px Georgia,serif;letter-spacing:-1px}
.founder-stats span{display:block;font-size:11px;letter-spacing:1.2px;line-height:1.6;margin-top:12px}
.founder-story>.note{margin-top:24px}
@media(max-width:1000px){.founder-layout{gap:6%}.founder-stats{gap:28px}.founder-stats strong{font-size:38px}}
@media(max-width:700px){.details>div+div{border-color:var(--line)}.product p{min-height:112px}.founder-layout{grid-template-columns:1fr;gap:42px}.founder-portrait{max-width:440px;width:100%;margin:auto}.about{padding-top:65px}.founder-story h2{font-size:45px}.founder-stats{gap:35px}.founder-stats strong{font-size:42px}.founder-portrait figcaption{font-size:11px}footer p{display:block;order:3;width:100%;margin:0;font-size:12px}}

.stage{background:#181714}
.video-loading .enter{cursor:progress}

/* Process photography follows the selected stage. */
.process{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding-top:80px;padding-bottom:80px;align-items:start}
.process-left{position:sticky;top:28px}
.process .section-label{padding-bottom:24px}
.process h2{font-size:clamp(44px,4vw,64px)}
.process-intro{max-width:440px;margin:22px 0 28px}
.process-gallery{margin:0;min-width:0}
.process-photos{position:relative;aspect-ratio:3/2;overflow:hidden;background:#ded7ca}
.process-photo{position:absolute;inset:0;background-image:url('process-grid.png');background-size:300% 300%;background-position:var(--photo-x) var(--photo-y);transform:scale(1.012);opacity:0;transition:opacity .4s ease;pointer-events:none}
.process-photo.is-active{opacity:1}
.process-gallery figcaption{display:flex;gap:20px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}
#process-photo-number{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent)}
#process-photo-title{text-align:right}
.process .stages{border-top:1px solid var(--line)}
.process .stages details{border-top:0;border-bottom:1px solid var(--line);transition:background .25s ease}
.process .stages details[open]{background:#eae6dc;border-left:3px solid #81745e}
.process .stages summary{padding:24px 20px;gap:20px;line-height:1.4}
.process .stages summary span{font-size:13px;min-width:20px}
.process .stages summary:hover{background:#eeece5}
.process .stages summary:focus-visible{outline:2px solid #81745e;outline-offset:-4px}
.process .stages details p{margin:0 22px 24px 60px;padding:0}
@media(max-width:1000px) and (min-width:701px){.process{gap:4%}.process .stages summary{padding:20px 12px;gap:12px}.process .stages details p{margin-left:44px}.process-gallery figcaption{font-size:13px}}
@media(max-width:700px){.process{grid-template-columns:1fr;padding:60px 7%;gap:8px}.process-left{position:static}.process-intro{margin-bottom:28px}.process .stages summary{padding:20px 14px;gap:14px}.process .stages details p{margin:18px 16px 24px}.stages .process-gallery{margin:0 14px}.process-gallery figcaption{font-size:12px;gap:12px;padding:12px 0}.process-photo{transition:none}}
@media(prefers-reduced-motion:reduce){.process-photo,.process .stages details{transition:none}}

/* Full-screen arrival with an unobstructed mobile view. */
.walkthrough{object-fit:cover;object-position:50% 50%}
header{border:0;background:linear-gradient(180deg,#0006,transparent);align-items:flex-start;color:#fff}
header .wordmark{color:#fff}
header .wordmark span{display:none}
.hero-copy{top:auto;bottom:160px}
.hero-copy h1{font-size:clamp(54px,6.5vw,100px)}
.shade{background:linear-gradient(180deg,#0003,transparent 30%),linear-gradient(0deg,#0008,transparent 65%)}
.product{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch}
.product-image{flex:none;width:100%}
.product img{display:block}
.product h3{min-height:2.2em;line-height:1.1}
.product p{min-height:0;flex:1;margin-top:0;margin-bottom:26px}
.product-link{align-self:flex-start;margin-top:auto}
@media(max-width:700px){
 header{padding:24px 6%}
 header .wordmark{min-width:0;font-size:48px;letter-spacing:-3px}
 header .quiet{font-size:13px;padding:10px 15px;background:#0002}
 .hero-copy{display:none}
 .scene-bottom{bottom:max(28px,env(safe-area-inset-bottom));left:6%;right:6%}
 .scroll-cue{color:#fff;text-shadow:0 1px 10px #000;font-size:14px}
 .product-grid{align-items:stretch}
 .product-image{height:auto;aspect-ratio:4/5}
 .product h3{font-size:clamp(23px,6vw,29px);min-height:2.2em;letter-spacing:-.4px}
 .product p{font-size:15px;line-height:1.65;min-height:0}
 .product-link{font-size:13px}
}

/* Complete Belle wordmark and mobile introduction. */
header .wordmark span{display:block;max-width:230px;font-size:10px;line-height:1.5;letter-spacing:1.5px;margin-top:14px;color:#fff}
@media(max-width:700px){
 header .wordmark span{max-width:190px;font-size:9px;letter-spacing:1.2px;line-height:1.5;margin-left:2px;margin-top:12px}
 .hero-copy{display:block;left:7%;width:86%;top:auto;bottom:120px}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:1.4px;max-width:310px}
 .hero-copy h1{font-size:clamp(38px,10.5vw,58px);letter-spacing:-1.6px;line-height:1.04;margin:18px 0}
 .hero-copy .intro{max-width:300px;font-size:14px;line-height:1.6;margin-top:20px}
 .hero-copy .enter{margin-top:20px;font-size:14px;padding:14px 20px;min-width:170px}
}
@media(max-width:700px) and (max-height:650px){
 .hero-copy{bottom:82px}
 .hero-copy h1{font-size:36px;margin:12px 0}
 .hero-copy .intro{font-size:13px;margin-top:12px}
 .hero-copy .enter{padding:10px 16px;margin-top:12px}
 .hero-copy .eyebrow{font-size:9px;margin:8px 0}
}

/* Belle signature taupe punctuation, shared across both wordmarks. */
.brand-period{color:#9b856f;font-style:normal}

/* Supplied full brand artwork; preserve native transparency and proportions. */
header .wordmark{display:block;width:230px;flex:none;line-height:0}
.wordmark img,.footer-logo img{display:block;width:100%;height:auto}
.footer-logo{display:block;width:230px;flex:none;line-height:0}
@media(max-width:700px){header .wordmark{width:clamp(145px,42vw,190px)}.footer-logo{width:200px}}

/* Five equal-sized collections, balanced 3 + 2 on desktop. */
.product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:52px 28px}
.product-grid>.product{grid-column:span 2}
.product-grid>.product:nth-child(4){grid-column:2/span 2}
.product-grid>.product:nth-child(5){grid-column:4/span 2}
.product-image{height:auto;aspect-ratio:4/5}
.product h3{min-height:1.2em}
.product p{font-size:16px;line-height:1.7}
.product-link{font-size:14px}
.site-menu{display:flex;gap:28px;align-items:center}
.menu-toggle{display:none}
#site-menu a{line-height:1.5}
#site-menu a:hover{text-decoration:underline;text-underline-offset:6px}
.housing{--paper:#ebe7de;--text:#23251f;--muted:#605d55;--accent:#81745e;--line:#ccc5b8;color-scheme:light;background:var(--paper);color:var(--text);padding:90px 7%}
.housing .section-label{color:var(--muted);padding-bottom:34px}
.housing .eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.8px}
.housing h2 em,.housing-scope h3 em{color:#827b69}
.housing-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:7%;align-items:end;margin-bottom:52px}
.housing-heading h2{font-size:clamp(46px,5vw,76px);line-height:1.08}
.housing-lead{font-size:19px;line-height:1.75;margin:0 0 4px;color:var(--muted)}
.housing-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:7%;align-items:center}
.housing-story figure{margin:0;min-width:0}
.housing-story img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover}
.housing-story figcaption{font-size:12px;letter-spacing:1px;padding-top:16px;line-height:1.6;color:var(--muted)}
.housing-story figcaption span{display:block;font-size:12px;letter-spacing:0;margin-top:5px}
.housing-copy p{font-size:16px;line-height:1.85;margin:0 0 22px}
.housing-copy .contact-button{margin:4px 0 18px}
.housing-copy p.housing-support{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.housing-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:70px 0;padding:32px 0 36px;border-block:1px solid var(--line)}
.housing-benefits>div>span{font-size:12px;color:var(--accent)}
.housing-benefits h3{font-size:28px;line-height:1.15;min-height:2.3em;margin:16px 0}
.housing-benefits p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.housing-scope{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10%;align-items:start}
.housing-scope h3{font-size:clamp(38px,3.3vw,52px);line-height:1.12;margin:20px 0}
.housing-scope>div>p{line-height:1.75}
.housing-context{margin-top:30px;color:var(--muted);font-size:16px}
.housing-products{border-top:1px solid var(--line)}
.housing-products button{display:flex;width:100%;align-items:flex-start;gap:18px;padding:21px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;transition:background .2s}
.housing-products button:hover{background:#ffffff42}
.housing-products button>span:first-child{font-size:12px;color:var(--accent);padding-top:5px}
.housing-products strong{display:block;font-size:18px;font-weight:500;margin-bottom:6px}
.housing-products button>span>span{display:block;font-size:15px;color:var(--muted);line-height:1.65}
.housing-products b{font-size:24px;font-weight:400;margin-left:auto;padding-left:8px}
.housing-pricing{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-top:36px;margin-top:60px}
.housing-pricing h3{font-size:clamp(32px,3.5vw,46px);margin:0 0 14px;line-height:1.15}
.housing-pricing p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}
.housing-pricing .contact-button{flex:none;margin:0}
.housing :focus-visible,.products :focus-visible{outline:2px solid #6b5942;outline-offset:5px}
.housing:focus{outline:none}
#flooring-options[hidden]{display:none}
#flooring-options ul{columns:2;column-gap:32px;padding-left:20px;font-size:16px;line-height:1.7}
#flooring-options li{break-inside:avoid;margin-bottom:10px}
.reveal-pending{opacity:0;transform:translateY(18px)}
.reveal{transition:opacity .6s ease,transform .6s ease}
@media(max-width:1100px){
 header{position:absolute}
 header nav{gap:12px}
 .menu-toggle:not([hidden]){display:block}
 .site-menu{position:absolute;top:95px;right:4.5%;width:min(320px,91%);display:flex;flex-direction:column;align-items:stretch;gap:0;background:#f7f6f1;color:#23251f;box-shadow:0 15px 40px #0003;padding:10px 22px;z-index:8}
 .site-menu a{display:block;padding:17px 2px;border-bottom:1px solid #d5d2c7;font-size:16px}
 .site-menu a:last-child{border:0}
 .site-menu[hidden]{display:none}
 .site-menu :focus-visible{outline-color:#81745e;outline-offset:2px}
 .housing-heading{grid-template-columns:1fr;gap:25px}
 .housing-lead{max-width:720px}
 .housing-story{grid-template-columns:1fr 1fr;gap:5%}
 .housing-story img{aspect-ratio:4/5}
 .housing-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .housing-benefits h3{min-height:0}
 .housing-scope{gap:6%}
}
@media(max-width:900px) and (min-width:701px){
 .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .product-grid>.product:nth-child(4){grid-column:span 2}
 .product-grid>.product:nth-child(5){grid-column:2/span 2}
}
@media(max-width:700px){
 header nav{flex-direction:column-reverse;align-items:flex-end;gap:10px}
 header .menu-toggle{font-size:13px;padding:10px 15px}
 .site-menu{top:132px;right:6%;width:88%}
 .product-grid{grid-template-columns:minmax(0,1fr);gap:44px;margin-top:35px}
 .product-grid>.product,.product-grid>.product:nth-child(4),.product-grid>.product:nth-child(5){grid-column:auto}
 .product-image{aspect-ratio:4/3}
 .product h3{font-size:32px;min-height:0}
 .product p{max-width:520px;margin-bottom:20px}
 .housing{padding:65px 7%}
 .housing .section-label{font-size:11px;letter-spacing:1.5px;line-height:1.7}
 .housing-heading{margin-bottom:32px}
 .housing-heading h2{font-size:clamp(39px,10vw,56px);letter-spacing:-1.4px}
 .housing-lead{font-size:18px;line-height:1.7}
 .housing-story,.housing-scope{grid-template-columns:1fr;gap:30px}
 .housing-story img{aspect-ratio:3/2}
 .housing-benefits{grid-template-columns:1fr;gap:28px;margin:42px 0;padding:28px 0}
 .housing-benefits h3{font-size:30px;margin:10px 0}
 .housing-benefits>div+div{border-top:1px solid var(--line);padding-top:25px}
 .housing-scope h3{font-size:42px}
 .housing-pricing{display:block;margin-top:40px;padding-top:30px}
 .housing-pricing .contact-button{margin-top:26px}
 .housing-products button{gap:12px}
 #flooring-options ul{columns:1}
 .dialog-copy h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.reveal,.housing-products button{transition:none}.reveal-pending{opacity:1;transform:none}}