:root{--ink:#171713;--muted:#6c685f;--paper:#f7f3ed;--paper2:#eee7dc;--white:#fffdf8;--oak:#b39161;--brass:#c19a5b;--charcoal:#0c1112;--line:rgba(23,23,19,.14);--shadow:0 22px 70px rgba(0,0,0,.18);--serif:'Cormorant Garamond', Georgia, serif;--sans:'Inter', Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.serif,h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.96;letter-spacing:-.035em}h1{font-size:clamp(4.1rem,8vw,9.6rem);margin:0}h2{font-size:clamp(2.75rem,5vw,6.1rem);margin:0 0 1rem}h3{font-size:clamp(2rem,3vw,3.35rem);margin:.35rem 0}.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;font-weight:700;color:var(--brass)}p{margin:0 0 1.3rem}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,5rem);color:#fff;mix-blend-mode:normal;transition:background .35s,color .35s,box-shadow .35s}.site-header.scrolled{background:rgba(247,243,237,.94);backdrop-filter:blur(18px);color:var(--ink);box-shadow:0 2px 30px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:1rem}.brand .go{font-family:var(--serif);font-size:3.2rem;letter-spacing:-.08em;line-height:1;color:var(--brass)}.brand .name{font-size:.72rem;line-height:1.35;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.nav-links{display:flex;align-items:center;gap:2.1rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.nav-links .outline{border:1px solid currentColor;padding:.95rem 1.35rem}.menu{display:none;border:1px solid currentColor;padding:.5rem .7rem}.hero{min-height:100vh;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:#0b0c0c}.hero:before{content:"";position:absolute;inset:0;background:url('../img/hero-twilight.jpg') center/cover no-repeat;transform:scale(1.07);animation:slowZoom 16s ease-out forwards}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.45) 36%,rgba(0,0,0,.15) 70%,rgba(0,0,0,.45) 100%),linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.05) 45%,rgba(0,0,0,.38));}.hero-content{position:relative;z-index:2;width:min(1120px,92vw);padding:0 0 clamp(4rem,8vw,8rem) clamp(1.3rem,5vw,6rem);opacity:0;transform:translateY(18px);animation:fadeUp 1s .35s ease-out forwards}.hero h1 span{display:block}.hero p{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:590px;color:rgba(255,255,255,.88)}.buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:1rem 1.35rem;border:1px solid currentColor;text-transform:uppercase;font-weight:800;letter-spacing:.18em;font-size:.72rem;transition:.25s ease}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.btn.fill{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.fill:hover{background:#fff}.scroll-mark{position:absolute;bottom:1.65rem;left:50%;z-index:3;width:1px;height:72px;background:rgba(255,255,255,.45)}.scroll-mark:before{content:"";position:absolute;top:-2px;left:-4px;width:9px;height:9px;border-radius:50%;background:#fff;animation:drop 2.2s infinite}.home-jump{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3.5rem);padding:1.7rem clamp(1rem,4vw,5rem);background:var(--charcoal);color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:800;position:relative;z-index:4}.home-jump a{transition:color .25s ease,transform .25s ease}.home-jump a:hover{color:var(--brass);transform:translateY(-1px)}.home-jump span{display:block;width:4px;height:4px;border-radius:50%;background:var(--brass)}.chapter{padding:clamp(5rem,9vw,10rem) clamp(1.3rem,5vw,6rem)}.split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);min-height:68vh;background:var(--white)}.split.reverse{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}.split .copy{padding:clamp(4rem,7vw,8rem) clamp(1.3rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.split p{max-width:560px;color:#4f4b43}.split img{width:100%;height:100%;object-fit:cover}.line-link{display:inline-flex;align-items:center;gap:.7rem;border-bottom:1px solid currentColor;padding-bottom:.22rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;font-weight:800}.intro{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(3rem,6vw,7rem);align-items:center}.intro .statement{font-size:clamp(2rem,3.4vw,4rem);font-family:var(--serif);line-height:1.05;letter-spacing:-.025em}.intro p{font-size:1.05rem;color:#514d45}.homes{background:var(--white)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.homes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.4rem)}.home-card{position:relative;overflow:hidden;background:#ddd;min-height:clamp(520px,68vw,760px);display:flex;align-items:flex-end}.home-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.home-card:hover img{transform:scale(1.05)}.home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 65%)}.home-card .meta{position:relative;z-index:1;color:#fff;padding:1.5rem}.home-card .meta h3{font-size:2.05rem}.home-card small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.dark{background:var(--charcoal);color:#fff}.dark p{color:rgba(255,255,255,.72)}.materials{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0;align-items:stretch}.materials .text{padding:clamp(4rem,7vw,7rem) clamp(1.3rem,5vw,6rem)}.materials img{height:100%;min-height:450px;object-fit:cover}.cabinetry-band{display:grid;grid-template-columns:1fr 1fr;min-height:72vh;background:var(--paper2)}.cabinetry-band .copy{padding:clamp(4rem,7vw,8rem) clamp(1.3rem,5vw,6rem);display:flex;flex-direction:column;justify-content:center}.details-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:2.2rem}.details-row img{height:240px;width:100%;object-fit:cover}.experience{background:#111;color:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin-top:3rem}.step{padding:2.4rem 1rem;text-align:center;border-right:1px solid rgba(255,255,255,.14)}.step:last-child{border-right:0}.step b{display:block;color:var(--brass);font-family:var(--serif);font-size:2.5rem;font-weight:400}.step span{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:800}.quote{min-height:72vh;background:url('../img/bathroom-plaster.jpg') center/cover fixed no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.quote:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.48)}.quote h2{position:relative;max-width:920px}.start{background:var(--charcoal);color:#fff;display:grid;grid-template-columns:1fr .9fr;gap:4rem}.start .form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:2rem}.field{display:grid;gap:.45rem;margin-bottom:1rem}.field label{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:rgba(255,255,255,.65);font-weight:800}.field input,.field textarea,.field select{width:100%;padding:.95rem 1rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font:inherit}.field textarea{min-height:120px}.footer{padding:3rem clamp(1.3rem,5vw,6rem);display:flex;justify-content:space-between;gap:2rem;background:#080a0a;color:#fff}.footer p{color:rgba(255,255,255,.62);max-width:520px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}@keyframes slowZoom{to{transform:scale(1)}}@keyframes fadeUp{to{opacity:1;transform:none}}@keyframes drop{0%{transform:translateY(0);opacity:1}80%{transform:translateY(58px);opacity:.15}100%{opacity:0}}@media(max-width:900px){.home-jump{overflow-x:auto;justify-content:flex-start;white-space:nowrap;padding:1.25rem}.home-jump span{flex:0 0 4px}.site-header{height:76px}.nav-links{display:none}.menu{display:block}.brand .go{font-size:2.5rem}.hero-content{padding-left:1.25rem;padding-right:1.25rem}.split,.split.reverse,.intro,.materials,.cabinetry-band,.start{grid-template-columns:1fr}.split img{min-height:360px}.homes-grid{grid-template-columns:1fr}.home-card{min-height:520px}.section-head{display:block}.details-row{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.footer{display:block}.quote{background-attachment:scroll}.materials img{min-height:320px}}@media(max-width:520px){h1{font-size:3.7rem}.hero p{font-size:1rem}.buttons .btn{width:100%}.home-jump{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3.5rem);padding:1.7rem clamp(1rem,4vw,5rem);background:var(--charcoal);color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:800;position:relative;z-index:4}.home-jump a{transition:color .25s ease,transform .25s ease}.home-jump a:hover{color:var(--brass);transform:translateY(-1px)}.home-jump span{display:block;width:4px;height:4px;border-radius:50%;background:var(--brass)}.chapter{padding:4rem 1.15rem}.details-row{grid-template-columns:1fr}.details-row img{height:300px}.home-card{min-height:360px}.start .form{padding:1.2rem}}

/* V6: preserve the full wood-framed listening kitchen composition */
#listen img{object-fit:contain;object-position:center;background:var(--white);}

/* V7 — The Experience */
.experience-hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#0b0c0c;color:#fff}.experience-hero-bg{position:absolute;inset:0;background:url('../img/hero-twilight.jpg') center/cover no-repeat;transform:scale(1.05);animation:slowZoom 16s ease-out forwards}.experience-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.38) 58%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}.experience-hero-content{position:relative;z-index:2;width:min(1250px,92vw);padding:0 clamp(1.3rem,5vw,6rem) clamp(5rem,9vw,9rem);opacity:0;transform:translateY(18px);animation:fadeUp 1s .35s ease-out forwards}.experience-hero h1{font-size:clamp(3.7rem,7vw,8.3rem);max-width:1100px;margin:.5rem 0 1.7rem}.experience-hero h1 em{font-weight:400;color:var(--brass)}.experience-hero p{max-width:690px;font-size:clamp(1rem,1.35vw,1.25rem);color:rgba(255,255,255,.82)}.experience-intro .statement span{color:var(--brass)}.experience-photo{position:relative;background:var(--white);padding:0 clamp(1.3rem,5vw,6rem) clamp(5rem,9vw,9rem)}.experience-photo>img{width:100%;max-height:760px;object-fit:contain;background:var(--white)}.photo-caption{display:grid;grid-template-columns:100px 1fr;max-width:900px;margin:2.5rem 0 0 auto}.photo-caption>span,.process-number{font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);color:var(--brass);line-height:1}.photo-caption h2{font-size:clamp(2.6rem,4vw,4.8rem);margin:.4rem 0 1rem}.photo-caption p{max-width:650px;color:var(--muted)}.process-chapters{background:var(--paper)}.process-row{display:grid;grid-template-columns:110px minmax(300px,.85fr) minmax(420px,1.25fr);align-items:center;gap:clamp(2rem,4vw,5rem);padding:clamp(5rem,8vw,8rem) clamp(1.3rem,5vw,6rem);border-top:1px solid var(--line)}.process-row.reverse-row{grid-template-columns:110px minmax(300px,.85fr) minmax(420px,1.25fr)}.process-row.reverse-row img{grid-column:2;grid-row:1}.process-row.reverse-row .process-copy{grid-column:3;grid-row:1}.process-row img{width:100%;height:clamp(380px,45vw,650px);object-fit:cover}.process-copy h2{font-size:clamp(2.8rem,4.7vw,5.5rem);margin:.5rem 0 1.2rem}.process-copy p{max-width:570px;color:var(--muted);font-size:1.03rem}.experience-quote{min-height:70vh;background:var(--charcoal);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem}.experience-quote>div{max-width:1050px}.experience-quote h2{font-size:clamp(3rem,5.5vw,6.5rem);margin:1rem 0 2rem}.experience-quote p{color:rgba(255,255,255,.68);font-size:1.08rem}.experience-cta{min-height:65vh;background:url('../img/home-pavilion.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;padding:5rem 1.5rem}.experience-cta:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.52)}.experience-cta>div{position:relative;z-index:1;max-width:850px}.experience-cta h2{font-size:clamp(3.2rem,6vw,7rem);margin:.7rem 0 1.2rem}.experience-cta p{font-size:1.08rem;margin-bottom:2rem}@media(max-width:900px){.photo-caption{grid-template-columns:70px 1fr}.process-row,.process-row.reverse-row{grid-template-columns:65px 1fr}.process-row img,.process-row.reverse-row img{grid-column:1/-1;grid-row:auto;height:420px}.process-row .process-copy,.process-row.reverse-row .process-copy{grid-column:2;grid-row:auto}.process-number{grid-column:1;grid-row:1}.experience-hero-content{padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:560px){.photo-caption{grid-template-columns:1fr}.photo-caption>span{margin-bottom:1rem}.process-row,.process-row.reverse-row{grid-template-columns:1fr}.process-number,.process-row .process-copy,.process-row.reverse-row .process-copy,.process-row img,.process-row.reverse-row img{grid-column:1}.process-row img,.process-row.reverse-row img{height:320px}.experience-hero h1{font-size:3.55rem}}

/* V8.1 Start Your Home fixes */
.start h1{font-size:clamp(4rem,7vw,7.8rem);line-height:.92;max-width:760px;margin:.35rem 0 2rem;}
.start>div>p{position:relative;z-index:1;max-width:720px;}
.field select option{background:#fff;color:var(--ink);}
.field select{color:#fff;}
@media(max-width:900px){.start h1{font-size:clamp(3.8rem,10vw,6.5rem);margin-bottom:1.75rem;}}
@media(max-width:520px){.start h1{font-size:3.7rem;line-height:.95;margin-bottom:1.5rem;}}
/* V8.2 About page: reserve a dedicated header band so hero copy never overlaps the brand/nav. */
body.about-page .site-header{background:#080a0a;color:#fff;position:fixed;}
body.about-page .hero{padding-top:86px;min-height:calc(70vh + 86px)!important;align-items:center;}
body.about-page .hero-content{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,6rem);}
body.about-page .hero h1{font-size:clamp(4rem,7.2vw,8.2rem);max-width:1000px;}
@media(max-width:900px){body.about-page .hero{padding-top:76px;}body.about-page .hero-content{padding-top:3rem;}body.about-page .hero h1{font-size:clamp(3.4rem,10vw,6rem);}}