/* BechWood's own editorial, material-led theme. */
:root { --green:#1a1b18; --deep:#141512; --cream:#f0efea; --gold:#b69b63; --sage:#74746d; --line:rgba(20,21,18,.2); --serif:'DM Sans',sans-serif; --sans:'DM Sans',sans-serif; }
body { background:var(--cream); color:var(--deep); letter-spacing:-.01em; }
.site-header { position:absolute; height:82px; border-bottom:1px solid rgba(20,21,18,.18); }
.logo { width:158px; }
.header-cta { color:var(--deep); font-size:10px; font-weight:700; }
.hero { min-height:100vh; padding:190px 7vw 95px; background:var(--cream); color:var(--deep); }
.hero::before { width:55vw; height:55vw; top:-20vw; right:-12vw; border-color:rgba(20,21,18,.14); animation:none; }
.hero::after { background:linear-gradient(120deg,transparent 45%,rgba(182,155,99,.1) 45% 45.25%,transparent 45.25%); mix-blend-mode:normal; animation:none; }
.hero-art { inset:0 0 0 52%; background:repeating-linear-gradient(90deg,transparent 0 8.1vw,rgba(20,21,18,.11) 8.15vw 8.22vw),linear-gradient(135deg,transparent 0 48%,rgba(20,21,18,.1) 48% 48.2%,transparent 48.2%); opacity:1; animation:none; }
.hero-art::after { inset:20% 13% 14% 23%; border-color:rgba(20,21,18,.23); transform:skewY(-8deg); animation:none; }
.eyebrow { color:#64645d; font-size:9px; font-weight:700; letter-spacing:.18em; }
h1,h2 { font-family:var(--sans); font-weight:400; letter-spacing:-.065em; }
h1 { max-width:850px; font-size:clamp(55px,7.5vw,124px); line-height:.88; text-transform:uppercase; }
h1 em,h2 em { color:var(--gold); font-style:normal; }
.lead { color:#4c4c46; max-width:380px; font-size:15px; }
.gold { background:var(--deep); color:var(--cream); }
.underlined { color:var(--deep); border-color:var(--deep); }
.hero-note { color:#4d4d47; border-color:var(--gold); }
.hero-note span { color:var(--deep); font-family:var(--sans); font-size:13px; font-weight:700; }
.trust-strip { background:var(--deep); color:var(--cream); justify-content:space-around; padding:17px 7vw; }
.trust-strip b { color:var(--gold); }
.intro { background:#dbd7cf; color:var(--deep); padding:170px 12vw; }
.intro h2 { font-size:clamp(42px,5.6vw,84px); text-transform:uppercase; }
.intro-copy { color:#4c4c46; }
.intro-copy span { color:var(--gold); }
.services { background:var(--cream); color:var(--deep); padding:155px 8vw; }
.section-title h2,.project-heading h2 { text-transform:uppercase; }
.service-list { border-color:var(--line); }
.service { border-color:var(--line); }
.service>span,.service>a { color:var(--gold); font-family:var(--sans); font-size:12px; font-weight:700; }
.service h3 { font-family:var(--sans); font-size:clamp(25px,2.5vw,39px); font-weight:400; letter-spacing:-.04em; text-transform:uppercase; }
.service p { color:#66655e; }
.projects { background:var(--deep); color:var(--cream); padding:160px 5.5vw; }
.projects .eyebrow,.projects .project-heading>p { color:#b8b5aa; }
.project-placeholder { height:410px; background-color:#30302b; background-image:linear-gradient(140deg,rgba(255,255,255,.04),rgba(0,0,0,.36)),repeating-linear-gradient(90deg,transparent 0 70px,rgba(240,239,234,.14) 71px 72px); }
.project-placeholder:after { border-color:rgba(240,239,234,.3); }
.project-large .project-placeholder { height:570px; }
.p-two { background-color:#797268; }.p-three { background-color:#58605a; }
.project h3 { font-family:var(--sans); font-size:20px; font-weight:500; text-transform:uppercase; letter-spacing:-.025em; }
.project>p { color:#c2bcae; }
.process { background:#dfdcd5; color:var(--deep); padding:150px 8vw; }
.steps li { border-color:var(--line); }
.steps span { color:var(--gold); font-family:var(--sans); font-weight:700; font-size:12px; }
.steps h3 { font-family:var(--sans); font-size:21px; font-weight:500; text-transform:uppercase; }
.steps p { color:#65645d; }
.quote { background:#262620; padding:165px 12vw; }
.quote .eyebrow,.quote-signature { color:#c7bea7; }
.quote blockquote { font-family:var(--sans); font-size:clamp(33px,4.2vw,67px); font-weight:400; letter-spacing:-.055em; text-transform:uppercase; }
.contact { background:var(--cream); color:var(--deep); padding:155px 8vw; }
.contact h2 { text-transform:uppercase; }
.contact-copy>p:last-child,.contact-form label { color:#65645d; }
.contact-details a { color:var(--deep); }
.contact-form input,.contact-form textarea { color:var(--deep); border-color:#a8a59d; }
.dark { background:var(--deep); color:var(--cream); }
.modal-panel { background:var(--cream); color:var(--deep); }
.projecting-prompt { background:var(--deep); }
.follow-card { border-left:2px solid var(--gold); }
footer { background:#11120f; }
@media(max-width:760px) { .hero { min-height:700px; padding:148px 7vw 70px; }.hero-art { left:37%; }.project-large .project-placeholder,.project-placeholder { height:360px; }.intro,.services,.process,.contact { padding:100px 7vw; } }