:root{
  --crate:#6B4226;
  --crate-dark:#33200F;
  --wheat:#C9971F;
  --wheat-light:#E8C468;
  --cream:#F5EEDC;
  --paper:#FFFCF6;
  --ink:#2A1D12;
  --ink-soft:#6B5A48;
  --line:rgba(51,32,15,0.14);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Karla',sans-serif;
  background:var(--cream);
  color:var(--ink);
  line-height:1.65;
  font-size:16px;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,.display{
  font-family:'Oswald',sans-serif;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:var(--crate-dark);
  line-height:1.15;
  font-weight:600;
}
.mono{font-family:'IBM Plex Mono',monospace;}
[lang="gu"]{font-family:'Hind Vadodara','Karla',sans-serif;}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:0.78rem;
  color:var(--wheat);
  font-weight:600;
}
/* header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(245,238,220,0.94);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 28px;max-width:1120px;margin:0 auto;gap:20px;
}
.brand{display:flex;align-items:center;gap:12px;}
.brand img{width:44px;height:44px;object-fit:contain;}
.brand-text .display{font-size:1.05rem;letter-spacing:0.03em;}
.brand-text small{
  display:block;font-family:'IBM Plex Mono',monospace;
  font-size:0.68rem;letter-spacing:0.06em;color:var(--ink-soft);
  text-transform:uppercase;margin-top:2px;
}
.nav-links{display:flex;gap:26px;font-size:0.88rem;font-weight:600;letter-spacing:0.02em;}
.nav-links a{opacity:0.82;border-bottom:2px solid transparent;padding-bottom:3px;transition:opacity .15s, border-color .15s;}
.nav-links a:hover{opacity:1;border-color:var(--wheat);}
.nav-links a.active{opacity:1;border-color:var(--wheat);}
.header-cta{display:flex;gap:10px;}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:3px;font-weight:700;font-size:0.85rem;
  letter-spacing:0.03em;text-transform:uppercase;
  border:1.5px solid transparent;transition:transform .15s, box-shadow .15s;
}
.btn:hover{transform:translateY(-1px);}
.btn-solid{background:var(--wheat);color:var(--crate-dark);}
.btn-solid:hover{box-shadow:0 6px 16px rgba(201,151,31,0.35);}
.btn-outline{border-color:var(--crate);color:var(--crate-dark);}
.btn-line{border-color:rgba(245,238,220,0.4);color:var(--cream);}
.btn-line:hover{border-color:var(--wheat);}

/* mobile nav toggle */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--crate-dark);margin:5px 0;}

/* hero */
.hero{
  background-color:var(--crate-dark);
  background-image:repeating-linear-gradient(135deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 2px, transparent 2px, transparent 42px);
  color:var(--cream);
  padding:86px 0 76px;
}
.hero h1{
  color:var(--cream);
  font-size:clamp(2.1rem, 5vw, 3.4rem);
  margin:14px 0 20px;
  max-width:16ch;
}
.hero h1 em{color:var(--wheat-light);font-style:normal;}
.hero p{max-width:52ch;color:rgba(245,238,220,0.82);font-size:1.05rem;margin-bottom:30px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px;}
.dealer-pills{display:flex;gap:10px;flex-wrap:wrap;}
.pill{
  font-family:'IBM Plex Mono',monospace;font-size:0.72rem;letter-spacing:0.06em;
  text-transform:uppercase;border:1px solid rgba(245,238,220,0.35);
  padding:6px 12px;border-radius:20px;color:rgba(245,238,220,0.85);
}

/* sections */
.section{padding:78px 0;}
.section-paper{background:var(--paper);}
.section-head{max-width:640px;margin-bottom:44px;}
.section-head h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-top:10px;}
.section-head p{color:var(--ink-soft);margin-top:14px;font-size:1.02rem;}

/* about stats */
.stats-row{display:flex;gap:0;margin-top:40px;border-top:1px solid var(--line);}
.stat{flex:1;padding:24px 20px 0;border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .num{font-family:'Oswald',sans-serif;font-size:2.1rem;color:var(--wheat);font-weight:600;}
.stat .label{font-size:0.85rem;color:var(--ink-soft);margin-top:4px;}

/* product cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px;}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:6px;
  padding:28px 24px;position:relative;
}
.card .tag{
  font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--wheat);display:block;margin-bottom:10px;
}
.card h3{font-size:1.15rem;margin-bottom:10px;}
.card p{color:var(--ink-soft);font-size:0.95rem;}

.text-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:28px;
  font-weight:700;font-size:0.92rem;color:var(--crate-dark);
  border-bottom:2px solid var(--wheat);padding-bottom:3px;
}
.text-link:hover{color:var(--wheat);}

/* brand stamps - signature element */
.stamp-row{display:flex;gap:38px;flex-wrap:wrap;margin-top:46px;align-items:flex-start;}
.stamp{
  width:148px;height:148px;border-radius:50%;
  border:3px double var(--crate);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:var(--crate);position:relative;flex-shrink:0;
}
.stamp .s-small{font-family:'IBM Plex Mono',monospace;font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;}
.stamp .s-big{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.25rem;text-transform:uppercase;margin:4px 0;letter-spacing:0.02em;}
.stamp:nth-child(1){transform:rotate(-7deg);}
.stamp:nth-child(2){transform:rotate(5deg);}
.stamp:nth-child(3){transform:rotate(-3deg);}

/* why choose */
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;margin-top:10px;}
.why-item{display:flex;gap:14px;align-items:flex-start;}
.why-mark{
  width:26px;height:26px;background:var(--wheat);color:var(--crate-dark);
  flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:0.85rem;margin-top:2px;border-radius:2px;
}
.why-item h3{font-size:1.02rem;margin-bottom:5px;}
.why-item p{color:var(--ink-soft);font-size:0.93rem;}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:10px;align-items:start;}
.contact-block h3{
  font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:0.75rem;
  letter-spacing:0.08em;color:var(--wheat);margin-bottom:6px;font-weight:600;
}
.contact-block p, .contact-block a{display:block;margin-bottom:18px;font-size:1rem;}
.contact-block iframe{width:100%;height:280px;border:1px solid var(--line);border-radius:6px;filter:sepia(12%);}

/* footer */
.site-footer{background:var(--crate-dark);color:rgba(245,238,220,0.82);padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(245,238,220,0.14);}
.footer-brand{display:flex;gap:12px;align-items:flex-start;}
.footer-brand img{width:42px;height:42px;object-fit:contain;}
.footer-brand .display{color:var(--cream);font-size:1rem;}
.footer-brand p{color:rgba(245,238,220,0.6);font-size:0.88rem;margin-top:10px;max-width:28ch;}
.footer-col h4{
  font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:0.72rem;
  letter-spacing:0.09em;color:var(--wheat-light);margin-bottom:14px;
}
.footer-col a, .footer-col li{display:block;font-size:0.92rem;margin-bottom:10px;color:rgba(245,238,220,0.75);list-style:none;}
.footer-col a:hover{color:var(--wheat-light);}

/* ledger stamp block */
.ledger{
  margin:34px 0;padding:22px 24px;border:1px dashed rgba(245,238,220,0.3);
  border-radius:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px;
}
.ledger div span{
  display:block;font-family:'IBM Plex Mono',monospace;font-size:0.66rem;
  text-transform:uppercase;letter-spacing:0.08em;color:var(--wheat-light);margin-bottom:4px;
}
.ledger div strong{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:0.86rem;color:var(--cream);}
.footer-bottom{
  padding:20px 0 26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:0.82rem;color:rgba(245,238,220,0.55);
}

/* legal pages */
.legal-hero{background:var(--crate-dark);color:var(--cream);padding:50px 0 40px;}
.legal-hero .crumb{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:rgba(245,238,220,0.6);}
.legal-hero h1{color:var(--cream);font-size:clamp(1.8rem,4vw,2.6rem);margin-top:10px;}
.legal-hero .updated{margin-top:12px;color:rgba(245,238,220,0.65);font-size:0.9rem;}
.legal-hero .sub{margin-top:14px;color:rgba(245,238,220,0.82);font-size:1.02rem;max-width:58ch;}
.legal-body{max-width:760px;padding:60px 28px;margin:0 auto;}
.legal-body h2{font-size:1.2rem;margin:38px 0 12px;padding-top:6px;}
.legal-body h2:first-child{margin-top:0;}
.legal-body p{margin-bottom:14px;color:var(--ink-soft);}
.legal-body ul{margin:0 0 14px 20px;color:var(--ink-soft);}
.legal-body li{margin-bottom:6px;}
.legal-contact{
  background:var(--paper);border:1px solid var(--line);border-radius:6px;
  padding:22px 24px;margin-top:10px;
}
.legal-contact strong{color:var(--crate-dark);}

/* products catalogue */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px;}
.cat-card{
  background:var(--paper);border:1px solid var(--line);border-radius:6px;
  padding:26px 26px 24px;
}
.cat-card .cat-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;margin-bottom:18px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding-bottom:14px;
}
.cat-card h3{font-size:1.05rem;}
.cat-card .count{
  font-family:'IBM Plex Mono',monospace;font-size:0.68rem;letter-spacing:0.06em;
  text-transform:uppercase;color:var(--wheat);white-space:nowrap;
}
.item-list{display:flex;flex-wrap:wrap;gap:9px;}
.item-chip{
  font-family:'Hind Vadodara','Karla',sans-serif;
  font-size:0.96rem;color:var(--ink);
  background:var(--cream);border:1px solid var(--line);
  padding:7px 14px;border-radius:20px;line-height:1.3;
}
.catalogue-note{
  background:var(--paper);border:1px dashed var(--crate);border-radius:6px;
  padding:20px 24px;margin:8px 0 46px;font-size:0.94rem;color:var(--ink-soft);
}
.catalogue-note strong{color:var(--crate-dark);}
.products-cta{
  text-align:center;padding:64px 0;
}
.products-cta h2{margin-bottom:14px;}
.products-cta p{color:var(--ink-soft);margin-bottom:26px;max-width:52ch;margin-left:auto;margin-right:auto;}
.products-cta .hero-actions{justify-content:center;}

/* 404 page */
.error-page{padding:130px 0 120px;text-align:center;}
.error-page .code{
  font-family:'Oswald',sans-serif;font-size:5rem;color:var(--wheat);
  font-weight:700;line-height:1;
}
.error-page h1{margin-top:12px;}
.error-page p{color:var(--ink-soft);margin:16px auto 30px;max-width:44ch;font-size:1.02rem;}
.error-page .hero-actions{justify-content:center;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}
@media(max-width:760px){
  .nav-links,.header-cta{display:none;}
  .nav-toggle{display:block;}
  .grid-3{grid-template-columns:1fr;}
  .why-list{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .ledger{grid-template-columns:1fr;}
  .stats-row{flex-wrap:wrap;}
  .stat{flex:1 1 45%;border-right:none;border-bottom:1px solid var(--line);padding-bottom:16px;}
  .cat-grid{grid-template-columns:1fr;}
}