/* 33 Degrees · Fight Camp theme */
[hidden]{display:none!important}
@font-face{font-family:"Saira Stencil One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/saira-stencil-one-400.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/chakra-petch-400.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/chakra-petch-500.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/chakra-petch-600.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/chakra-petch-700.woff2) format("woff2")}
:root{
  --ink:#0e0f0d; --panel:#111310; --card:#151812; --card2:#1a1e16; --line:#2a2e24; --line2:#3a3f32;
  --olive:#3b4130; --olive2:#1c2018; --bone:#d9d2bd; --muted:#9b977f; --dim:#6f6c5d; --red:#e03020; --red2:#c22816;
  --display:"Saira Stencil One",Impact,"Arial Black",sans-serif;
  --tech:"Chakra Petch",ui-monospace,"Segoe UI",sans-serif;
  --pad:clamp(20px,4.2vw,60px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--tech);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:1440px;margin:0 auto}
.eyebrow{font-family:var(--tech);font-weight:600;color:var(--red);letter-spacing:.22em;font-size:12px;text-transform:uppercase;margin:0 0 14px}
.h-display{font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:.01em;text-transform:uppercase;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--bone);background:transparent;padding:15px 26px;font-family:var(--tech);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:var(--bone);min-height:44px}
.btn:hover{background:var(--bone);color:var(--ink)}
.btn-red{background:var(--red);border-color:var(--red);color:#120a08}
.btn-red:hover{background:var(--red2);border-color:var(--red2);color:#120a08}
.btn-bone{background:var(--bone);border-color:var(--bone);color:var(--ink)}
.btn-bone:hover{background:#efe8d2}
.ph{border:1px dashed var(--line2);color:var(--muted);padding:1px 6px;font-size:.85em;letter-spacing:.06em}
.ph-flag{display:inline-block;font-size:10px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#120a08;background:var(--bone);padding:2px 7px}
/* top strip + header */
.strip{background:var(--olive);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.strip .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:7px;padding-bottom:7px}
.preview-bar{background:#2a0f0a;color:#f2c9bf;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:5px 12px}
.hdr{background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:20}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--tech);font-weight:700;font-size:20px;letter-spacing:.14em}
.brand img{width:30px;height:auto}
.nav{display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:10px 2px;display:inline-block}
.nav a:hover,.nav a[aria-current="page"]{color:var(--red)}
.cart-btn{background:var(--red);border:0;color:#120a08;font-weight:700;font-size:12px;letter-spacing:.2em;padding:10px 18px;min-height:40px;cursor:pointer;text-transform:uppercase}
.cart-btn:hover{background:var(--red2)}
/* hero */
.grid-bg{background-color:var(--panel);background-image:linear-gradient(rgba(217,210,189,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(217,210,189,.035) 1px,transparent 1px);background-size:44px 44px}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-top:72px;padding-bottom:84px}
.hero h1{font-size:clamp(56px,7.2vw,104px)}
.hero h1 .red{color:var(--red);display:block}
.hero p.lede{color:#c9c3ad;max-width:30em;font-size:17px;margin:28px 0 30px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px}
.bracket{position:relative}
.bracket::before,.bracket::after{content:"";position:absolute;width:16px;height:16px;border-color:var(--red);border-style:solid;pointer-events:none}
.bracket::before{top:-6px;left:-6px;border-width:3px 0 0 3px}
.bracket::after{bottom:-6px;right:-6px;border-width:0 3px 3px 0}
.board{background:var(--olive2);border:1px solid var(--line2);padding:22px 26px 8px}
.board-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-weight:600}
.board-logo{width:min(190px,48%);margin:22px auto 26px}
.board ol{list-style:none;margin:0;padding:0}
.board li{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:14px 0;border-top:1px solid var(--line2);font-size:14px;align-items:center}
.board li a{text-decoration:none}
.board li a:hover{color:var(--red)}
.board .ph-n{color:var(--red);font-weight:700;letter-spacing:.14em;font-size:12px}
.board .pr{color:var(--muted)}
/* marquee */
.marquee{background:var(--red);color:#120a08;overflow:hidden;white-space:nowrap;border-block:1px solid #8f1d10}
.marquee-track{display:inline-flex;animation:mq 38s linear infinite;will-change:transform}
.marquee span{font-family:var(--display);font-size:clamp(22px,2.6vw,34px);padding:8px 0;letter-spacing:.01em;text-transform:uppercase}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
/* sections */
.sec{padding:84px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(40px,4.4vw,58px)}
.link-u{font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:5px}
.link-u:hover{color:var(--red)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pcard{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s}
.pcard:hover{border-color:var(--red)}
.pcard-top,.pcard-bot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px}
.pcard-top{font-size:11px;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);font-weight:600}
.pcard-img{aspect-ratio:1/0.82;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 55%,#2a2f24 0%,#171a13 62%);overflow:hidden;position:relative}
.pcard-img img{width:80%;height:92%;object-fit:contain}
.pcard-bot{border-top:1px solid var(--line);padding:16px 14px;min-height:58px}
.pcard-name{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.price{font-family:var(--display);color:var(--red);font-size:20px;letter-spacing:.02em;white-space:nowrap}
.tag-concept{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.18em;font-weight:700;background:var(--bone);color:var(--ink);padding:2px 7px}
/* fighter files */
.files{background:var(--olive2);border-block:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fcard{border:1px solid var(--line2);background:#101210}
.fphoto{aspect-ratio:1.33/1;background:#1b1f17;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:12px;letter-spacing:.16em;position:relative}
.stamp{position:absolute;top:12px;right:14px;border:2px solid var(--red);color:var(--red);font-weight:700;font-size:11px;letter-spacing:.16em;padding:2px 8px;transform:rotate(-6deg);text-transform:uppercase}
.fcard dl{margin:0;padding:14px 16px 16px;display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:12px}
.fcard dt{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.fcard dd{margin:0;color:#cfc9b2}
.note-ph{margin-top:18px;font-size:12px;color:var(--muted);letter-spacing:.06em}
/* quote + enlist */
.quote{border:1px solid #7a2a1e;padding:34px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.quote h2{font-size:clamp(30px,3vw,40px)}
.quote p{margin:10px 0 0;color:#c9c3ad;max-width:36em}
.enlist{display:grid;grid-template-columns:auto 1fr auto;gap:12px 20px;align-items:center;margin-top:38px}
.enlist label{font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.enlist input{background:#151812;border:1px solid var(--line2);padding:12px 14px;min-height:44px;width:100%}
.enlist input::placeholder{color:var(--dim)}
.form-msg{grid-column:1/-1;font-size:13px;color:var(--muted);min-height:1.2em;margin:0}
.band{background:var(--olive2);border-top:1px solid var(--line)}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:44px;padding-bottom:44px;flex-wrap:wrap}
.band h2{font-size:clamp(28px,2.8vw,38px)}
.band p{margin:8px 0 0;color:#c9c3ad}
/* footer */
.ftr{background:#0b0c0a;border-top:1px solid var(--line);padding:46px 0 40px;font-size:13px}
.ftr .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}
.ftr h3{font-size:12px;letter-spacing:.22em;margin:0 0 12px;font-weight:700}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:var(--muted)}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--red)}
.ftr .fbrand img{width:44px;margin-bottom:12px}
.ftr .fbrand p{margin:0;color:var(--muted);letter-spacing:.14em;font-size:11px;text-transform:uppercase}
.ftr-legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;color:var(--dim);font-size:11px;letter-spacing:.08em}
/* shop */
.crumb{font-size:11px;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin:0 0 14px;font-weight:600}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--red)}
.shop-hero{border-bottom:1px solid var(--line)}
.shop-hero .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:44px;padding-bottom:40px;flex-wrap:wrap}
.shop-hero h1{font-size:clamp(56px,8.4vw,120px)}
.shop-hero p{color:#c9c3ad;margin:16px 0 0}
.stats{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));border:1px solid var(--line2)}
.stats div{padding:10px 18px 12px;border-left:1px solid var(--line2)}
.stats div:first-child{border-left:0}
.stats span{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.stats b{font-family:var(--display);font-weight:400;font-size:24px}
.stats .red{color:var(--red)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:26px 0 22px}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{background:transparent;border:1px solid var(--line2);padding:10px 14px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;min-height:40px}
.filters button:hover{border-color:var(--bone)}
.filters button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#120a08}
.sort{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.sort select{background:#151812;border:1px solid var(--line2);padding:8px 10px;letter-spacing:.04em;text-transform:none;font-size:13px;color:var(--bone);min-height:40px}
.chip{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:.12em;border:1px solid var(--line2);padding:4px 10px;margin:0 0 16px;text-transform:uppercase}
.chip button{background:none;border:0;cursor:pointer;color:var(--red);font-weight:700}
.empty{color:var(--muted);padding:40px 0}
/* product */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-top:28px;padding-bottom:70px;align-items:start}
.gallery-main{border:1px solid var(--line2);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.gallery-main img{width:86%;height:86%;object-fit:contain}
.gallery-tag{position:absolute;top:12px;right:14px;font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600;text-transform:uppercase}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.thumbs button{background:#151812;border:1px solid var(--line2);aspect-ratio:1/1;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.thumbs button[aria-pressed="true"]{border-color:var(--red)}
.thumbs img{width:100%;height:78%;object-fit:contain}
.thumbs span{font-size:9px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.pdp h1{font-size:clamp(44px,4.6vw,66px);margin-top:4px}
.price-row{display:flex;gap:14px;align-items:center;margin:20px 0 18px;flex-wrap:wrap}
.price-row .price{font-size:28px}
.tag-box{border:1px solid var(--line2);font-size:11px;letter-spacing:.18em;padding:4px 10px;font-weight:600;text-transform:uppercase}
.pdp .desc{color:#c9c3ad;margin:0 0 22px}
.opt-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.opt-label a,.opt-label button{background:none;border:0;border-bottom:1px solid var(--bone);padding:0 0 2px;cursor:pointer;text-decoration:none;font-weight:700;letter-spacing:.2em;font-size:11px}
.swatches{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.swatches button{width:44px;height:44px;border:1px solid var(--line2);cursor:pointer;padding:0}
.swatches button[aria-pressed="true"]{outline:2px solid var(--red);outline-offset:2px}
.sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:22px}
.sizes button{background:transparent;border:1px solid var(--line2);min-height:44px;font-weight:700;font-size:12px;letter-spacing:.12em;cursor:pointer}
.sizes button[aria-pressed="true"]{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.sizes small{display:block;font-size:9px;letter-spacing:.06em;font-weight:500;opacity:.8}
.size-note{font-size:12px;color:var(--muted);margin:-12px 0 20px}
.add{width:100%;padding:18px;font-size:14px}
.added{font-size:13px;color:var(--muted);min-height:1.3em;margin:10px 0 0}
.specs{border:1px solid var(--line2);margin-top:26px}
.specs h2{margin:0;background:var(--olive);font-size:12px;letter-spacing:.22em;padding:10px 14px;font-weight:700}
.specs table{width:100%;border-collapse:collapse;font-size:13px}
.specs th{text-align:left;font-weight:600;letter-spacing:.2em;color:var(--muted);padding:11px 14px;width:34%;text-transform:uppercase;font-size:12px}
.specs td{padding:11px 14px;color:#cfc9b2}
.specs tr+tr th,.specs tr+tr td{border-top:1px solid var(--line)}
/* cart drawer */
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--panel);border-left:1px solid var(--line2);z-index:90;display:flex;flex-direction:column}
.drawer[hidden],.drawer-bg[hidden]{display:none}
.drawer-hd{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer-hd h2{font-size:28px}
.x{background:none;border:1px solid var(--line2);width:40px;height:40px;cursor:pointer;font-size:18px}
.drawer-items{flex:1;overflow:auto;padding:6px 20px;list-style:none;margin:0}
.ditem{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
.ditem img{width:64px;height:64px;object-fit:contain;background:#1b1f17}
.ditem .nm{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.ditem .meta{font-size:12px;color:var(--muted)}
.qty{display:flex;gap:4px;align-items:center;margin-top:6px}
.qty button{width:30px;height:30px;background:none;border:1px solid var(--line2);cursor:pointer}
.rm{background:none;border:0;color:var(--muted);font-size:11px;letter-spacing:.14em;cursor:pointer;text-decoration:underline;padding:4px 0}
.drawer-ft{padding:18px 20px;border-top:1px solid var(--line)}
.drawer-ft .tot{display:flex;justify-content:space-between;font-weight:700;letter-spacing:.14em;margin-bottom:12px}
.drawer-ft .btn{width:100%}
.drawer-ft .btn[disabled]{opacity:.85;cursor:not-allowed;background:var(--line2);border-color:var(--line2);color:var(--bone)}
.drawer-ft p{font-size:12px;color:var(--muted);margin:10px 0 0}
/* dialog */
dialog.ph-dialog{background:var(--panel);color:var(--bone);border:1px solid var(--line2);max-width:440px;padding:24px}
dialog.ph-dialog::backdrop{background:rgba(0,0,0,.6)}
dialog.ph-dialog h2{font-size:26px;margin-bottom:10px}
/* 404 */
.nf{padding:120px 0;text-align:left}
.nf h1{font-size:clamp(60px,10vw,140px)}
/* responsive */
@media (max-width:1020px){
  .hero .wrap{grid-template-columns:1fr;gap:56px}
  .pgrid,.fgrid{grid-template-columns:repeat(2,1fr)}
  .pdp{grid-template-columns:1fr}
  .ftr .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .hdr .wrap{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:16px}
  .nav{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:24px;row-gap:0}
  .nav a{padding:6px 0}
  .strip .wrap{font-size:10px;letter-spacing:.16em}
  .hero .wrap{padding-top:44px;padding-bottom:56px}
  .hero p.lede{font-size:15px}
  .hero .ctas{flex-direction:column;align-items:flex-start}
  .board{padding:18px 16px 4px}
  .board li{grid-template-columns:88px 1fr auto;font-size:13px}
  .pgrid,.fgrid{grid-template-columns:1fr}
  .sec{padding:60px 0}
  .quote{padding:28px 22px}
  .enlist{grid-template-columns:1fr}
  .enlist .btn{justify-self:start}
  .ftr .wrap{grid-template-columns:1fr}
  .shop-hero .wrap{flex-direction:column;align-items:flex-start}
  .stats{width:100%}
  .sizes{grid-template-columns:repeat(6,1fr)}
  .sizes button{font-size:11px;letter-spacing:.04em}
  .thumbs{grid-template-columns:repeat(3,1fr)}
}
/* ===== Industrial pass (Oct 27): self-made CSS/SVG textures, no images of people ===== */
:root{--hivis:#ff6a13;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .85 0 0 0 0 .82 0 0 0 0 .74 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --weave:repeating-linear-gradient(0deg,rgba(217,210,189,.028) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);
  --brushed:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 2px,rgba(0,0,0,.05) 2px 3px);
  --plate:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' stroke='%23d9d2bd' stroke-opacity='.07' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 10 L10 4'/%3E%3Cpath d='M18 24 L24 18'/%3E%3Cpath d='M18 4 L24 10'/%3E%3Cpath d='M4 18 L10 24'/%3E%3C/g%3E%3C/svg%3E");
}
.tex-canvas{background-color:#1a1d16;background-image:var(--noise),var(--weave)}
.tex-steel{background-color:#121411;background-image:var(--noise),var(--brushed),linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18))}
.tex-plate{background-color:#161813;background-image:var(--plate),var(--noise)}
.hero.tex-steel.grid-bg{background-image:linear-gradient(rgba(217,210,189,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(217,210,189,.03) 1px,transparent 1px),var(--noise),var(--brushed);background-size:44px 44px,44px 44px,160px 160px,auto}
.shop-hero.tex-steel.grid-bg{background-image:linear-gradient(rgba(217,210,189,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(217,210,189,.03) 1px,transparent 1px),var(--noise),var(--brushed);background-size:44px 44px,44px 44px,160px 160px,auto}
.hazard{height:8px;background:repeating-linear-gradient(-45deg,var(--hivis) 0 12px,#0e0f0d 12px 24px);opacity:.9}
.h-display{text-shadow:0 1px 0 rgba(0,0,0,.35)}
.aud-chips{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 26px}
.aud-chip{font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px dashed var(--line2);padding:8px 12px;min-height:40px;display:inline-flex;align-items:center}
.aud-chip:hover{border-color:var(--hivis);color:var(--hivis)}
.board{position:relative}
.board-stamp{top:auto;bottom:-14px;right:18px;background:var(--ink);border-color:var(--hivis);color:var(--hivis)}
.stamp{font-family:var(--display);font-weight:400;letter-spacing:.08em}
/* shop by who you are */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.who-tile{position:relative;border:1px solid var(--line2);text-decoration:none;display:flex;flex-direction:column;min-height:420px;overflow:hidden;transition:border-color .15s}
.who-tile:hover{border-color:var(--red)}
.who-tile img{width:78%;height:260px;object-fit:contain;margin:30px auto 0;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}
.who-stamp{position:absolute;top:16px;left:16px;font-family:var(--display);font-size:13px;letter-spacing:.2em;border:2px solid var(--red);color:var(--red);padding:2px 10px;transform:rotate(-4deg);text-transform:uppercase}
.who-bot{margin-top:auto;padding:16px 18px 18px;border-top:1px solid var(--line2);background:rgba(10,11,9,.72);display:grid;gap:6px}
.who-h{font-size:40px}
.who-line{color:#c9c3ad;font-size:14px}
.who-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-weight:600}
.who-meta b{color:var(--bone)}
.who-tile:hover .who-meta b{color:var(--red)}
/* the grind */
.grind{border-block:1px solid var(--line)}
.grind-head{max-width:760px;margin-bottom:30px}
.grind-head h2{font-size:clamp(44px,5vw,72px)}
.grind-lede{font-size:clamp(18px,1.6vw,22px);color:#d6cfb8;margin:14px 0 0;font-weight:500}
.grind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grind-col h3{font-family:var(--display);font-weight:400;font-size:30px;margin:16px 0 4px;text-transform:uppercase}
.grind-col p{margin:0;color:#c9c3ad}
.photo-spot{margin:0;aspect-ratio:4/3;border:2px dashed var(--line2);background:repeating-linear-gradient(45deg,rgba(217,210,189,.03) 0 10px,transparent 10px 20px),#121410;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted);letter-spacing:.16em;font-size:12px;text-transform:uppercase}
.photo-spot small{letter-spacing:.06em;text-transform:none;color:var(--dim)}
/* shop filters, two rows */
.filter-rows{display:grid;gap:8px}
.f-label{font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:700;text-transform:uppercase;align-self:center;min-width:52px}
.filters button small{opacity:.7;font-weight:600;margin-left:4px}
.filters button[data-for][aria-pressed="true"]{background:var(--bone);border-color:var(--bone);color:var(--ink)}
.for-line{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:-8px 0 22px}
.for-line a{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--hivis)}
.ftr-line{margin-top:10px!important;color:var(--bone)!important;font-family:var(--display);font-size:16px!important;letter-spacing:.06em!important}
@media (max-width:1020px){.who-grid,.grind-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .who-grid,.grind-grid{grid-template-columns:1fr}
  .who-tile{min-height:0}.who-tile img{height:200px;margin-top:40px}
  .who-h{font-size:34px}
  .aud-chips{margin-top:-6px}
  .f-label{width:100%}
}
/* ---------- brand story: 32° freeze → 33° ---------- */
.story{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}
.story h2{font-size:clamp(40px,5vw,72px)}
.story h2 .red,.about-hero h1 .red{color:var(--red);display:block}
.story-sub{font-family:var(--tech);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--bone);margin:22px 0 12px}
.story-body{color:#c9c3ad;max-width:560px;margin:0 0 26px}
.story-side{position:relative;padding:34px 0 10px}
.story-stamp{position:absolute;top:auto;bottom:-26px;right:6px}
.gauge{padding:46px 18px 44px;border:1px solid var(--line2);background:rgba(14,15,13,.55)}
.gauge-track{position:relative;height:10px;background:#23271e;border:1px solid var(--line2);margin:0 4px}
.gauge-fill{position:absolute;left:0;top:0;bottom:0;width:60%;background:linear-gradient(90deg,#6f7a86 0,#9fb1bf 66%,var(--red) 66%);transform-origin:left;animation:gaugeRise 1.6s cubic-bezier(.2,.7,.2,1) .2s both}
.gauge-tick{position:absolute;top:-8px;width:0;height:26px;border-left:2px solid var(--line2)}
.gauge-tick b{position:absolute;top:30px;left:0;transform:translateX(-50%);font-family:var(--tech);font-weight:600;font-size:13px;color:var(--dim);letter-spacing:.06em;white-space:nowrap}
.gauge-tick i{position:absolute;bottom:32px;left:0;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.gauge-tick.is-freeze{border-left-color:#9fb1bf}.gauge-tick.is-freeze b,.gauge-tick.is-freeze i{color:#9fb1bf}
.gauge-tick.is-us{border-left:3px solid var(--red);height:34px;top:-12px}.gauge-tick.is-us b{color:var(--red);font-size:16px;top:38px}.gauge-tick.is-us i{color:var(--red);bottom:40px}
.gauge-lg{padding:58px 22px 52px}
@keyframes gaugeRise{from{transform:scaleX(.82)}to{transform:scaleX(1)}}
.deg-divider{display:flex;align-items:center;gap:14px;max-width:1440px;margin:0 auto;padding:0 var(--pad);font-family:var(--tech);font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--dim)}
.deg-divider i{flex:1;height:1px;background:linear-gradient(90deg,var(--line2),var(--line2) 70%,var(--red))}
.deg-divider .red{color:var(--red)}
.deg-divider{padding-top:26px;padding-bottom:26px}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.about-col{border-top:2px solid var(--line2);padding-top:22px}
.about-col h2{font-size:clamp(30px,3vw,42px);margin-bottom:14px}
.about-col p{color:#c9c3ad}
.about-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media (max-width:1020px){.story .wrap{grid-template-columns:1fr;gap:34px}.about-grid{grid-template-columns:1fr}}
@media (max-width:720px){.gauge{padding:42px 12px 40px}.gauge-tick b{font-size:11px}.gauge-tick.is-us b{font-size:14px}.gauge-tick i{font-size:9px;letter-spacing:.12em}.story-stamp{bottom:-30px}}
@media (prefers-reduced-motion:reduce){.gauge-fill{animation:none}}
.drawer-ft .checkout-msg:empty{display:none}