@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--ink:#29291f;--paper:#e9e4d8;--cream:#f1eadb;--gold:#b68a3e;--pine:#1b211a;--muted:#777568;--line:rgba(166,130,70,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,72px);background:rgba(15,17,14,.94);color:var(--cream);border-bottom:1px solid rgba(204,165,95,.4);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:14px}.brand img{width:66px;height:66px;object-fit:contain}.brand span{font:600 17px 'Cinzel',serif;letter-spacing:.13em;color:#d5b16c}
.nav{display:flex;gap:26px;align-items:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.nav a:hover{color:#d9b66f}
.hero{min-height:370px;padding:80px clamp(22px,8vw,120px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(11,14,10,.84),rgba(11,14,10,.28)),url('../assets/cypress-swamp.jpg') center 48%/cover;color:#f2ead9}
.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#c5a05b;font-weight:700}.hero h1{font:400 clamp(42px,7vw,78px)/1.03 'Libre Baskerville',Georgia,serif;margin:18px 0 14px;max-width:850px}.hero h1 em{color:#d5ad60}.hero p{max-width:650px;line-height:1.8;color:#e0d9ca;font-size:15px}
.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head h2{font:400 clamp(30px,4vw,44px)/1.15 'Libre Baskerville',Georgia,serif;margin:10px 0}.section-head p{color:var(--muted);max-width:430px;line-height:1.7;font-size:13px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:rgba(255,255,255,.55);border:1px solid rgba(166,130,70,.28);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(43,38,26,.12)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#d8d0bf}.product-info{padding:19px}.tag{font-size:9px;letter-spacing:.18em;color:#98713a;text-transform:uppercase;font-weight:700}.product-info h3{font:400 24px 'Libre Baskerville',Georgia,serif;margin:9px 0}.product-info p{font-size:13px;line-height:1.65;color:#6d6a5d;min-height:64px}.view{display:inline-block;margin-top:8px;border-bottom:1px solid #a98443;padding-bottom:5px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8d682e}
.disclaimer{margin-top:28px;padding:16px 18px;background:rgba(255,255,255,.38);border-left:2px solid var(--gold);font-size:11px;line-height:1.7;color:#716d60}
.footer{background:#171a15;color:#c9c0ad;padding:30px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px 'Cinzel',serif;letter-spacing:.14em}.footer img{width:54px;height:54px;object-fit:contain}
.detail{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:70px 0}.detail img{width:100%;max-height:650px;object-fit:contain;background:#ddd6c7;border:1px solid var(--line)}.detail h1{font:400 clamp(38px,5vw,62px)/1.1 'Libre Baskerville',Georgia,serif;margin:12px 0}.detail .subtitle{font-size:17px;color:#9b7539}.detail p{line-height:1.8;color:#666456}.back{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8b682f;border-bottom:1px solid #b38b4c;padding-bottom:5px}.status{display:inline-block;padding:7px 10px;border:1px solid #b58b49;color:#8d682e;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin:12px 0}
@media(max-width:800px){.topbar{height:70px}.brand img{width:56px;height:56px}.brand span{font-size:13px}.nav{gap:12px;font-size:9px}.nav a:nth-child(n+3){display:none}.hero{min-height:340px;padding-top:60px;padding-bottom:60px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:13px}.product-info h3{font-size:18px}.product-info p{font-size:11px;min-height:75px}.section{padding:50px 0}.section-head{display:block}.detail{grid-template-columns:1fr;gap:24px;padding:35px 0}.detail img{max-height:460px}.footer{flex-wrap:wrap}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:40% 1fr}.product-card img{height:100%;min-height:180px;aspect-ratio:auto}.product-info p{min-height:0}.brand span{letter-spacing:.08em}}

/* V14 — shared header used on all product/category pages */
.site-topbar{height:82px;min-height:82px;padding:0 clamp(18px,5.5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:1100;background:rgba(7,9,7,.94);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border-bottom:1px solid rgba(214,177,111,.25)}
.site-brand{display:flex;align-items:center;gap:15px;min-width:0;text-decoration:none}
.site-brand img{width:66px!important;height:66px!important;max-height:none!important;object-fit:contain;display:block}
.site-brand span{font-family:'Cinzel','Libre Baskerville',serif;font-size:clamp(10px,1.15vw,13px);font-weight:600;letter-spacing:.16em;color:#d9b873;white-space:nowrap}
.site-menu-toggle{display:flex;flex:0 0 46px;width:46px;height:46px;padding:7px 5px;background:transparent;border:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.site-menu-toggle span{display:block;width:29px;height:1.5px;background:#d7b36c;transition:transform .2s ease,opacity .2s ease}
.site-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.site-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.site-menu{display:none;position:absolute;top:100%;right:clamp(14px,5.5vw,76px);width:min(310px,calc(100vw - 28px));padding:12px 22px 18px;background:rgba(10,12,9,.97);border:1px solid rgba(214,177,111,.32);box-shadow:0 18px 35px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.site-menu.open{display:flex;flex-direction:column}
.site-menu a{padding:15px 2px;color:#eee5d3;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.16em;border-bottom:1px solid rgba(214,177,111,.15)}
.site-menu a:last-child{border-bottom:0}
.site-menu a:hover{color:#d7b36c}
@media(max-width:800px){.site-topbar{height:76px;min-height:76px;padding:0 5.5%}.site-brand{gap:10px}.site-brand img{width:59px!important;height:59px!important}.site-brand span{font-size:9px;letter-spacing:.105em}.site-menu{right:14px}.nav{display:none}}
@media(max-width:370px){.site-brand{gap:7px}.site-brand img{width:52px!important;height:52px!important}.site-brand span{font-size:8px;letter-spacing:.07em}}


/* V16 — restore the V12 gold MSQTOGLADE wordmark in the top header only */
.site-brand-wordmark{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 62px)!important}
.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{
  display:block!important;width:clamp(225px,31vw,360px)!important;height:auto!important;
  max-width:100%!important;max-height:58px!important;min-width:0!important;min-height:0!important;
  object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))!important;
}
.site-brand-wordmark span{display:none!important}
@media(max-width:800px){
  .site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{
    width:min(69vw,300px)!important;max-height:52px!important;
  }
}
@media(max-width:370px){
  .site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{
    width:min(66vw,260px)!important;max-height:46px!important;
  }
}


/* V17 — larger left-aligned header wordmark, approximately half the viewport width */
.site-header,.site-topbar{
  min-height:112px!important;
  height:112px!important;
}
.site-header .site-brand-wordmark img,
.site-topbar .site-brand-wordmark img{
  width:clamp(270px,48vw,540px)!important;
  max-width:calc(100vw - 115px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-brand-wordmark{
  justify-content:flex-start!important;
  flex:1 1 auto!important;
}
@media(max-width:800px){
  .site-header,.site-topbar{
    min-height:100px!important;
    height:100px!important;
    padding:0 20px!important;
  }
  .site-header .site-brand-wordmark img,
  .site-topbar .site-brand-wordmark img{
    width:48vw!important;
    max-width:calc(100vw - 105px)!important;
    height:auto!important;
    max-height:none!important;
  }
}
@media(max-width:390px){
  .site-header,.site-topbar{min-height:88px!important;height:88px!important}
  .site-header .site-brand-wordmark img,
  .site-topbar .site-brand-wordmark img{
    width:47vw!important;
    max-width:calc(100vw - 100px)!important;
  }
}

/* V18 — reference-matched larger header wordmark */
.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{width:60vw!important;max-width:calc(100vw - 145px)!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
@media(min-width:801px){.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{width:min(48vw,540px)!important;max-width:calc(100vw - 190px)!important}}
@media(max-width:390px){.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{width:58vw!important;max-width:calc(100vw - 135px)!important}}

/* V19 flex-basis fix: old 58px basis was overriding the larger width */
.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{display:block!important;flex:0 1 60vw!important;width:60vw!important;min-width:0!important;max-width:calc(100vw - 145px)!important;height:auto!important;max-height:none!important}
@media(max-width:390px){.site-header .site-brand-wordmark img,.site-topbar .site-brand-wordmark img{flex-basis:58vw!important;width:58vw!important;max-width:calc(100vw - 135px)!important}}