/* Typography: Modern Outdoor (Archivo Black / Archivo / Work Sans, SIL OFL 1.1, self-hosted) */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/type/ArchivoBlack-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/type/WorkSans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/type/WorkSans-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/type/WorkSans-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/type/WorkSans-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/type/Archivo-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/type/Archivo-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/type/Archivo-800.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Type option 3: Modern outdoor: Archivo Black + Archivo + Work Sans (preview; loaded by ?type=3) */
:root{--hd:'Archivo Black',Arial Black,sans-serif;--bd:'Work Sans',Arial,sans-serif;--lb:Archivo,Arial,sans-serif}
body{font-family:var(--bd);font-weight:400;font-size:15px;line-height:1.55;letter-spacing:-.005em}
h1,h2,h3,.ct span,.story-txt h2,.info h1,.shop-head h1,.scd h3{font-family:var(--hd);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:.92}
.promo,.tools,#mainnav>a,.mmb,.mmc h6,.sec-h a,.kick,.strip b,.prod .tag,.eyebrow,.hero.ph .eyebrow,.cats a,.scd th,.mmf span,.shop-tools,.togglef{font-family:var(--lb);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.promo{font-size:11.5px}
#mainnav>a,.mmb{font-size:13px}
.tools{font-size:13px}
.hero.ph .eyebrow{font-size:14px;color:#fff;display:flex;align-items:center;gap:10px}.hero.ph .eyebrow::before{content:"";width:28px;height:3px;background:#c41e18}
.hero.ph h1{font-size:clamp(60px,8.6vw,136px);line-height:.9;letter-spacing:-.03em}
.sec-h h2{font-size:clamp(30px,3.4vw,46px)}
.sec-h h2[data-k]::before{content:attr(data-k);display:block;font-family:var(--lb);font-weight:700;font-size:12px;letter-spacing:.12em;color:#c41e18;margin-bottom:8px;line-height:1}
.ct span{font-size:21px}
.prod h4{font-family:var(--bd);font-weight:600;font-size:15px;text-transform:none;letter-spacing:-.005em;line-height:1.25}
.prod p{font-size:13.5px}.prod .pp{font-family:var(--lb);font-weight:700;font-size:16px;letter-spacing:.02em;color:#111}
.info h1{font-size:40px}.info .sub{font-size:14px;letter-spacing:.02em}
.info .price{font-family:var(--lb);font-weight:700;font-size:24px;letter-spacing:.02em}
.btn{font-family:var(--lb);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:16px}
.story-txt h2{font-size:clamp(48px,6vw,92px)}
.mmc a{font-family:var(--bd);font-weight:600}
.sizes legend,.swatches legend,.qtyrow{font-family:var(--lb);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.fit{font-size:14px}
@media (max-width:900px){.hero.ph h1{font-size:clamp(50px,14vw,70px)}body.navopen #mainnav .mmc a,body.navopen #mainnav>a{font-family:var(--hd);font-weight:400}.ct span{font-size:16px}.info h1{font-size:32px}}
.prod .pp{font-weight:800}
/* final fixes */
.sec-h{gap:16px}.sec-h a{white-space:nowrap;flex:none}
input,select,textarea,button{font-family:inherit}
@media (max-width:900px){.sec-h h2{font-size:28px}.shop-head h1{font-size:32px}}
.hero.ph h1{font-family:var(--hd);font-weight:400;text-transform:uppercase}
.shop-head .count{font-family:var(--bd)}

.appbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;gap:12px;background:#111;color:#fff;padding:12px 12px 12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:520px;margin:0 auto;border-left:4px solid #c41e18}
.appbar img{width:40px;height:40px}.appbar-t{flex:1;font-size:13px;line-height:1.3}.appbar-t b{display:block;font-family:var(--lb);text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.appbar-go{background:#c41e18;color:#fff;padding:10px 16px;font-size:13px}.appbar-x{background:none;border:0;color:#fff;font-size:24px;line-height:1;padding:4px 6px}

/* Home hero (option D): logo + brand line + Shop, HOLD THE LINE across the bottom */
.hero.ph.hero-d .hero-copy{bottom:clamp(150px,17vw,220px)}
.hero.ph.hero-d .hlogo{display:block;width:clamp(240px,21vw,310px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));margin:0 0 14px}
.hero.ph.hero-d .brandline{font-family:var(--hd);text-transform:uppercase;color:#fff;font-size:clamp(26px,2.4vw,36px);letter-spacing:.07em;line-height:1.1;margin:0 0 22px;text-shadow:0 2px 16px rgba(0,0,0,.8)}
.hero.ph.hero-d .brandline::after{content:"";display:block;width:64px;height:4px;background:#c41e18;margin-top:12px}
.hero.ph.hero-d .hband{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:0 48px 28px;color:#fff;font-family:var(--hd);font-weight:400;text-transform:uppercase;text-align:left;font-size:clamp(56px,9.6vw,150px)!important;letter-spacing:-.01em;line-height:.9!important;white-space:nowrap;text-shadow:0 4px 28px rgba(0,0,0,.75),0 2px 4px rgba(0,0,0,.6)}
.hero.ph.hero-d::after{background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 32%,transparent 55%)!important}
@media (max-width:900px){
 .hero.ph.hero-d .hero-copy{bottom:88px}
 .hero.ph.hero-d .hlogo{width:170px;margin-bottom:10px}
 .hero.ph.hero-d .brandline{font-size:20px;margin-bottom:16px}
 .hero.ph.hero-d .hband{font-size:clamp(36px,11.2vw,58px)!important;padding:0 16px 22px;letter-spacing:-.015em}
}