:root{--ink:#25221f;--cream:#f4eee6;--paper:#fffdf9;--terra:#bd5f43;--sage:#74856f;--line:#d8cec2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}header{height:86px;padding:10px 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,249,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand img{height:65px;width:auto;display:block}nav{display:flex;gap:28px;align-items:center}a{color:inherit;text-decoration:none}nav a{font-size:14px}.pill{border:1px solid var(--terra);padding:10px 16px}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:76vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#352f2a}.hero-bg{position:absolute;inset:0;background:linear-gradient(115deg,rgba(22,18,15,.78),rgba(22,18,15,.25)),radial-gradient(circle at 78% 30%,#a87d63 0 10%,transparent 11%),linear-gradient(135deg,#5f493c,#c1a48e 48%,#665448);filter:saturate(.8)}.hero-copy{position:relative;color:white;width:min(1120px,88vw);padding:90px 0}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,7vw,88px);line-height:1.03;margin:8px 0 24px}.hero p{max-width:700px;font-size:20px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--terra)}.hero .eyebrow,.dark .eyebrow{color:#e5a088}.actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;padding:13px 20px;border:1px solid var(--terra);cursor:pointer;font-weight:700}.primary{background:var(--terra);color:#fff}.ghost{border-color:#fff;color:#fff}.intro,.section,.contact{padding:90px max(6vw,24px)}.intro{max-width:1000px;margin:auto;text-align:center}.intro h2,.section h2,.copy h2,.contact h2{font:400 clamp(34px,5vw,60px)/1.12 Georgia,serif;margin:10px 0 24px}.intro p{font-size:18px;color:#5e5751}.warm{background:var(--cream)}.grid{display:grid;gap:18px;margin-top:42px}.six{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.grid article{padding:26px;border-top:1px solid var(--line);background:rgba(255,255,255,.28)}.grid article span{font-size:12px;color:var(--terra)}h3{font:400 23px/1.2 Georgia,serif}.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.split.reverse .visual{order:2}.split.reverse .copy{order:1}.copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}.visual{min-height:520px}.texture{background:radial-gradient(circle at 30% 30%,#d2b08c 0 3%,transparent 4%),repeating-linear-gradient(45deg,#ad7356 0 16px,#8d5d47 16px 32px)}.interior{background:linear-gradient(120deg,#d9cabb 0 28%,#f0e7dd 28% 55%,#9c806b 55% 70%,#6e7b68 70%)}.textlink{color:var(--terra);font-weight:700;margin-top:18px}.dark{background:var(--ink);color:#f8f2ea}.dark .grid article{border-color:#5d5650;background:transparent}.dark p{color:#ddd2c7}.lead{max-width:850px;font-size:20px}.retail{max-width:1000px}.retail p{font-size:18px}.contact{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact form{display:grid;gap:14px}.contact label{font-size:13px;font-weight:700}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #cdbfb1;background:#fff;font:inherit}.contact small{color:#70675f}.location{margin-top:30px;font-weight:700}footer{padding:50px 6vw;background:#171513;color:#eee;display:grid;gap:16px}footer img{width:120px;background:#fff;border-radius:2px}footer div{display:flex;gap:22px;flex-wrap:wrap}footer small{color:#aaa}@media(max-width:850px){header{height:76px}.brand img{height:56px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px 6vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}nav.open{display:flex}.hero{min-height:70vh}.six,.four{grid-template-columns:1fr 1fr}.split,.contact{grid-template-columns:1fr}.split.reverse .visual,.split.reverse .copy{order:initial}.visual{min-height:360px}.copy{padding:65px 7vw}}@media(max-width:540px){.six,.four{grid-template-columns:1fr}.actions{flex-direction:column;align-items:flex-start}.hero-copy{padding:70px 0}.intro,.section,.contact{padding:65px 24px}}
/* Version 2 photography */
.hero-bg{background-image:linear-gradient(115deg,rgba(22,18,15,.76),rgba(22,18,15,.20)),url('hero.jpg');background-size:cover;background-position:center}
.texture{background-image:url('materials.jpg');background-size:cover;background-position:center}
.interior{background-image:url('trade.jpg');background-size:cover;background-position:center}


/* FINAL IMAGE FIX — GitHub Pages root-level assets */
.hero {
  background-image:
    linear-gradient(90deg, rgba(24,29,31,.80) 0%, rgba(24,29,31,.56) 48%, rgba(24,29,31,.20) 100%),
    url("./hero.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.split-image.materials,
.materials-image,
.brand-image {
  background-image: url("./materials.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.split-image.trade,
.trade-image {
  background-image: url("./trade.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Fallback for the current alternating split sections */
#brands .split-image {
  background-image: url("./materials.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
#trade .split-image {
  background-image: url("./trade.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}