:root { --ink:#17201f; --cream:#f6f0e5; --paper:#fffdf8; --rust:#a4452b; --rust-dark:#7d2f1d; --sage:#567068; --line:#d9d1c4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.55; }
a { color:inherit; }
.nav { min-height:78px; display:flex; align-items:center; gap:26px; padding:12px clamp(20px,5vw,72px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; font-family:Georgia,serif; font-weight:700; margin-right:auto; }
.brand img { width:46px; height:46px; object-fit:contain; }
.nav-link { text-decoration:none; font-weight:700; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 22px; background:var(--rust); color:white; text-decoration:none; font-weight:700; border-radius:3px; transition:background .2s ease,transform .2s ease; }
.button:hover { background:var(--rust-dark); transform:translateY(-1px); }
.button-small { min-height:42px; padding:9px 16px; }
.hero { min-height:640px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); background:var(--cream); }
.hero-copy { padding:clamp(64px,9vw,128px) clamp(24px,7vw,104px); align-self:center; }
.eyebrow { margin:0 0 14px; color:var(--rust); text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; font-weight:800; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:Georgia,'Times New Roman',serif; line-height:1.03; letter-spacing:-.035em; }
h1 { font-size:clamp(3.25rem,7vw,6.4rem); margin-bottom:26px; max-width:850px; }
h2 { font-size:clamp(2.4rem,4.6vw,4.6rem); margin-bottom:24px; }
h3 { font-family:Georgia,serif; font-size:1.35rem; }
.lead { font-size:clamp(1.15rem,2vw,1.4rem); max-width:650px; }
.actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:34px; }
.text-link { font-weight:700; text-underline-offset:4px; }
.nav-link,.text-link,footer a { display:inline-flex; align-items:center; min-height:44px; }
.availability { margin:30px 0 0; max-width:620px; color:var(--sage); font-weight:700; }
.hero-mark { background:var(--sage); color:white; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px; }
.hero-mark>img { width:min(330px,75%); height:auto; filter:drop-shadow(0 18px 28px rgba(0,0,0,.18)); }
.experience { margin-top:34px; display:flex; align-items:center; gap:14px; border-top:1px solid rgba(255,255,255,.45); padding-top:22px; }
.experience strong { font-family:Georgia,serif; font-size:3.3rem; line-height:1; }
.experience span { max-width:130px; line-height:1.2; }
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-strip span { padding:20px; text-align:center; font-weight:700; border-right:1px solid var(--line); }
.trust-strip span:last-child { border-right:0; }
.section { padding:clamp(72px,9vw,130px) clamp(24px,7vw,104px); }
.section-intro { max-width:850px; }
.section-intro>p:last-child,.story-copy { font-size:1.12rem; color:#34413f; }
.appliance-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:58px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.appliance { min-height:310px; position:relative; overflow:hidden; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--cream); color:inherit; text-decoration:none; }
.appliance>img { width:100%; height:230px; display:block; object-fit:cover; filter:saturate(.78) contrast(.94); transition:transform .35s ease,filter .35s ease; }
.appliance:hover>img { transform:scale(1.025); filter:saturate(.92) contrast(.98); }
.appliance-label { display:flex; align-items:baseline; gap:18px; padding:22px 24px 25px; background:#fff; }
.appliance span { color:var(--rust); font-size:.8rem; font-weight:800; }
.appliance h3 { margin:0; }
.brands { margin-top:48px; padding:32px 0 0; border-top:1px solid var(--line); text-align:center; }
.brand-list { max-width:980px; margin:18px auto 12px; color:var(--ink); font-family:var(--font-serif); font-size:clamp(1.2rem,2.1vw,1.65rem); line-height:1.8; }
.brand-list i { padding:0 .25em; color:var(--rust); font-style:normal; }
.brand-note { margin:0; color:#5b6765; font-size:.92rem; }
.area-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.area-links a { min-height:44px; display:inline-flex; align-items:center; padding:9px 14px; border:1px solid var(--line); border-radius:3px; color:var(--rust-dark); font-weight:700; text-underline-offset:3px; }
.subpage-hero { min-height:460px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); background:var(--cream); }
.subpage-hero>* { min-width:0; }
.subpage-hero .hero-copy { padding-top:80px; padding-bottom:80px; }
.subpage-hero h1 { font-size:clamp(3rem,6vw,5.4rem); overflow-wrap:anywhere; }
.subpage-mark { min-height:360px; background:var(--sage); overflow:hidden; }
.subpage-mark img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.78) contrast(.94); }
.content-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:clamp(42px,8vw,100px); align-items:start; }
.content-grid h2 { font-size:clamp(2.2rem,4vw,3.8rem); }
.content-copy { font-size:1.08rem; color:#34413f; }
.content-copy h3 { margin-top:34px; margin-bottom:10px; }
.fact-panel { padding:30px; background:var(--cream); border-top:4px solid var(--rust); }
.fact-panel h2 { font-size:1.75rem; letter-spacing:-.02em; }
.fact-panel ul { margin:0; padding-left:20px; }
.fact-panel li { margin:10px 0; }
.link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:30px; }
.link-grid a { display:flex; min-height:74px; align-items:center; padding:18px; border:1px solid var(--line); color:var(--rust-dark); font-weight:700; text-underline-offset:4px; }
.breadcrumbs { margin:0 0 24px; font-size:.88rem; color:var(--sage); }
.breadcrumbs a { text-underline-offset:3px; }
.split { display:grid; grid-template-columns:.9fr 1.1fr; gap:9vw; background:var(--cream); }
.steps { list-style:none; padding:0; margin:0; }
.steps li { display:grid; grid-template-columns:minmax(170px,.55fr) 1fr; gap:24px; padding:24px 0; border-top:1px solid var(--line); }
.steps li:last-child { border-bottom:1px solid var(--line); }
.steps span { color:#44514f; }
.offer { margin:0 clamp(24px,7vw,104px); padding:clamp(36px,5vw,70px); display:flex; justify-content:space-between; align-items:center; gap:40px; background:var(--rust); color:white; }
.offer .eyebrow { color:#ffd8c8; }
.offer h2 { margin-bottom:10px; }
.offer p { font-size:1.15rem; }
.offer small { display:block; max-width:760px; opacity:.82; }
.button-light { background:white; color:var(--rust-dark); flex:0 0 auto; }
.button-light:hover { background:var(--cream); }
.testimonials { background:var(--cream); }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:50px; }
.testimonial-card { display:flex; flex-direction:column; min-height:310px; margin:0; padding:34px; background:var(--paper); border:1px solid var(--line); border-top:4px solid var(--rust); box-shadow:0 12px 30px rgba(23,32,31,.06); }
.review-stars { color:var(--rust); font-size:1.15rem; letter-spacing:.14em; }
.testimonial-card blockquote { margin:26px 0 30px; }
.testimonial-card blockquote p { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.22rem,1.7vw,1.48rem); line-height:1.42; }
.testimonial-card figcaption { display:flex; flex-direction:column; gap:2px; margin-top:auto; padding-top:20px; border-top:1px solid var(--line); }
.testimonial-card figcaption span { color:var(--sage); font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.reviews-link { margin:34px 0 0; }
.story { display:grid; grid-template-columns:1fr 1fr; gap:9vw; }
.story-copy p { margin-bottom:24px; }
.cta { text-align:center; max-width:920px; margin:0 auto; padding:80px 24px 110px; }
.cta>p:not(.eyebrow) { font-size:1.15rem; max-width:700px; margin-left:auto; margin-right:auto; }
.actions-center { justify-content:center; }
footer { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:20px; align-items:center; padding:28px clamp(20px,5vw,72px); background:var(--ink); color:white; font-size:.9rem; }
footer p { margin:0; }
.footer-brand { margin:0; }
.legal-name { opacity:.78; font-size:.82rem; }
@media (max-width:800px) { .nav-link{display:none}.hero,.subpage-hero{grid-template-columns:1fr}.hero-mark{min-height:420px}.subpage-mark{min-height:300px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span:nth-child(2){border-right:0}.appliance-grid{grid-template-columns:1fr 1fr}.split,.story,.content-grid{grid-template-columns:1fr;gap:36px}.link-grid{grid-template-columns:1fr 1fr}.offer{align-items:flex-start;flex-direction:column}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:0}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center} }
@media (max-width:520px) { .nav{gap:10px}.brand span{display:none}.button-small{font-size:.9rem}.hero-copy{padding-top:58px;padding-bottom:64px}h1{font-size:3.25rem}.hero-mark{min-height:340px}.subpage-mark{min-height:240px}.trust-strip,.appliance-grid,.link-grid{grid-template-columns:1fr}.trust-strip span{border-right:0}.appliance{min-height:0}.appliance>img{height:220px}.steps li{grid-template-columns:1fr;gap:4px}.offer{margin:0}.testimonial-card{padding:28px} }