:root { --brown:#542719; --cream:#f1e3cb; --gold:#f4d4a8; }
body { background: var(--cream); color: #592c21; }
.demo-note { background: #e4c9a7; font-weight: 500; }
.site-head { background: #f1e3cb; border-bottom: 1px solid #b94b31; }
.brand { font-family: 'Archivo Black', sans-serif; font-weight: 900; font-size: clamp(28px,2.7vw,43px); letter-spacing: -.09em; color: #a33a27; }
.head-action { border-color: #a33a27; }
.hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; color: #fff5e5; background: #ae3d28; }
.hero > img { position: static; order: 2; width: 100%; height: clamp(260px,37vw,470px); object-fit: cover; object-position: 50% 56%; filter: saturate(.82); }
.hero-shade { display: none; }
.hero-copy { order: 1; max-width: 1450px; width: 100%; padding: clamp(48px,5vw,75px) clamp(22px,7vw,120px) clamp(38px,4vw,58px); }
.hero .eyebrow { color: #f4d4a8; }
.hero h1 { max-width: 12ch; font-family: 'Archivo Black',sans-serif; font-weight: 900; font-size: clamp(4.4rem,7.5vw,8rem); line-height: .9; letter-spacing: -.075em; }
.hero-copy > p:not(.eyebrow) { max-width: 44ch; line-height: 1.65; }
.button { background: #f4ddba; color: #7b2d20; font-family: 'Space Mono',monospace; }
.button:hover { background: white; }
.hero-foot { position: static; order: 3; display: flex; padding: 15px clamp(22px,7vw,120px); background: #782a20; border: 0; color: #f7e5cc; font: 11px 'Space Mono',monospace; }
.story { background: #f1e3cb; }
.story .eyebrow,.products .eyebrow,.visit .eyebrow { color: #a33a27; }
.story h2,.products h2,.visit h2 { font-family: 'Archivo Black',sans-serif; font-weight: 900; letter-spacing: -.06em; line-height: .98; }
.story h2 em { color: #aa412d; font-style: normal; }
.products { background: #e1d0b4; }
.product-grid { gap: 0; border-top: 2px solid #92402c; }
.product-grid article { border-top: 0; border-right: 1px solid #b89678; padding: 20px 25px 10px; }
.product-grid article:first-child { padding-left: 0; }
.product-grid article:last-child { border: 0; }
.product-grid h3 { font-family: 'Archivo Black',sans-serif; font-weight: 900; font-size: clamp(1.7rem,2.3vw,2.8rem); letter-spacing: -.04em; }
.visit { background: #752c21; color: #f9efde; }
.visit h2 em { color: #f4d4a8; }
footer { background: #f1e3cb; }
@media (max-width: 750px) {
  .hero h1 { font-size: clamp(2.8rem,11.5vw,4.2rem); }
  .hero > img { height: 300px; }
  .hero-foot { font-size: 8px; }
  .product-grid article,.product-grid article:first-child { border-right: 0; border-bottom: 1px solid #b89678; padding: 23px 0; }
}