/* ScanWood — majestic timber house design system */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bg:#0f0d0a;
  --bg-2:#161210;
  --panel:#1c1712;
  --panel-2:#231c16;
  --gold:#c9a15a;
  --gold-soft:#d9bd8a;
  --amber:#a9612f;
  --ivory:#f3ead9;
  --ivory-dim:#c7bba3;
  --line:rgba(243,234,217,.11);
  --line-strong:rgba(243,234,217,.22);
  --radius:2px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg); color:var(--ivory);
  font-family:'Inter',sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.01em;margin:0;color:var(--ivory);}
.mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{margin:0;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
section{position:relative;}
@media(max-width:700px){.wrap{padding:0 20px;}}

/* rhombus signature motif — echoes the flagship Rombus profile */
.rhomb{display:inline-block;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;}
.rhomb-outline{display:inline-block;width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg);flex-shrink:0;}
.divider{display:flex;align-items:center;gap:10px;margin:20px 0;}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line-strong);}
.eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.eyebrow .rhomb{margin-right:2px;}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border:1px solid var(--gold);
  color:var(--gold);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;
  font-family:'JetBrains Mono',monospace;transition:.25s;cursor:pointer;background:none;
}
.btn:hover{background:var(--gold);color:var(--bg);}
.btn-solid{background:var(--gold);color:var(--bg);border-color:var(--gold);}
.btn-solid:hover{background:var(--gold-soft);border-color:var(--gold-soft);}
.btn-ghost{border-color:var(--line-strong);color:var(--ivory-dim);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:none;}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:80;background:rgba(15,13,10,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.topbar{background:var(--bg-2);border-bottom:1px solid var(--line);font-size:.76rem;color:var(--ivory-dim);}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 32px;font-family:'JetBrains Mono',monospace;}
.topbar a:hover{color:var(--gold);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1180px;margin:0 auto;}
.logo{font-family:'Fraunces',serif;font-size:1.35rem;letter-spacing:.02em;font-weight:600;display:flex;align-items:center;gap:10px;}
.logo .rhomb{width:10px;height:10px;}
.logo span{color:var(--gold);}
.logo-icon{flex-shrink:0;transition:.3s;}
.logo:hover .logo-icon{transform:translateX(2px);}
.logo .sk{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--ivory-dim);letter-spacing:.06em;margin-left:2px;align-self:flex-end;margin-bottom:3px;}
.navlinks{display:flex;gap:32px;font-size:.87rem;}
.navlinks a{color:var(--ivory-dim);transition:color .2s;}
.navlinks a:hover,.navlinks a.active{color:var(--gold);}
.navcta{display:flex;align-items:center;gap:16px;font-size:.85rem;}
.phone{color:var(--gold);font-family:'JetBrains Mono',monospace;font-size:.82rem;}
@media(max-width:900px){.navlinks{display:none;}.topbar .wrap{flex-wrap:wrap;gap:6px;}}

.breadcrumb{font-family:'JetBrains Mono',monospace;font-size:.74rem;color:var(--ivory-dim);padding:22px 0;display:flex;gap:8px;flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{color:var(--line-strong);}

/* ---------- HERO ---------- */
.hero{padding:120px 0 100px;position:relative;overflow:hidden;}
.hero.with-image{
  background:linear-gradient(180deg,rgba(15,13,10,.4),var(--bg) 92%), var(--hero-img) center/cover;
}
.hero-inner{position:relative;z-index:2;}
.hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.06;max-width:840px;}
.hero h1 em{font-style:normal;color:var(--gold);}
.hero p.lede{max-width:560px;color:var(--ivory-dim);font-size:1.08rem;margin-top:24px;}
.hero-ctas{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;}
.hero-badges{display:flex;gap:38px;margin-top:64px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;}
.hero-badges div{font-size:.78rem;color:var(--ivory-dim);}
.hero-badges strong{display:block;font-family:'Fraunces',serif;font-size:1.5rem;color:var(--ivory);font-weight:500;}
.page-hero{padding:64px 0 50px;border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);}
.page-hero p{color:var(--ivory-dim);max-width:620px;margin-top:16px;}

/* ---------- SECTIONS shared ---------- */
.section{padding:100px 0;}
.section-alt{background:var(--bg-2);}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;flex-wrap:wrap;gap:20px;}
.section-head h2{font-size:2.2rem;max-width:600px;}
.section-head p{color:var(--ivory-dim);max-width:340px;font-size:.94rem;}

/* ---------- FEATURED PRODUCT CARDS (homepage hero products) ---------- */
.featured{display:grid;grid-template-columns:1.3fr 1fr;gap:2px;margin-bottom:2px;background:var(--line);}
.feat-card{background:var(--panel);padding:44px;position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;color:inherit;}
.feat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:.6s ease;z-index:0;}
.feat-card:hover img{opacity:.65;transform:scale(1.04);}
.feat-card .tag{
  position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--bg);background:var(--gold);padding:5px 10px;display:inline-block;width:fit-content;margin-bottom:18px;
}
.feat-card .content{position:relative;z-index:1;background:linear-gradient(0deg,rgba(15,13,10,.95),rgba(15,13,10,.2) 90%);margin:-44px;padding:44px;}
.feat-card h3{font-size:1.8rem;margin-bottom:10px;}
.feat-card p.desc{color:var(--ivory-dim);font-size:.92rem;max-width:420px;margin-bottom:20px;}
.feat-card .price{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:1.1rem;margin-bottom:20px;display:block;}
.feat-card .price small{color:var(--ivory-dim);font-size:.7rem;}
@media(max-width:900px){.featured{grid-template-columns:1fr;}.feat-card{min-height:320px;}}

/* ---------- SIMPLE PRODUCT CARD (homepage secondary grid) ---------- */
.card{transition:.25s;}
.card:hover{background:var(--panel-2) !important;}

/* ---------- COMPARE GRID (rombus variant comparison, responsive) ---------- */
.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;}
@media(max-width:860px){.compare-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.compare-grid{grid-template-columns:1fr;}}

/* ---------- MOBILE NAV FIX ---------- */
@media(max-width:640px){
  .topbar .wrap{justify-content:center;text-align:center;}
  .topbar span{display:none;}
  .navcta .phone{display:none;}
  .nav{padding:14px 20px;}
  .logo{font-size:1.1rem;}
  .btn{padding:10px 16px;font-size:.7rem;}
}
@media(max-width:380px){
  .logo .sk{display:none;}
}

.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);}
.cat-card{background:var(--panel);position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s;}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:.6s ease;}
.cat-card:hover img{opacity:.6;transform:scale(1.05);}
.cat-card .tag{position:relative;z-index:1;font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--gold);padding:4px 10px;display:inline-block;width:fit-content;margin:26px 26px 0;}
.cat-card .body{position:relative;z-index:1;background:linear-gradient(0deg,rgba(15,13,10,.96),rgba(15,13,10,.1) 95%);padding:30px 26px 26px;margin-top:auto;}
.cat-card h3{font-size:1.35rem;margin-bottom:8px;}
.cat-card p{color:var(--ivory-dim);font-size:.86rem;margin-bottom:12px;}
.cat-card .price-from{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:.9rem;}
.cat-card .arrow{position:absolute;top:26px;right:26px;z-index:1;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ivory);font-size:1rem;transition:.25s;}
.cat-card:hover .arrow{background:var(--gold);color:var(--bg);border-color:var(--gold);}
@media(max-width:900px){.cat-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.cat-grid{grid-template-columns:1fr;}}

.shop-notice{display:flex;gap:16px;align-items:flex-start;background:var(--panel);border-left:2px solid var(--gold);padding:22px 26px;margin-bottom:50px;}
.shop-notice .rhomb-outline{margin-top:6px;}
.shop-notice p{color:var(--ivory-dim);font-size:.92rem;margin:0;}
.shop-notice strong{color:var(--ivory);}

/* ---------- PRODUCT DETAIL ---------- */
.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:60px 0 20px;}
.gal-main{aspect-ratio:4/3;overflow:hidden;background:var(--panel);border:1px solid var(--line);}
.gal-main img{width:100%;height:100%;object-fit:cover;}
.gal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;}
.gal-thumbs img{aspect-ratio:1/1;object-fit:cover;cursor:pointer;opacity:.55;border:1px solid transparent;transition:.2s;}
.gal-thumbs img:hover,.gal-thumbs img.active{opacity:1;border-color:var(--gold);}

.product-info .kicker{display:flex;gap:10px;align-items:center;margin-bottom:14px;}
.badge{font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--line-strong);color:var(--ivory-dim);}
.badge.impreg{border-color:var(--gold);color:var(--gold);}
.product-info h1{font-size:2.1rem;margin-bottom:14px;line-height:1.15;}
.product-info .desc{color:var(--ivory-dim);margin-bottom:26px;}
.price-box{background:var(--panel);border:1px solid var(--line);padding:26px;margin-bottom:26px;}
.price-box .price-main{font-family:'JetBrains Mono',monospace;font-size:2rem;color:var(--gold);}
.price-box .price-main small{font-size:1rem;color:var(--ivory-dim);}
.price-box .price-note{font-size:.8rem;color:var(--ivory-dim);margin-top:6px;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px;}
.trust-mini{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;font-size:.78rem;color:var(--ivory-dim);}
.trust-mini div{display:flex;align-items:center;gap:8px;}

.spec-table{width:100%;border-collapse:collapse;margin:18px 0;}
.spec-table th,.spec-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.88rem;}
.spec-table th{color:var(--ivory-dim);font-weight:500;width:40%;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;}
.price-table{width:100%;border-collapse:collapse;margin:18px 0;}
.price-table th{background:var(--panel-2);text-align:left;padding:12px 16px;font-family:'JetBrains Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border-bottom:1px solid var(--line-strong);}
.price-table td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--ivory-dim);}
.price-table tr:last-child td{border-bottom:none;}
.price-table td.price-cell{color:var(--gold);font-family:'JetBrains Mono',monospace;}

.detail-tabs{margin-top:70px;}
.tab-block{padding:44px 0;border-top:1px solid var(--line);}
.tab-block h2{font-size:1.6rem;margin-bottom:20px;}
.tab-block p{color:var(--ivory-dim);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
@media(max-width:860px){.two-col{grid-template-columns:1fr;gap:26px;}.product-detail{grid-template-columns:1fr;gap:34px;}}

.note-box{border-left:2px solid var(--gold);background:var(--panel);padding:18px 22px;font-size:.88rem;color:var(--ivory-dim);margin-top:20px;}
.note-box strong{color:var(--gold);display:block;margin-bottom:6px;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;}
.note-box.warn{border-left-color:#c97a4a;}
.note-box.warn strong{color:#e0a276;}

.checklist{list-style:none;padding:0;margin:0;}
.checklist li{padding-left:22px;position:relative;margin-bottom:10px;color:var(--ivory-dim);font-size:.92rem;}
.checklist li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);}

.faq-item{border-top:1px solid var(--line);}
.faq-item:last-child{border-bottom:1px solid var(--line);}
.faq-item summary{padding:20px 0;cursor:pointer;font-family:'Fraunces',serif;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";color:var(--gold);font-size:1.3rem;font-family:'Inter',sans-serif;transition:.2s;}
.faq-item[open] summary::after{content:"–";}
.faq-item p{color:var(--ivory-dim);padding:0 0 22px;margin:0;font-size:.92rem;max-width:720px;}

.related{margin-top:20px;}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);}
.rel-card{background:var(--panel);padding:24px;transition:.2s;}
.rel-card:hover{background:var(--panel-2);}
.rel-card h4{font-size:1rem;margin-bottom:8px;font-weight:500;}
.rel-card .price-from{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:.85rem;}
@media(max-width:900px){.related-grid{grid-template-columns:1fr 1fr;}}

.wholesale-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--line-strong);padding:30px 34px;margin-top:60px;flex-wrap:wrap;}
.wholesale-cta h3{font-size:1.2rem;margin-bottom:6px;}
.wholesale-cta p{color:var(--ivory-dim);font-size:.88rem;max-width:460px;margin:0;}

/* ---------- WHOLESALE PAGE ---------- */
.tier-table{width:100%;border-collapse:collapse;margin:30px 0;}
.tier-table th{background:var(--panel-2);text-align:left;padding:16px 20px;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border-bottom:1px solid var(--line-strong);}
.tier-table td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--ivory-dim);}
.tier-table td.strong{color:var(--ivory);font-family:'JetBrains Mono',monospace;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);margin-top:40px;}
.step-card{background:var(--panel);padding:30px 26px;}
.step-card .n{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:.78rem;}
.step-card h4{font-size:1.05rem;margin:14px 0 8px;font-weight:500;}
.step-card p{color:var(--ivory-dim);font-size:.86rem;}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}

/* ---------- WHY / TIMELINE (shared home blocks) ---------- */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);margin-top:56px;}
.why-card{background:var(--panel);padding:34px 26px;}
.why-card .idx{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:.78rem;}
.why-card h4{font-size:1.08rem;margin:16px 0 10px;font-weight:500;}
.why-card p{color:var(--ivory-dim);font-size:.86rem;}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr;}}

.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);}
.stage{background:var(--panel);padding:0 0 30px;}
.stage img{width:100%;height:210px;object-fit:cover;}
.stage-body{padding:24px 28px 0;}
.stage .num{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:.76rem;letter-spacing:.1em;}
.stage h3{font-size:1.2rem;margin:10px 0;}
.stage p{color:var(--ivory-dim);font-size:.86rem;}
@media(max-width:900px){.timeline{grid-template-columns:1fr;}}

/* ---------- GALLERY (home) ---------- */
.gal-grid{columns:4 260px;column-gap:8px;}
.gal-grid figure{margin:0 0 8px;break-inside:avoid;position:relative;overflow:hidden;}
.gal-grid img{width:100%;transition:.5s;filter:grayscale(.15);}
.gal-grid figure:hover img{transform:scale(1.05);filter:grayscale(0);}
.gal-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(0deg,rgba(15,13,10,.92),transparent);font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--ivory);opacity:0;transition:.3s;}
.gal-grid figure:hover figcaption{opacity:1;}
@media(max-width:700px){.gal-grid{columns:2 160px;}}

/* ---------- CONTACT ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
.info-row{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);}
.info-row:last-child{border-bottom:1px solid var(--line);}
.info-row .k{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;width:130px;flex-shrink:0;}
.info-row .v{color:var(--ivory-dim);font-size:.92rem;}
form{display:flex;flex-direction:column;gap:14px;}
input,select,textarea{background:var(--panel);border:1px solid var(--line);color:var(--ivory);padding:14px 16px;font-family:'Inter',sans-serif;font-size:.92rem;width:100%;}
textarea{min-height:110px;resize:vertical;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);}
form .btn{align-self:flex-start;margin-top:6px;}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:40px;}}

/* ---------- SEO TEXT BLOCK ---------- */
.seo-text{padding:70px 0;border-top:1px solid var(--line);}
.seo-text h2{font-size:1.5rem;margin-bottom:18px;max-width:700px;}
.seo-text .seo-body{max-width:820px;color:var(--ivory-dim);font-size:.92rem;line-height:1.8;}
.seo-text .seo-body p{margin:0 0 14px;}
.seo-text .seo-body a{color:var(--gold);border-bottom:1px solid transparent;}
.seo-text .seo-body a:hover{border-color:var(--gold);}
.seo-text .seo-body strong{color:var(--ivory);}

footer{padding:60px 0 30px;border-top:1px solid var(--line);}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;}
footer h5{font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:16px;}
footer ul{list-style:none;padding:0;margin:0;}
footer li{margin-bottom:10px;font-size:.87rem;color:var(--ivory-dim);}
footer li a:hover{color:var(--ivory);}
.foot-bottom{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ivory-dim);border-top:1px solid var(--line);padding-top:22px;flex-wrap:wrap;gap:10px;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px;}}