:root { --ink:#0E0D0C; --ivory:#F1E9DC; --rose:#E1BFA7; --bronze:#B07A3C; --page-gutter:clamp(28px,8vw,120px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--ivory); font-family:Avenir, "Avenir Next", sans-serif; }
a { color:inherit; }
.hero { min-height:100svh; position:relative; display:flex; flex-direction:column; padding:34px var(--page-gutter) 70px; background-image:linear-gradient(90deg,rgba(14,13,12,.98) 0%,rgba(14,13,12,.87) 47%,rgba(14,13,12,.15) 100%),url('/images/laundry.png'); background-size:cover; background-position:center top; border-left:14px solid var(--bronze); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { width:min(390px,55vw); height:auto; }
.nav .wordmark { width:min(500px,62vw); }
.nav nav { display:flex; align-items:center; gap:30px; }
.nav nav a { text-decoration:none; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.coming-pill { border:1px solid var(--rose); border-radius:100px; padding:10px 17px 8px; color:var(--rose); letter-spacing:.18em; font-size:12px; }
.hero-copy { margin:auto 0; max-width:1320px; padding-top:80px; }
.eyebrow { color:var(--rose); letter-spacing:.14em; font-weight:700; font-size:clamp(12px,1.3vw,16px); }
h1 { margin:24px 0 30px; font-family:Baskerville,Georgia,serif; font-size:clamp(50px,4.8vw,78px); font-weight:400; line-height:.98; letter-spacing:-.035em; }
h1 em { color:var(--rose); font-style:normal; }
@media(min-width:701px){ h1 { white-space:nowrap; } }
.intro { max-width:700px; font-size:clamp(18px,2vw,25px); line-height:1.5; color:#f4eade; }
.button { display:inline-block; margin-top:28px; background:var(--bronze); color:var(--ink); text-decoration:none; font-weight:800; padding:15px 22px; border-radius:3px; }
.intro-band { background:var(--ivory); color:var(--ink); padding:50px var(--page-gutter); font-family:Baskerville,Georgia,serif; font-size:clamp(27px,4vw,54px); line-height:1.05; }
.intro-band p { max-width:1100px; margin:0; }

.split { min-height:760px; display:grid; grid-template-columns:1fr 1fr; }
.split-copy { padding:clamp(70px,9vw,140px) var(--page-gutter); display:flex; flex-direction:column; justify-content:center; }
.split-copy h2,.section-heading h2,.scale h2,.coming h2 { font:400 clamp(48px,6vw,90px)/.95 Baskerville,Georgia,serif; letter-spacing:-.025em; margin:18px 0 30px; }
.split-copy > p:not(.eyebrow) { max-width:650px; font-size:19px; line-height:1.65; }
.split-light { background:var(--ivory); color:var(--ink); }
.split-dark { background:var(--ink); color:var(--ivory); }
.reverse .split-copy { order:2; }
.reverse .split-image { order:1; }
.split-image { min-height:640px; background-size:cover; background-position:center 18%; }
.image-hairdresser { background-image:linear-gradient(0deg,rgba(14,13,12,.16),transparent 60%),url('/images/hairdresser.png'); }
.image-produce { background-image:linear-gradient(0deg,rgba(14,13,12,.2),transparent 65%),url('/images/produce-delivery.png'); }
.eyebrow.bronze,.bronze { color:var(--bronze); }

.statement { padding:clamp(90px,12vw,180px) var(--page-gutter); background:var(--rose); color:var(--ink); }
.statement h2 { margin:24px 0 0; font:400 clamp(70px,11vw,160px)/.8 Baskerville,Georgia,serif; letter-spacing:-.05em; }
.statement h2 span,.scale h2 span { color:var(--ivory); }
.benefits { list-style:none; margin:15px 0 0; padding:0; max-width:650px; }
.benefits li { display:grid; grid-template-columns:minmax(155px,.8fr) 1.2fr; gap:22px; padding:22px 0; border-top:1px solid #3d3935; }
.benefits strong { color:var(--rose); }
.benefits span { line-height:1.5; }

.process,.future { background:var(--ivory); color:var(--ink); padding:clamp(80px,10vw,150px) var(--page-gutter); }
.section-heading { max-width:900px; }
.steps { margin:70px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid #c8bcae; }
.steps li { padding:30px 22px 20px 0; border-right:1px solid #c8bcae; }
.steps li+li { padding-left:22px; }
.steps span { display:block; color:var(--bronze); font:28px Baskerville,Georgia,serif; margin-bottom:50px; }
.steps strong { display:block; font:400 clamp(22px,2vw,29px)/1.08 Baskerville,Georgia,serif; text-transform:uppercase; }
.steps p { line-height:1.55; color:#514a43; }

.photo-band { display:grid; grid-template-columns:repeat(3,1fr); height:600px; }
.photo-tile { background-size:cover; background-position:center 16%; border-left:6px solid var(--bronze); }
.image-wedding { background-image:url('/images/wedding-planner.png'); }
.image-barber { background-image:url('/images/barber.png'); }
.image-mechanic { background-image:url('/images/mechanic.png'); }
.scale { background:var(--bronze); color:var(--ink); padding:clamp(90px,12vw,180px) var(--page-gutter); }
.scale > p:last-child { max-width:720px; font-size:21px; line-height:1.6; }

.future-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:60px; }
.future article { border:1px solid #b7a998; padding:40px; min-height:300px; }
.future article span { color:var(--bronze); letter-spacing:.14em; font-size:12px; font-weight:800; }
.future h3 { font:400 clamp(34px,4vw,58px) Baskerville,Georgia,serif; margin:55px 0 16px; }
.future article p { font-size:18px; line-height:1.6; max-width:560px; }

.coming { position:relative; overflow:hidden; min-height:790px; padding:clamp(100px,13vw,190px) var(--page-gutter); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--ink); }
.coming h2 { max-width:950px; margin-bottom:25px; }
.coming-copy { max-width:750px; color:#d8cabe; font-size:20px; line-height:1.6; }
.coming-seal { position:absolute; width:min(670px,82vw); opacity:.055; filter:none; }
.coming > *:not(.coming-seal) { position:relative; }
footer { min-height:180px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:35px; padding:35px var(--page-gutter); border-top:1px solid #37332f; color:#bfb1a5; font-size:13px; }
footer .wordmark { width:270px; }

@media(max-width:900px){
  .nav nav a:not(.coming-pill){display:none}.split{grid-template-columns:1fr}.split-image{min-height:550px}.reverse .split-copy{order:1}.reverse .split-image{order:2}.steps{grid-template-columns:1fr 1fr}.photo-band{height:440px}.future-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:10px}
}
@media(max-width:700px){
  .hero{background-image:linear-gradient(0deg,rgba(14,13,12,.98) 0%,rgba(14,13,12,.55) 82%),url('/images/laundry.png');background-size:cover;background-position:58% top}.coming-pill{font-size:10px}.hero-copy{padding-top:160px}.statement h2{line-height:.88}.steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:24px 0;border-right:0;border-bottom:1px solid #c8bcae}.steps span{margin-bottom:15px}.photo-band{grid-template-columns:1fr;height:auto}.photo-tile{height:430px;background-position:center 12%}.future article{padding:30px}.nav .wordmark{width:260px}
}