/* B · Faluröd – grafiskt som en svensk lada: faluröd yta, vita knutar, ockragula detaljer, kondenserad versal. */
:root{
  --bg:#fbfaf6; --surface:#ffffff; --ink:#1b1c19; --ink-2:#45463f; --ink-3:#7a7a70; --line:#1b1c19;
  --accent:#8e2a1d; --accent-ink:#fff; --band:#f1ece0; --ochre:#d9a62e;
  --display:"Barlow Condensed","Arial Narrow",sans-serif; --body:"Literata",Georgia,serif; --label:"Barlow Condensed","Arial Narrow",sans-serif; --radius:0;
}
body{font-size:17.5px}
h1,h2,h3{font-weight:800;text-transform:uppercase;letter-spacing:.005em;line-height:.95}
h4{font-family:var(--label)!important;text-transform:uppercase;letter-spacing:.06em!important}
.eyebrow{font-size:15px;letter-spacing:.14em;color:var(--accent)}
.top{background:var(--accent);border-bottom:0;color:#fff}
.brand{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:26px;letter-spacing:.02em}
.brand-mark{background:#fff}
.nav a{font-family:var(--label);font-size:18px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.nav a:hover{background:rgba(255,255,255,.14)}
.menu-btn{color:#fff;border-color:#fff}
@media (max-width:820px){.nav{background:var(--accent)}}
.hero{max-width:none;background:var(--accent);color:#fff;padding:56px max(24px,calc((100vw - var(--max))/2 + 24px)) 0;grid-template-columns:1fr 1fr;align-items:end;gap:40px}
.hero .eyebrow{color:var(--ochre)}
.hero h1{font-size:clamp(56px,8.5vw,128px);margin:12px 0 18px}
.hero-text{color:#f6e6e2}
.hero-copy{padding-bottom:56px}
.hero-art{border:10px solid #fff;border-bottom:0;aspect-ratio:1/1}
.btn{border-radius:0;font-family:var(--label);font-size:19px;text-transform:uppercase;letter-spacing:.06em;padding:12px 22px}
.hero .btn{background:var(--ochre);border-color:var(--ochre);color:#1b1c19}
.hero .btn.ghost{background:transparent;color:#fff;border-color:#fff}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:36px}.hero-copy{padding-bottom:0}}
.intro{border-top:0;border-bottom:3px solid var(--ink)}
.intro h2{font-size:clamp(40px,5vw,64px)}
.house-card{border:3px solid var(--ink)}
a.house-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--accent)}
.house-body h3{font-size:44px}
.house-status{font-family:var(--label);font-size:15px;color:var(--accent)}
.mini-facts{font-family:var(--label);font-size:22px}
.more{font-family:var(--label);text-transform:uppercase;letter-spacing:.06em;font-size:18px}
.house-soon{background:repeating-linear-gradient(90deg,var(--band) 0 46px,#e9e2d1 46px 50px);border-style:dashed}
.seasons-wrap{background:var(--ink);color:#fff}
.seasons-wrap .eyebrow{color:var(--ochre)}
.season{border:0;color:var(--ink)}
.season-body h3{font-size:40px}
.ticks li::before{border-radius:0;background:var(--ochre)}
.area-item h3{font-size:30px;color:var(--accent)}
.steps li{border-top:6px solid var(--accent)}
.step-n{font-family:var(--display);font-weight:800;font-size:72px;color:var(--ochre)}
.steps h3{font-size:30px}
.contact{background:var(--ochre);color:var(--ink)}
.contact p{color:var(--ink-2)}
.contact h2{font-size:clamp(48px,7vw,96px)}
.contact-lines{font-family:var(--display);font-weight:800;text-transform:uppercase}
.facts{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.facts dd{font-size:30px;font-weight:800}
.h-head h1{font-size:clamp(56px,9vw,120px)}
.h-art{border-bottom:10px solid var(--accent)}
.h-price{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ochre)}
.chips li{border-radius:0;border:2px solid var(--ink);font-family:var(--label);font-size:17px;text-transform:uppercase;letter-spacing:.04em}
.guide{background:var(--band)}
.guide-nav{background:var(--band)}
.guide-nav a{border-radius:0;border:2px solid var(--ink);font-family:var(--label);font-size:16px;text-transform:uppercase}
.guide-sec{border:3px solid var(--ink)}
.guide-sec h3{font-size:40px;color:var(--accent)}
.nearby .dist{font-family:var(--display);font-weight:800;font-size:26px}
footer{border-top:3px solid var(--ink)}