/* Look 1 — Barn & Twine: rugged warm farm */
:root{--bark:#2a2116;--green:#2f4a2c;--hay:#e0a93b;--parch:#f5eddc;--card:#fffaf0;--rust:#8f3a19;--muted:#5a4c39;--line:#cdbb98}
body{font-family:"Source Sans 3",sans-serif;color:var(--bark);background:var(--parch)}
h1,h2,h3,.bt b,.price,.ccard b,.ftr b,.steps .n{font-family:"Zilla Slab",serif;font-weight:700}
.hdr{background:var(--bark);color:var(--parch);border-bottom:4px solid var(--hay)}
.nav a{color:#efe3c8}.bt small{color:#e6d6b4}
.mark{background:var(--hay)}.mark i{background:var(--bark)}
.btn{border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-size:16px}
.btn-primary{background:var(--hay);color:var(--bark)}
.btn-secondary{background:transparent;border-color:currentColor}
.hero{position:relative;background:linear-gradient(90deg,rgba(26,20,12,.94) 0%,rgba(26,20,12,.82) 38%,rgba(26,20,12,.15) 70%,rgba(26,20,12,0) 100%),url(art/look1-barn-bales.jpg) center right/cover;color:#f8f0de;padding:110px 0 120px;min-height:640px}
.hero-grid{grid-template-columns:1fr}
.hero-copy{max-width:600px}
.hero-art{display:none}
.kicker{display:inline-block;color:var(--hay);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;border-top:2px solid var(--hay);border-bottom:2px solid var(--hay);padding:4px 0;margin-bottom:22px}
.hero h1{font-size:72px;line-height:1.02;letter-spacing:-.01em}
.hero h1 .hl{color:var(--hay)}
.lead{color:#efe3c8}
.price-pill{background:rgba(255,250,240,.1);border:2px dashed var(--hay);border-radius:4px}
.price{color:var(--hay)}.price-pill .ph{color:#efe3c8}
.hero .btn-secondary{color:#f8f0de}
.photo-note{position:absolute;right:20px;bottom:14px;font-size:14px;color:#fff;background:rgba(26,20,12,.7);padding:4px 10px}
.eyebrow{color:var(--rust)}
h2{font-size:46px;line-height:1.1;color:var(--green)}
.sec-head p:last-child{color:var(--muted)}
.bales{background:var(--parch)}
.spec{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--green);border-radius:4px}
.ic{background:var(--green);color:var(--hay);border-radius:4px}
.spec p{color:var(--muted)}
.how{background:var(--green);color:#f5eddc}.how h2{color:#fff}.how .eyebrow{color:var(--hay)}.how .sec-head p:last-child{color:#e3dcc6}
.steps li{background:rgba(255,250,240,.07);border:1px solid rgba(245,237,220,.3);border-radius:4px}
.steps .n{background:var(--hay);color:var(--bark);border-radius:4px}.steps p{color:#e3dcc6}
.why-art img{border-radius:4px;border:8px solid var(--card);box-shadow:0 10px 30px rgba(42,33,22,.25);object-position:right}
.checks li::before{background:var(--green)}.checks li::after{color:var(--hay)}
.area{padding-top:0}
.area-box{background:var(--bark);color:#f5eddc;border-radius:4px;border-left:10px solid var(--hay)}.area-box h2{color:#fff}.area-box .eyebrow{color:var(--hay)}
.area-btn{color:var(--hay)}
.contact{background:#ece0c6}
.contact-left>p{color:var(--muted)}
.ccard{background:var(--card);border:2px solid var(--bark);border-radius:4px}.ccard small{color:var(--rust)}.ccard b{color:var(--green)}.ccard .ph{color:var(--muted)}
.form{background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 30px rgba(42,33,22,.12)}
.form h3{color:var(--green)}
.form input,.form textarea{border:2px solid #8a7a5c;border-radius:4px;background:#fff;color:var(--bark)}
.ftr{background:var(--bark);color:#efe3c8}.ftr b{color:var(--hay)}.ftr a{color:#f5e2b0}
.mbar{background:var(--bark);border-top:3px solid var(--hay)}.mbar .btn-secondary{color:#f8f0de}
@media (max-width:760px){
 .hero{background:linear-gradient(180deg,rgba(26,20,12,0) 0px,rgba(26,20,12,0) 200px,rgba(26,20,12,.96) 330px,#1a140c 100%),url(art/look1-barn-bales.jpg) 78% top/auto 340px no-repeat,#1a140c;padding:280px 0 56px;min-height:0}
 .hero h1{font-size:44px}h2{font-size:34px}
 .photo-note{top:12px;bottom:auto;right:12px;font-size:13px}
}