@font-face{font-family:'Eurostile';src:url('fonts/Eurostile-Bold.otf')format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'DIN';src:url('fonts/DIN-Medium.ttf')format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'DIN';src:url('fonts/DIN-Bold.otf')format('opentype');font-weight:700;font-display:swap}

:root{
  --bg:#FFFFFF; --surface:#F4F5F7; --surface2:#EAEDF0; --line:#DCE0E5; --line2:#C3CAD1;
  --tx:#14171A; --dim:#535A62;
  /* fills and rules keep the true brand values; text uses the darkened pair */
  --teal:#24C1DB; --tealt:#0B6E80; --teal-lt:#0B6E80;
  --gold:#FBC423; --goldt:#7A5A04;
  --ink:#14171A; --paper:#FFFFFF; --paper-dim:#535A62; --teal-dp:#0B6E80; --gold-dp:#7A5A04;
  /* section tints — gold = about the Miners, teal = our commitments, gray = reference */
  --tint-gold:#FDFAF1; --tint-teal:#F2FAFC; --tint-gray:#F5F6F8;
  --disp:'Eurostile',ui-sans-serif,system-ui,sans-serif;
  --text:'DIN','Helvetica Neue',Helvetica,Arial,sans-serif;
  --wrap:1180px; --pad:clamp(20px,5vw,64px);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{background:var(--bg);color:var(--tx);font-family:var(--text);font-weight:500;
     font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--teal-lt);text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}
::selection{background:var(--gold);color:#0D0F12}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}

/* ================= NAV ================= */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.90);
     backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .in{max-width:var(--wrap);margin:0 auto;padding:12px var(--pad);
         display:flex;align-items:center;gap:16px}
.nav .co{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.nav .co img{width:30px;height:30px}
.nav .co span{color:#6B747D;font-size:13px}
.nav ul{display:flex;gap:5px;list-style:none;margin-left:auto;flex-wrap:wrap}
.nav ul a{display:block;padding:7px 9px;font-size:13px;font-weight:700;letter-spacing:.09em;
          text-transform:uppercase;color:var(--dim);transition:color .18s,background .18s}
.nav ul a:hover{color:var(--tx);background:var(--surface2)}
.nav ul a[aria-current="true"]{color:#fff;background:var(--tealt)}
.nav .dl{flex:0 0 auto;padding:9px 15px;background:var(--gold);color:#0D0F12;font-weight:700;
         font-size:13.5px;letter-spacing:.09em;text-transform:uppercase;transition:filter .18s}
.nav .dl:hover{filter:brightness(1.12)}
.navtoggle{display:none}
@media (max-width:1080px){
  .nav ul{display:none}
  .nav .dl{margin-left:auto}
}

/* ================= HERO ================= */
.hero{position:relative;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}
.hero .bg{position:relative;height:clamp(210px,27vw,380px);order:-1;border-bottom:1px solid var(--line)}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;
              filter:contrast(1.04) saturate(1.02)}
.hero .in{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;
          padding:clamp(52px,8vw,94px) var(--pad) clamp(34px,5vw,58px)}
.lockup{display:flex;align-items:center;gap:clamp(12px,2.4vw,22px);margin-bottom:clamp(34px,7vw,74px)}
.lockup img.badge{width:clamp(58px,9vw,88px);height:clamp(58px,9vw,88px)}
.lockup .x{color:#767F88;font-size:clamp(15px,2vw,20px)}
.lockup img.mark{width:clamp(176px,26vw,272px);height:auto;aspect-ratio:730/166}
.hero .gold{width:56px;height:4px;background:var(--gold);margin-bottom:clamp(18px,3vw,28px)}
.values{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:clamp(24px,4vw,34px);
        border-top:2px solid var(--gold);padding-top:16px}
.values .v{font-family:var(--disp);font-weight:700;font-size:clamp(15px,2.1vw,21px);
           letter-spacing:.05em;text-transform:uppercase;color:var(--goldt);white-space:nowrap}
.values .v+.v:before{content:'';display:inline-block;width:5px;height:5px;background:#6B747D;
                     margin:0 clamp(11px,1.8vw,19px) .22em;vertical-align:middle}
.values .mission{flex-basis:100%;font-family:var(--text);font-weight:500;font-size:clamp(14px,1.7vw,17px);
                 color:var(--dim);letter-spacing:0;text-transform:none}
.values .mission b{color:var(--tx);font-weight:700}
.athletes{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));
          gap:clamp(10px,1.6vw,18px);margin-top:clamp(24px,3.4vw,34px);max-width:640px}
.athletes > div{background:var(--tint-gold);border-top:3px solid var(--gold);
              padding:clamp(14px,2vw,20px) clamp(14px,2vw,20px) clamp(16px,2.2vw,22px)}
.athletes .n{font-family:var(--disp);font-weight:700;font-size:clamp(30px,4.6vw,46px);line-height:1;
             letter-spacing:-.03em;color:var(--tx)}
.athletes .n s{text-decoration:none;display:block;font-family:var(--text);font-size:12.5px;
               letter-spacing:.14em;text-transform:uppercase;color:var(--goldt);margin-top:6px}
.athletes .l{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-top:9px}

.models{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vw,22px);
        align-items:start;margin-top:clamp(34px,5vw,54px)}
/* fixed image row so every caption rule starts on the same line */
.models figure{display:grid;grid-template-rows:clamp(300px,45vw,620px) auto;justify-items:center}
.models img{height:100%;width:auto;display:block;align-self:end;object-fit:contain}
.models figcaption{margin-top:clamp(12px,1.8vw,18px);padding-top:12px;border-top:2px solid var(--gold);
                   width:100%;text-align:left}
.models figcaption b{display:block;font-family:var(--disp);font-weight:700;
                     font-size:clamp(14px,1.5vw,18px);letter-spacing:-.005em;line-height:1.2}
.models figcaption span{display:block;margin-top:7px;color:var(--dim);font-size:14.5px;line-height:1.45}
@media (max-width:900px){
  .models{grid-template-columns:repeat(2,1fr);gap:clamp(14px,3vw,30px) clamp(10px,2vw,22px)}
  .models figure{grid-template-rows:clamp(280px,46vw,460px) auto}
}
.proofs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
        gap:clamp(22px,3.4vw,34px);margin-top:clamp(18px,2.4vw,26px)}
.proof .frame{background:#fff;border:1px solid var(--line);padding:10px}
.proof h3{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.4vw,25px);margin-top:16px;
          padding-top:13px;border-top:2px solid var(--gold);letter-spacing:-.008em}
.proof p{color:var(--dim);font-size:17.5px;margin-top:9px}

.reslist{margin-top:clamp(34px,5vw,50px);border-top:2px solid var(--tx)}
.reslist a{display:grid;grid-template-columns:190px 1fr auto;gap:clamp(18px,3vw,32px);align-items:center;
           padding:clamp(20px,3vw,28px) 0;border-bottom:1px solid var(--line);color:inherit;
           transition:background .25s var(--ease)}
.reslist a:hover{background:var(--surface)}
.reslist .th{border:1px solid var(--line);background:var(--surface);overflow:hidden;aspect-ratio:4/3}
.reslist .th img{width:100%;height:100%;object-fit:cover;object-position:50% 0;
                 transition:transform .5s var(--ease)}
.reslist a:hover .th{border-color:var(--teal)}
.reslist a:hover .th img{transform:scale(1.05)}
.reslist .t{display:block;font-family:var(--disp);font-weight:700;
            font-size:clamp(19px,2.4vw,26px);letter-spacing:-.01em;line-height:1.15}
.reslist a:hover .t{color:var(--tealt)}
.reslist .d{display:block;color:var(--dim);font-size:17px;margin-top:9px;max-width:64ch}
.reslist .arw{width:34px;height:34px;color:var(--dim);transition:color .2s,transform .3s var(--ease)}
.reslist a:hover .arw{color:var(--tealt);transform:translate(4px,-4px)}
@media (max-width:760px){
  .reslist a{grid-template-columns:1fr auto;gap:14px 18px}
  .reslist .th{grid-column:1/-1;max-width:340px}
}
.hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(40px,7.6vw,84px);line-height:.98;
         letter-spacing:-.025em;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero .who{margin-top:clamp(20px,3vw,30px);font-size:clamp(16.5px,2.1vw,21px);line-height:1.5;
           color:var(--dim);max-width:44ch}
.hero .who b{color:var(--tx);font-weight:700}
.herometa{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,52px);margin-top:clamp(26px,4vw,40px)}
.herometa div{border-top:1px solid var(--line2);padding-top:11px;min-width:150px}
.herometa .k{font-size:13px;letter-spacing:.17em;text-transform:uppercase;color:var(--dim)}
.herometa .v{font-size:16.5px;font-weight:700;color:var(--tx);margin-top:5px;line-height:1.45}

/* ================= SECTION ================= */
section{padding:clamp(58px,9vw,108px) 0;border-bottom:1px solid var(--line);
        scroll-margin-top:66px}   /* clears the sticky nav on jump links */
section.t-gold{background:var(--tint-gold)}
section.t-teal{background:var(--tint-teal)}
section.t-gray{background:var(--tint-gray)}
h2{font-family:var(--disp);font-weight:700;font-size:clamp(31px,5vw,56px);line-height:1.04;
   letter-spacing:-.02em;text-wrap:balance;max-width:22ch}
.shead{display:grid;grid-template-columns:minmax(300px,1.04fr) minmax(290px,1fr);
       gap:clamp(20px,4vw,56px);align-items:start}
.shead h2{max-width:none}
.shead .lede{margin-top:5px}
@media (max-width:920px){.shead{grid-template-columns:1fr}.shead .lede{margin-top:16px}}
.lede{margin-top:clamp(18px,2.6vw,26px);font-size:clamp(19px,2.1vw,23px);line-height:1.58;
      color:var(--dim);max-width:66ch}
p{max-width:72ch}
.sub{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.4vw,25px);letter-spacing:-.005em}

/* ================= STATS ================= */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));
       gap:clamp(12px,1.6vw,20px);margin-top:clamp(38px,6vw,58px)}
.stats>div{background:var(--tint-teal);border-top:3px solid var(--teal);
           padding:clamp(20px,2.6vw,28px) clamp(18px,2.2vw,24px) clamp(22px,2.8vw,30px)}
.stats .n{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4.6vw,46px);line-height:1;
          letter-spacing:-.03em}
.stats .n s{text-decoration:none;font-size:.44em;letter-spacing:0;margin-left:3px;color:var(--dim)}
.stats .l{font-size:15px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);
          margin-top:12px;line-height:1.5}

/* ================= ROSTER ================= */
.roster{margin-top:clamp(30px,5vw,44px);background:var(--surface);border-top:3px solid var(--teal);
        padding:clamp(20px,3vw,28px)}
.roster .lab{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
             color:var(--tealt);margin-bottom:12px}
.roster .names{font-family:var(--disp);font-weight:700;font-size:clamp(17px,2.4vw,25px);
               line-height:1.45;letter-spacing:.01em;color:var(--tx)}
.roster .names i{font-style:normal;color:#AEB5BC;padding:0 9px}

/* ================= SPLIT ================= */
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
       gap:clamp(24px,4vw,44px);margin-top:clamp(34px,5vw,52px)}
.blk h3{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.3vw,24px);
        padding-top:14px;border-top:2px solid var(--tx);margin-bottom:10px;letter-spacing:-.005em}
.blk p{color:var(--dim);font-size:18px}
.blk ul{list-style:none;margin-top:12px}
.blk li{color:var(--dim);font-size:18px;line-height:1.55;padding-left:19px;position:relative;
        margin-bottom:8px}
.blk li:before{content:'';position:absolute;left:0;top:11px;width:9px;height:2px;background:var(--tealt)}

/* ================= CLOCKS ================= */
.clocks{margin-top:clamp(38px,6vw,58px);border-top:2px solid var(--tx)}
.clocks.boxed{border-top:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
              gap:clamp(16px,2.4vw,26px)}
.clocks.boxed .clk{background:var(--tint-teal);border-top:3px solid var(--teal);border-bottom:none;
                   padding:clamp(20px,3vw,30px);grid-template-columns:1fr;gap:12px;align-content:start}
.clocks.boxed .clk .big s{display:inline;margin-left:9px}
.clk{display:grid;grid-template-columns:minmax(140px,190px) 1fr;gap:clamp(20px,4vw,40px);
     padding:clamp(26px,4vw,38px) 0;border-bottom:1px solid var(--line);align-items:start}
.clk .big{font-family:var(--disp);font-weight:700;font-size:clamp(46px,7.4vw,76px);line-height:.86;
          letter-spacing:-.045em}
.clk .big s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;
            font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-top:14px}
.clk h3{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.6vw,27px);
        letter-spacing:-.008em;margin-bottom:7px}
.clk .from{font-size:16.5px;font-weight:700;color:var(--tealt);margin-bottom:10px}
.clk .from u{text-underline-offset:3px;text-decoration-thickness:1.5px}
.clk p{color:var(--dim);font-size:18px}
@media (max-width:620px){.clk{grid-template-columns:1fr;gap:14px}
  .clk .big s{display:inline;margin-left:8px}}

.note{margin-top:clamp(28px,4vw,40px);background:var(--surface);padding:clamp(20px,3vw,28px);
      border-top:2px solid var(--gold)}
.filler{margin-top:clamp(28px,4vw,40px);background:var(--surface);padding:clamp(22px,3.4vw,32px);
        border-top:2px solid var(--teal)}
.filler h3{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.6vw,27px);
           letter-spacing:-.008em;margin-bottom:11px;text-wrap:balance}
.filler p{color:var(--dim);font-size:18px;max-width:86ch}
.filler p b{color:var(--tx);font-weight:700}
.note h3{font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;
         color:var(--goldt);margin-bottom:10px}
.note p{color:var(--dim);font-size:18px}

/* ================= TIMELINE ================= */
.tl{margin-top:clamp(38px,6vw,56px)}
.tl+.tl{margin-top:clamp(40px,6vw,62px)}
.tl .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:20px}
.tl .hd .tag{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.7vw,28px);letter-spacing:-.008em}
.tl .hd .goal{font-size:15.5px;font-weight:700;color:var(--goldt)}
.track{display:grid;gap:0 14px;grid-auto-flow:column;grid-auto-columns:1fr}
.track .step .bar{height:6px;background:var(--line2);transform-origin:left center;
                  transform:scaleX(0);transition:transform .78s var(--ease)}
.track .step.on .bar{background:var(--teal)}
.track .step.fin .bar{background:var(--gold)}
.tl.vis .track .step .bar{transform:scaleX(1)}
.tl.vis .track .step:nth-child(1) .bar{transition-delay:.02s}
.tl.vis .track .step:nth-child(2) .bar{transition-delay:.13s}
.tl.vis .track .step:nth-child(3) .bar{transition-delay:.24s}
.tl.vis .track .step:nth-child(4) .bar{transition-delay:.35s}
.tl.vis .track .step:nth-child(5) .bar{transition-delay:.46s}
.track .step .d{font-family:var(--disp);font-weight:700;font-size:clamp(15px,1.9vw,19px);
                margin-top:13px;font-variant-numeric:tabular-nums}
.track .step.fin .d{color:var(--goldt)}
.track .step .w{font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);
                margin-top:7px;line-height:1.5}
.tl .after{margin-top:16px;color:var(--dim);font-size:18px}
.tl .after b{color:var(--tx)}
@media (max-width:760px){
  .track{grid-auto-flow:row;gap:16px 0}
  .track .step{display:grid;grid-template-columns:6px 1fr;gap:14px;align-items:start}
  .track .step .bar{height:100%;min-height:46px;transform-origin:top center;transform:scaleY(0)}
  .tl.vis .track .step .bar{transform:scaleY(1)}
  .track .step .d{margin-top:0}
}

/* ================= BAND ================= */
.band{margin-top:clamp(30px,5vw,46px);background:#14171A;color:#EDEFF2;
      padding:clamp(22px,3.4vw,34px)}
.band h3{font-family:var(--disp);font-weight:700;font-size:clamp(17px,2.3vw,23px);margin-bottom:11px;
         letter-spacing:-.008em}
.band h3{color:#fff}
.band p{color:#B7BEC5;font-size:18px;max-width:88ch}
.band p b{color:#fff;font-weight:700}

/* ================= STORE LIST ================= */
.slist{margin-top:clamp(38px,6vw,56px);border-top:2px solid var(--tx)}
.srow{display:grid;grid-template-columns:minmax(200px,272px) 1fr minmax(140px,180px);
      gap:clamp(18px,3vw,34px);padding:clamp(22px,3.4vw,32px) 0;border-bottom:1px solid var(--line);
      align-items:start}
.srow .t{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.5vw,26px);line-height:1.18;
         letter-spacing:-.008em}
.srow .t s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;font-size:12px;
           letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:9px}
.srow p{color:var(--dim);font-size:18px}
.srow .win{text-align:right}
.srow .win b{font-family:var(--disp);font-weight:700;font-size:clamp(15px,1.9vw,19px);display:block;
             line-height:1.2;color:var(--goldt)}
.srow .win s{text-decoration:none;display:block;font-size:13.5px;letter-spacing:.12em;
             text-transform:uppercase;color:var(--dim);margin-top:8px;line-height:1.5}
@media (max-width:820px){
  .srow{grid-template-columns:1fr;gap:12px}
  .srow .win{text-align:left;display:flex;gap:12px;align-items:baseline}
  .srow .win s{margin-top:0}
}

/* ================= SHOTS ================= */
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
       gap:clamp(26px,4vw,44px);margin-top:clamp(38px,6vw,56px)}
.shot{display:block;color:inherit;group:shot}
.shot .frame{background:var(--surface);border:1px solid var(--line);padding:10px;overflow:hidden}
.shot .frame img{transition:transform .5s var(--ease)}
.shot:hover .frame img{transform:scale(1.028)}
.shot:hover .frame{border-color:var(--teal)}
.shot h3{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.5vw,26px);margin-top:18px;
         padding-top:14px;border-top:2px solid var(--tx);letter-spacing:-.008em}
.shot p{color:var(--dim);font-size:18px;margin-top:9px}
.shot .go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--tealt);
          font-weight:700;font-size:13.5px;letter-spacing:.05em}
.shot .go svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.shot:hover .go svg{transform:translate(3px,-3px)}

/* ================= SPEC TABLE ================= */
.spec{margin-top:clamp(38px,6vw,56px);border-top:2px solid var(--tx)}
.sr{display:grid;grid-template-columns:minmax(230px,330px) 1fr;gap:clamp(18px,3.4vw,40px);
    padding:clamp(22px,3.4vw,32px) 0;border-bottom:1px solid var(--line);align-items:start}
.sr .n{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.4vw,25px);line-height:1.2;
       letter-spacing:-.008em}
.sr .n s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;font-size:12px;
         letter-spacing:.14em;text-transform:uppercase;color:var(--tealt);margin-top:9px}
.sr p{color:var(--dim);font-size:18px}
.sr p b{color:var(--tx);font-weight:700}
@media (max-width:700px){.sr{grid-template-columns:1fr;gap:12px}}

/* ================= PRODUCT ================= */
.prod{display:grid;grid-template-columns:minmax(300px,1.18fr) minmax(290px,1fr);
      gap:clamp(28px,4.5vw,52px);margin-top:clamp(38px,6vw,56px);align-items:start}
@media (max-width:900px){.prod{grid-template-columns:1fr}}
.styleshot{display:block;background:var(--surface);border:1px solid var(--line);padding:10px;
           position:relative;overflow:hidden}
.styleshot img{transition:transform .5s var(--ease)}
.styleshot:hover img{transform:scale(1.02)}
.styleshot:hover{border-color:var(--teal)}
.styleshot .cap{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
                padding:15px 6px 4px;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;
                font-weight:700;color:var(--dim);flex-wrap:wrap}
.styleshot .cap b{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.styleshot .cap b svg{width:12px;height:12px}
.styleshot .cap b{color:var(--teal)}
.plist{list-style:none;margin-top:16px}
.plist li{border-bottom:1px solid var(--line);padding:12px 0 12px 20px;position:relative;
          color:var(--dim);font-size:18px;line-height:1.5}
.plist li:before{content:'';position:absolute;left:0;top:20px;width:9px;height:2px;background:var(--tealt)}
.plist li b{color:var(--tx);font-weight:700}
.pcat{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pcat a{display:inline-flex;align-items:center;gap:9px;padding:12px 17px;background:var(--surface2);
        border:1px solid var(--line);color:var(--tx);font-weight:700;font-size:15px;
        transition:border-color .2s,background .2s}
.pcat a:hover{border-color:var(--teal);background:var(--surface)}
.pcat a svg{width:14px;height:14px;color:var(--teal);flex:0 0 auto}

/* ================= RESOURCES ================= */

/* ================= CONCERNS ================= */
.cx{margin-top:clamp(34px,5vw,50px)}
.cxhead{display:grid;grid-template-columns:minmax(240px,40%) 1fr;gap:clamp(20px,3.4vw,42px);
        padding-bottom:12px;border-bottom:2px solid var(--ink);font-weight:700;font-size:13.5px;
        letter-spacing:.14em;text-transform:uppercase}
.cxhead .a{color:var(--gold-dp)}.cxhead .b{color:var(--teal-dp)}
.cxrow{display:grid;grid-template-columns:minmax(240px,40%) 1fr;gap:clamp(20px,3.4vw,42px);
       padding:clamp(16px,2.4vw,22px) 0;border-bottom:1px solid #DEE1E4;align-items:start}
.cxrow .q{color:var(--ink);font-weight:700;font-size:18px;line-height:1.5}
.cxrow .a2{color:var(--paper-dim);font-size:18px;line-height:1.55}
.cxrow .a2 b{color:var(--ink);font-weight:700}
@media (max-width:760px){
  .cxhead{display:none}
  .cxrow{grid-template-columns:1fr;gap:9px;padding:18px 0}
  .cxrow .a2{padding-left:14px;border-left:1px solid #DEE1E4}
}

/* ================= STEPS ================= */
.steps{margin-top:clamp(38px,6vw,56px);border-top:2px solid var(--tx)}
.stp{display:grid;grid-template-columns:52px 1fr minmax(150px,190px);gap:clamp(14px,2.4vw,26px);
     padding:clamp(22px,3.4vw,30px) 0;border-bottom:1px solid var(--line);align-items:start}
.stp .i{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.6vw,26px);color:var(--tealt);
        line-height:1.05;font-variant-numeric:tabular-nums}
.stp.last .i{color:var(--goldt)}
.stp h3{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.4vw,25px);margin-bottom:7px;
        letter-spacing:-.008em}
.stp p{color:var(--dim);font-size:18px}
.stp .own{text-align:right}
.stp .own b{font-size:15px;font-weight:700;display:block;line-height:1.35}
.stp.last .own b{color:var(--goldt)}
.stp .own s{text-decoration:none;display:block;font-size:13.5px;letter-spacing:.12em;
            text-transform:uppercase;color:var(--dim);margin-top:7px;line-height:1.5}
@media (max-width:760px){
  .stp{grid-template-columns:44px 1fr;gap:14px}
  .stp .own{grid-column:2;text-align:left;display:flex;gap:12px;align-items:baseline;margin-top:10px}
  .stp .own s{margin-top:0}
}

/* ================= CONTACT / FOOTER ================= */
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
         gap:clamp(20px,3.4vw,36px);margin-top:clamp(28px,4vw,40px)}
.contact div{border-top:1px solid var(--line2);padding-top:14px}
.contact .k{font-size:13.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.contact .v{font-size:18px;font-weight:700;margin-top:7px;line-height:1.4}
.contact .v s{text-decoration:none;display:block;font-weight:500;font-size:16.5px;color:var(--dim);margin-top:4px}
.contact .v a{color:var(--teal-lt)}

footer{padding:clamp(38px,6vw,58px) 0;background:var(--bg);border-top:1px solid var(--line)}
footer .in{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between}
footer .lk{display:flex;align-items:center;gap:12px}
footer .lk img{width:36px;height:36px}
footer .lk .m{width:150px;height:auto;aspect-ratio:730/166}
footer .meta{font-size:15px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}
footer .meta a{color:var(--tealt)}
footer .meta a:hover{color:var(--teal)}

.dlbig{display:inline-flex;align-items:center;gap:11px;margin-top:clamp(26px,4vw,38px);
       padding:15px 26px;background:var(--gold);color:#0D0F12;font-weight:700;font-size:15.5px;
       letter-spacing:.09em;text-transform:uppercase;transition:filter .2s}
.dlbig:hover{filter:brightness(1.12)}
.dlbig svg{width:17px;height:17px}

/* ================= PRINT ================= */
/* The designed, paginated document is the downloadable PDF. This just keeps an
   accidental Cmd+P legible instead of dumping 10 dark pages into a printer. */
@media print{
  @page{size:8.5in 11in;margin:.6in}
  html,body{background:#fff!important;color:#111417!important;font-size:10.5pt}
  .nav,.dl,.dlbig,.hero .bg,footer{display:none!important}
  .wrap{max-width:none;padding-inline:0}
  a{color:#111417!important}
  section,.hero{padding:.3in 0;border:none;background:#fff!important;color:#111417!important;min-height:0}
  .hero .in{padding:0;max-width:none}
  .hero h1,h2,h3,.stats .n,.clk .big,.srow .t,.sr .n{color:#111417!important}
  .lede,p,li,.hero .who{color:#3F474F!important}
  .band,.note,.filler,.roster{background:#F2F3F4!important;color:#111417!important;padding:.16in;
        border-top:2px solid #0B6E80}
  .band p,.band h3,.roster .names{color:#111417!important}
  .clk,.srow,.sr,.stp,.cxrow,.reslist a,.tl,.prod,.shots{break-inside:avoid;page-break-inside:avoid}
  .track .step .bar{transform:none!important;background:#B7BEC5!important}
  img{break-inside:avoid}
}
/* ============================================================================
   MILE HIGH WRESTLING CLUB — brand overrides
   Accent (fills, rules, "about Mile High" tints) = MHWC red #CF0C2C.
   Teal stays Compound's — it marks OUR commitments, same as every other POA.
   ========================================================================== */
:root{
  --gold:#CF0C2C; --goldt:#A3081F; --gold-dp:#A3081F;
  --tint-gold:#FDF4F5;
  --navy:#011F5B;
}
::selection{background:var(--gold);color:#fff}
.hero h1 em{color:var(--navy)}
.lockup img.badge{width:auto;height:clamp(84px,12vw,132px)}
.nav .co img{width:auto;height:30px}
.nav .dl{color:#fff}
footer .lk img{width:auto;height:42px}
.hero .in{padding-top:clamp(38px,6vw,72px)}

/* two-column lane table for the fulfillment section */
.lanes{margin-top:clamp(38px,6vw,56px);border-top:2px solid var(--tx)}
.lane{display:grid;grid-template-columns:minmax(180px,240px) 1fr minmax(150px,200px);
      gap:clamp(18px,3vw,34px);padding:clamp(22px,3.4vw,32px) 0;border-bottom:1px solid var(--line);
      align-items:start}
.lane .t{font-family:var(--disp);font-weight:700;font-size:clamp(19px,2.4vw,25px);line-height:1.18;
         letter-spacing:-.008em}
.lane .t s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;font-size:12px;
           letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:9px}
.lane p{color:var(--dim);font-size:18px}
.lane .sla{text-align:right}
.lane .sla b{font-family:var(--disp);font-weight:700;font-size:clamp(21px,2.8vw,30px);display:block;
             line-height:1.1;color:var(--tealt)}
.lane .sla s{text-decoration:none;display:block;font-size:13px;letter-spacing:.12em;
             text-transform:uppercase;color:var(--dim);margin-top:8px;line-height:1.5}
@media (max-width:820px){
  .lane{grid-template-columns:1fr;gap:12px}
  .lane .sla{text-align:left;display:flex;gap:12px;align-items:baseline}
  .lane .sla s{margin-top:0}
}

/* season refresh grid */
.seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
         gap:clamp(12px,1.8vw,20px);margin-top:clamp(38px,6vw,56px)}
.seasons > div{background:var(--tint-gold);border-top:3px solid var(--gold);
               padding:clamp(18px,2.4vw,26px) clamp(16px,2vw,22px) clamp(20px,2.6vw,28px)}
.seasons .when{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.4vw,26px);
               line-height:1.1;letter-spacing:-.02em}
.seasons .lab{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--goldt);
              margin-top:9px;font-weight:700}
.seasons p{color:var(--dim);font-size:16.5px;margin-top:12px}

/* bundle cards */
.bundles{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));
         gap:clamp(14px,1.9vw,22px);margin-top:clamp(38px,6vw,56px)}
.bnd{background:var(--surface);border-top:3px solid var(--teal);padding:clamp(20px,2.8vw,28px)}
.bnd h3{font-family:var(--disp);font-weight:700;font-size:clamp(20px,2.5vw,26px);
        letter-spacing:-.01em;line-height:1.15}
.bnd .who{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tealt);
          font-weight:700;margin-top:10px}
.bnd ul{list-style:none;margin-top:15px}
.bnd li{color:var(--dim);font-size:16.5px;line-height:1.5;padding-left:18px;position:relative;
        margin-bottom:7px}
.bnd li:before{content:'';position:absolute;left:0;top:11px;width:9px;height:2px;background:var(--tealt)}

/* location chips */
.sites{display:flex;flex-wrap:wrap;gap:9px;margin-top:clamp(24px,3.4vw,32px)}
.sites span{border:1px solid var(--line2);padding:9px 15px;font-weight:700;font-size:15px;
            color:var(--tx);background:#fff}
.sites span.soon{border-style:dashed;color:var(--dim)}

/* callout used for the open items */
.open{margin-top:clamp(30px,4.5vw,44px);background:#fff;border-top:3px solid var(--gold);
      padding:clamp(22px,3.2vw,30px)}
.open h3{font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;
         color:var(--goldt);margin-bottom:14px}
.open ul{list-style:none}
.open li{color:var(--dim);font-size:18px;line-height:1.55;padding-left:20px;position:relative;
         margin-bottom:10px}
.open li:before{content:'';position:absolute;left:0;top:12px;width:10px;height:2px;background:var(--gold)}
.open li b{color:var(--tx);font-weight:700}
.athletes{max-width:920px}
@media (max-width:460px){
  .values .v{white-space:normal}
  .values .v+.v:before{display:none}
}

/* ============================================================================
   SPACING TIGHTEN — sections and headline-to-content gaps were too airy
   ========================================================================== */
section{padding:clamp(40px,5.6vw,70px) 0}
.lede{margin-top:clamp(10px,1.4vw,16px)}
.shead{gap:clamp(16px,3vw,44px)}
.slist,.lanes,.spec,.cx,.reslist,.bundles,.seasons,.steps,.stats,.shots{
  margin-top:clamp(24px,3.2vw,36px)}
.split{margin-top:clamp(22px,2.8vw,34px)}
.tl{margin-top:clamp(26px,3.4vw,38px)}
.tl+.tl{margin-top:clamp(28px,3.6vw,42px)}
.band,.note,.filler,.roster,.open{margin-top:clamp(20px,2.6vw,30px)}
.sites{margin-top:clamp(18px,2.4vw,26px)}
.sub{margin-top:clamp(30px,4vw,44px)!important}
.contact{margin-top:clamp(18px,2.4vw,28px)}
.hero .in{padding:clamp(30px,4.4vw,58px) var(--pad) clamp(26px,3.6vw,44px)}
.lockup{margin-bottom:clamp(24px,4.4vw,46px)}
.hero .who{margin-top:clamp(14px,2vw,22px)}
.values{margin-top:clamp(18px,2.6vw,26px);padding-top:13px}
.herometa{margin-top:clamp(20px,2.8vw,30px)}
.athletes{margin-top:clamp(18px,2.4vw,26px)}
footer{padding:clamp(28px,4vw,42px) 0}
.srow,.lane,.sr,.stp,.cxrow{padding-top:clamp(16px,2.4vw,24px);padding-bottom:clamp(16px,2.4vw,24px)}
.reslist a{padding:clamp(14px,2vw,20px) 0}

/* production turn-time matrix — 4 columns, Mile High column tinted */
.matrix{margin-top:clamp(24px,3.2vw,36px);border-top:2px solid var(--tx)}
.mrow{display:grid;grid-template-columns:minmax(140px,1.05fr) .8fr .95fr 1.2fr;
      gap:clamp(8px,1.3vw,20px);border-bottom:1px solid var(--line);align-items:baseline}
.mrow > *{padding:clamp(13px,1.9vw,19px) 0}
.mrow.head > *{padding:11px 0 9px}
.mrow.head{border-bottom:1px solid var(--line2)}
.mrow.head span{font-weight:700;font-size:12px;letter-spacing:.13em;text-transform:uppercase;
                color:var(--dim);line-height:1.4}
.mrow.head .mh{color:var(--goldt)}
.mrow .lbl{font-family:var(--disp);font-weight:700;font-size:clamp(16px,1.9vw,20px);
           letter-spacing:-.005em;line-height:1.2}
.mrow .val{font-family:var(--disp);font-weight:700;font-size:clamp(17px,2.1vw,23px);
           letter-spacing:-.01em;color:var(--tx);font-variant-numeric:tabular-nums;line-height:1.1}
.mrow .val s{text-decoration:none;display:block;font-family:var(--text);font-weight:500;
             font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);
             margin-top:5px}
.mrow .val i{display:none}
/* the Mile High column */
.mrow .mh{background:var(--tint-gold);padding-left:clamp(11px,1.5vw,18px);
          padding-right:clamp(11px,1.5vw,18px)}
.mrow.head .mh{border-top:3px solid var(--gold);margin-top:-3px}
.mrow .val.mh{color:var(--goldt)}
.mrow .val.mh s{color:var(--goldt);opacity:.78}
@media (max-width:820px){
  .mrow{grid-template-columns:1fr;gap:0}
  .mrow > *{padding:0}
  .mrow{padding:clamp(14px,2.4vw,18px) 0}
  .mrow.head{display:none}
  .mrow .lbl{margin-bottom:10px}
  .mrow .val{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
             padding:7px 0;font-size:18px}
  .mrow .val s{margin-top:0;font-size:12px}
  .mrow .val i{display:inline;font-style:normal;font-family:var(--text);font-weight:700;
               font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);
               flex:1 1 auto}
  .mrow .val.mh{padding:8px 12px;margin-top:4px}
  .mrow .val.mh i{color:var(--goldt)}
}

/* ============================================================================
   TRIUMPH WRESTLING CLUB — brand overrides (supersedes the Mile High block)
   Accent (fills, rules, "about Triumph" tints) = Triumph navy #152A4A,
   highlighted with Carolina blue #8CBFFE. Compound teal still marks OUR
   commitments, and stays visually distinct from Triumph's blues.
   ========================================================================== */
:root{
  --gold:#152A4A; --goldt:#152A4A; --gold-dp:#152A4A;
  --tint-gold:#F3F6FC;
  --caro:#8CBFFE; --caro-dp:#2F6FB8;
  --navy:#152A4A;
}
::selection{background:var(--caro);color:#0D0F12}
.hero h1 em{color:var(--caro-dp)}
.hero .gold{background:var(--caro);height:5px;width:72px}
.lockup img.badge{width:auto;height:clamp(78px,11vw,120px)}
.nav .co img{width:auto;height:30px}
.nav .dl{color:#fff}
footer .lk img{width:auto;height:42px}
.hero .in{padding-top:clamp(38px,6vw,72px)}
.values{border-top-color:var(--caro)}
.athletes > div{border-top-color:var(--caro)}
.seasons > div{border-top-color:var(--caro)}
.mrow.head .mh{border-top-color:var(--caro)}

/* mock-up gallery */
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
     gap:clamp(12px,1.8vw,20px);margin-top:clamp(38px,6vw,56px)}
.gal figure{background:var(--surface);border:1px solid var(--line)}
.gal img{width:100%;height:auto;aspect-ratio:1000/745;object-fit:cover;background:var(--surface2)}
.gal figcaption{padding:13px clamp(13px,1.6vw,17px) 15px;border-top:1px solid var(--line);
                font-family:var(--disp);font-weight:700;font-size:15.5px;letter-spacing:-.005em;
                background:var(--bg)}
.gal figcaption s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;
                  font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;
                  color:var(--dim);margin-top:5px}

/* deal-terms table */
.terms{margin-top:clamp(38px,6vw,56px);border-top:2px solid var(--tx)}
.trow{display:grid;grid-template-columns:minmax(170px,250px) 1fr;gap:clamp(18px,3vw,34px);
      padding:clamp(22px,3.2vw,30px) 0;border-bottom:1px solid var(--line);align-items:start}
.trow .k{font-family:var(--disp);font-weight:700;font-size:clamp(18px,2.2vw,23px);line-height:1.18;
         letter-spacing:-.008em}
.trow .k s{text-decoration:none;display:block;font-family:var(--text);font-weight:700;font-size:11.5px;
           letter-spacing:.13em;text-transform:uppercase;color:var(--goldt);margin-top:8px}
.trow p{color:var(--dim);font-size:17.5px}
.trow p+p{margin-top:10px}
.trow b{color:var(--tx)}
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:16px}
.tiers > div{background:var(--tint-gold);border-top:3px solid var(--caro);padding:14px 16px 17px}
.tiers .p{font-family:var(--disp);font-weight:700;font-size:clamp(24px,3.2vw,32px);line-height:1;
          letter-spacing:-.03em;color:var(--goldt)}
.tiers .l{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);
          margin-top:8px;font-weight:700;line-height:1.5}
@media (max-width:820px){ .trow{grid-template-columns:1fr;gap:12px} }