/* ============================================================
   ZONATLETICA V2 — palette from the ZA logo, geometry from its cut
   white Z · amber A · charcoal floor · 12° lean
   ============================================================ */
:root{
  --ink:#0c0c0e;
  --char:#1a1a1d;          /* nav charcoal from live site */
  --char-2:#232326;
  --amber:#e9a83a;         /* the A stroke */
  --amber-hot:#f5b843;
  --amber-deep:#c8862a;
  --bone:#f2f1ec;          /* the Z */
  --gris:#d9d9d6;          /* logo tile gray */
  --mut:#9b9b97;
  --line:rgba(242,241,236,.1);
  --lean:-12deg;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--ink);color:var(--bone);font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:76px}
h1,h2,h3,.disp{font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:.88;letter-spacing:.005em}
img,video{max-width:100%;display:block}
a{color:inherit}

/* ---------- top micro-bar ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;transition:background .3s}
.top.on{background:rgba(12,12,14,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .za{display:flex;align-items:center;gap:12px;text-decoration:none}
.top .za img{width:40px;height:40px;object-fit:cover}
.top .za b{font-family:'Barlow Condensed';font-weight:700;font-size:17px;letter-spacing:.22em;color:var(--bone)}
.top .links{display:flex;gap:26px;font-family:'Barlow Condensed';font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.top .links a{color:var(--gris);text-decoration:none;transition:color .2s}
.top .links a:hover{color:var(--amber)}

/* ---------- bottom action bar (the only nav that matters) ---------- */
.actionbar{position:fixed;bottom:0;left:0;right:0;z-index:95;display:grid;grid-template-columns:1fr 1.4fr 1fr;background:var(--char);border-top:1px solid var(--line)}
.actionbar a{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 10px;text-decoration:none;font-family:'Bebas Neue';font-size:21px;letter-spacing:.08em;transition:background .2s,color .2s}
.actionbar .a1{color:var(--gris)}
.actionbar .a1:hover{color:var(--amber);background:var(--char-2)}
.actionbar .a2{background:var(--amber);color:var(--ink);position:relative;clip-path:polygon(26px 0,100% 0,calc(100% - 26px) 100%,0 100%)}
.actionbar .a2:hover{background:var(--amber-hot)}
.actionbar .a2 small{font-family:'Barlow';font-weight:800;font-size:11px;letter-spacing:.18em;opacity:.75}
.actionbar .a3{color:var(--gris)}
.actionbar .a3:hover{color:var(--amber);background:var(--char-2)}

/* ---------- vertical rail ---------- */
.rail{position:fixed;left:18px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;z-index:80;font-family:'Barlow Condensed';font-weight:600;font-size:12px;letter-spacing:.5em;color:var(--mut);text-transform:uppercase;pointer-events:none}
.rail b{color:var(--amber)}

/* ---------- reveal ---------- */
.rise{opacity:0;transform:translateY(40px) skewY(2deg);transition:opacity .7s ease,transform .7s cubic-bezier(.5,0,.15,1)}
.rise.in{opacity:1;transform:none}

/* ---------- HERO: the video is the design ---------- */
.hero{position:relative;height:100vh;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .tint{position:absolute;inset:0;background:linear-gradient(105deg,rgba(12,12,14,.92) 18%,rgba(12,12,14,.45) 52%,rgba(233,168,58,.28) 100%),linear-gradient(0deg,var(--ink) 2%,transparent 30%)}
.hero .content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 6vw 13vh}
.hero .kicker{font-family:'Barlow';font-style:italic;font-weight:800;font-size:clamp(15px,1.6vw,20px);color:var(--amber);letter-spacing:.06em;margin-bottom:1.2vh}
.hero h1{font-size:clamp(88px,17.5vw,270px);text-transform:uppercase;margin-left:-.04em}
.hero h1 .l2{display:block;color:transparent;-webkit-text-stroke:2.5px var(--bone)}
.hero h1 .zone{color:var(--amber);position:relative;display:inline-block;-webkit-text-stroke:0}
.hero h1 .zone::after{content:"";position:absolute;right:-.28em;top:.1em;bottom:.06em;width:.14em;background:var(--amber);transform:skewX(var(--lean))}
.hero .strap{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:3.5vh;flex-wrap:wrap}
.hero .strap p{max-width:44ch;color:var(--gris);font-weight:500;font-size:clamp(15px,1.5vw,18px)}
.hero .strap p b{color:var(--bone)}
.hero .live{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.3em;color:var(--amber);text-transform:uppercase;white-space:nowrap}
.hero .live i{width:9px;height:9px;border-radius:50%;background:var(--amber);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}

/* ---------- ticker ---------- */
.ticker{background:var(--amber);color:var(--ink);overflow:hidden;padding:12px 0;position:relative;z-index:5}
.ticker .trk{display:flex;white-space:nowrap;width:max-content;animation:tick 30s linear infinite;font-family:'Bebas Neue';font-size:20px;letter-spacing:.1em}
.ticker span{padding:0 26px;border-right:2px solid rgba(12,12,14,.25)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- program slabs (no cards — full-bleed rows) ---------- */
.slab{display:grid;grid-template-columns:minmax(120px,.34fr) 1fr minmax(0,.9fr);align-items:center;gap:4vw;padding:6.5vh 6vw;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:background .3s;text-decoration:none}
.slab:hover{background:var(--char)}
.slab .n{font-family:'Bebas Neue';font-size:clamp(90px,11vw,170px);color:transparent;-webkit-text-stroke:2px var(--char-2);line-height:.8;transition:color .3s,-webkit-text-stroke .3s}
.slab:hover .n{color:var(--amber);-webkit-text-stroke:2px var(--amber)}
.slab h3{font-size:clamp(40px,5.4vw,76px);text-transform:uppercase}
.slab h3 em{font-style:normal;color:var(--amber)}
.slab .d{color:var(--mut);font-weight:500;font-size:16px}
.slab .d b{display:block;font-family:'Barlow';font-style:italic;font-weight:800;color:var(--amber);margin-top:10px;font-size:14px}
.slab::after{content:"→";position:absolute;right:5vw;top:50%;transform:translateY(-50%) translateX(20px);font-size:34px;color:var(--amber);opacity:0;transition:all .3s}
.slab:hover::after{opacity:1;transform:translateY(-50%)}
.slabs-head{padding:12vh 6vw 5vh}
.slabs-head h2{font-size:clamp(64px,9vw,150px);text-transform:uppercase}
.slabs-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--amber)}

/* ---------- schedule centerpiece ---------- */
.week{background:var(--char);padding:0 0 9vh;position:relative}
.week::before{content:"";position:absolute;top:0;left:0;right:0;height:70px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 22%,0 100%)}
.week .head{padding:13vh 6vw 4vh;display:flex;align-items:baseline;gap:26px;flex-wrap:wrap}
.week h2{font-size:clamp(70px,10vw,160px);text-transform:uppercase}
.week h2 em{font-style:normal;color:var(--amber)}
.week .note{font-family:'Barlow Condensed';font-weight:600;font-size:13px;letter-spacing:.2em;color:var(--mut);text-transform:uppercase;border:1px dashed var(--mut);padding:7px 13px}
.week .note b{color:var(--amber)}
.days{display:flex;gap:14px;overflow-x:auto;padding:2vh 6vw 3vh;scroll-snap-type:x mandatory;scrollbar-width:none}
.days::-webkit-scrollbar{display:none}
.day{flex:0 0 260px;scroll-snap-align:start;background:var(--ink);border:1px solid var(--line);padding:26px 24px 30px;transform:skewX(var(--lean));transition:border-color .25s,transform .25s}
.day:hover{border-color:var(--amber);transform:skewX(var(--lean)) translateY(-6px)}
.day>*{transform:skewX(calc(var(--lean) * -1))}
.day h4{font-family:'Bebas Neue';font-size:34px;color:var(--amber);letter-spacing:.06em}
.day .sl{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--mut);font-weight:500}
.day .sl:last-child{border-bottom:0}
.day .sl b{display:block;color:var(--bone);font-weight:700;font-size:15px}
.day .sl.hit b{color:var(--amber)}
.week .swipe{padding:0 6vw;font-family:'Barlow Condensed';font-weight:600;font-size:13px;letter-spacing:.3em;color:var(--mut);text-transform:uppercase}

/* ---------- big numbers collage ---------- */
.facts{padding:14vh 6vw;display:flex;flex-wrap:wrap;gap:6vh 8vw;align-items:baseline;position:relative}
.fact{position:relative}
.fact .v{font-family:'Bebas Neue';font-size:clamp(100px,14vw,220px);line-height:.8;color:var(--bone)}
.fact .v em{font-style:normal;color:var(--amber)}
.fact .k{position:absolute;bottom:-.5em;left:.08em;font-family:'Barlow';font-style:italic;font-weight:800;font-size:clamp(14px,1.6vw,19px);color:var(--amber);white-space:nowrap;text-shadow:0 2px 12px rgba(12,12,14,.9)}
.fact.f2 .v{color:transparent;-webkit-text-stroke:2.5px var(--bone)}
.fact.f2 .v em{color:var(--amber);-webkit-text-stroke:0}
.facts .blurb{max-width:34ch;color:var(--mut);font-weight:500;align-self:center}
.facts .blurb b{color:var(--bone)}

/* ---------- pricing: three leaning panels ---------- */
.price{background:var(--char);padding:12vh 6vw;position:relative;overflow:hidden}
.price::before{content:"ZA";position:absolute;right:-4vw;top:-8vh;font-family:'Bebas Neue';font-size:46vh;color:transparent;-webkit-text-stroke:1.5px var(--char-2);line-height:1;pointer-events:none}
.price h2{font-size:clamp(60px,8.5vw,140px);text-transform:uppercase;margin-bottom:7vh;position:relative}
.price h2 em{font-style:normal;color:var(--amber)}
.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.panel{background:var(--ink);border:1px solid var(--line);padding:44px 36px 40px;position:relative;transition:transform .3s,border-color .3s}
.panel:hover{transform:translateY(-10px);border-color:var(--amber);z-index:2}
.panel.mid{background:var(--amber);color:var(--ink);transform:skewX(var(--lean)) scale(1.04);z-index:1;border:0}
.panel.mid>*{transform:skewX(calc(var(--lean) * -1))}
.panel.mid:hover{transform:skewX(var(--lean)) scale(1.06)}
.panel h3{font-size:34px;text-transform:uppercase}
.panel .t{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;opacity:.65;margin-top:2px}
.panel .p{font-family:'Bebas Neue';font-size:88px;line-height:.9;margin:26px 0 6px}
.panel .p sup{font-size:36px;vertical-align:top}
.panel .p small{font-family:'Barlow';font-weight:700;font-size:16px;opacity:.6}
.panel ul{list-style:none;margin:22px 0 30px;display:flex;flex-direction:column;gap:9px;font-weight:600;font-size:14.5px}
.panel:not(.mid) ul{color:var(--mut)}
.panel li::before{content:"/ ";color:var(--amber);font-weight:800}
.panel.mid li::before{color:var(--ink)}
.panel li.no{opacity:.5;text-decoration:line-through}
.panel .go{display:inline-block;font-family:'Bebas Neue';font-size:19px;letter-spacing:.1em;text-decoration:none;padding:14px 30px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.panel.mid .go{background:var(--ink);color:var(--amber)}
.price .more{margin-top:5vh;color:var(--mut);font-weight:500}
.price .more a{color:var(--amber)}

/* ---------- team strip ---------- */
.crew{padding:12vh 0 10vh;overflow:hidden}
.crew .head{padding:0 6vw;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:5vh}
.crew h2{font-size:clamp(56px,8vw,130px);text-transform:uppercase}
.crew h2 em{font-style:normal;color:var(--amber)}
.crew .lead-note{max-width:36ch;color:var(--mut);font-weight:500}
.crew .lead-note b{color:var(--amber)}
.crew .strip{display:flex;gap:12px;overflow-x:auto;padding:0 6vw 2vh;scrollbar-width:none}
.crew .strip::-webkit-scrollbar{display:none}
.mate{flex:0 0 210px;background:var(--char);border:1px solid var(--line);aspect-ratio:3/4;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:border-color .25s}
.mate:hover{border-color:var(--amber)}
.mate .mono{position:absolute;top:14px;left:16px;font-family:'Bebas Neue';font-size:64px;color:transparent;-webkit-text-stroke:1.5px var(--amber);line-height:1}
.mate h4{font-size:24px;text-transform:uppercase}
.mate .r{font-family:'Barlow Condensed';font-weight:700;font-size:11.5px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-top:3px}
.mate.captain{flex-basis:300px;background:var(--amber);color:var(--ink);border:0}
.mate.captain .mono{-webkit-text-stroke:1.5px var(--ink)}
.mate.captain .r{color:var(--ink)}
.mate.captain .tel{color:var(--ink);font-weight:800;font-size:14px;text-decoration:none;margin-top:8px}

/* ---------- final slab ---------- */
.final{position:relative;padding:16vh 6vw 15vh;background:var(--amber);color:var(--ink);clip-path:polygon(0 8vh,100% 0,100% 100%,0 100%)}
.final h2{font-size:clamp(70px,11vw,180px);text-transform:uppercase;line-height:.86}
.final h2 .ghost{color:transparent;-webkit-text-stroke:2.5px var(--ink)}
.final p{margin-top:3vh;font-weight:700;font-size:clamp(16px,1.8vw,20px);max-width:52ch}
.final .es{font-style:italic;font-weight:800}
.final .addr{margin-top:5vh;display:flex;gap:40px;flex-wrap:wrap;font-family:'Barlow Condensed';font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.final .addr a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink)}

/* ---------- footer micro ---------- */
.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 6vw;flex-wrap:wrap;color:var(--mut);font-size:13px;font-weight:500}
.foot .socials{display:flex;gap:18px;font-family:'Barlow Condensed';font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:13px}
.foot .socials a{color:var(--mut);text-decoration:none}
.foot .socials a:hover{color:var(--amber)}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .rail{display:none}
  .slab{grid-template-columns:1fr;gap:14px;padding:5vh 6vw}
  .slab .n{font-size:70px}
  .panels{grid-template-columns:1fr;gap:18px}
  .panel.mid{transform:none}
  .panel.mid>*{transform:none}
  .top .links{display:none}
  .actionbar a{font-size:16px;padding:18px 6px}
}

/* ---------- interior pages ---------- */
.phero{padding:24vh 6vw 9vh;position:relative;overflow:hidden;background:radial-gradient(900px 500px at 75% 10%,#1c1a14 0%,var(--ink) 60%)}
.phero h1{font-size:clamp(80px,14vw,220px);text-transform:uppercase}
.phero h1 em{font-style:normal;color:var(--amber)}
.phero h1 .ghost{color:transparent;-webkit-text-stroke:2.5px var(--bone)}
.phero .kicker{font-family:'Barlow';font-style:italic;font-weight:800;font-size:clamp(15px,1.6vw,19px);color:var(--amber);margin-bottom:1.4vh}
.phero .sub{margin-top:3vh;max-width:52ch;color:var(--mut);font-weight:500;font-size:17px}
.phero .sub b{color:var(--bone)}
.crew-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 6vw}
.crew-grid .mate{flex:none;aspect-ratio:3/4}
.crew-grid .mate.captain{grid-column:span 2;aspect-ratio:auto}
.formwrap{padding:10vh 6vw 12vh;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:start}
.formwrap .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formwrap .fld{display:flex;flex-direction:column;gap:6px}
.formwrap .fld.full{grid-column:1/-1}
.formwrap label{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.formwrap input,.formwrap textarea{background:var(--char);border:1px solid var(--line);padding:14px 15px;color:var(--bone);font-family:'Barlow';font-size:15px;outline:none;transition:border-color .2s}
.formwrap input:focus,.formwrap textarea:focus{border-color:var(--amber)}
.formwrap textarea{min-height:130px;resize:vertical}
.formwrap .go{display:inline-block;font-family:'Bebas Neue';font-size:20px;letter-spacing:.1em;text-decoration:none;padding:15px 34px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-top:20px}
.vcard{background:var(--char);border:1px solid var(--line);padding:30px 28px;margin-bottom:14px}
.vcard h4{font-family:'Bebas Neue';font-size:24px;color:var(--amber);letter-spacing:.04em}
.vcard p,.vcard a{color:var(--mut);font-weight:500;font-size:15px;text-decoration:none}
.vcard a:hover{color:var(--amber)}
@media(max-width:900px){.crew-grid{grid-template-columns:1fr 1fr}.crew-grid .mate.captain{grid-column:span 2}.formwrap{grid-template-columns:1fr}}

/* ---------- crew portraits + bio cards (added Aug 2026) ---------- */
button.mate{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.mate .ph{position:absolute;inset:0;background-size:cover;background-position:50% 22%;filter:grayscale(1) contrast(1.06) brightness(.86);transition:filter .35s,transform .45s;z-index:0}
.mate .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,14,.12) 0%,rgba(12,12,14,.55) 52%,rgba(12,12,14,.94) 100%)}
.mate.has-bio:hover .ph,.mate.has-bio:focus-visible .ph{filter:grayscale(.12) contrast(1.02) brightness(.95);transform:scale(1.04)}
.mate>h4,.mate>.r,.mate>.tel,.mate>.mono,.mate>.cue{position:relative;z-index:1}
.mate.has-bio:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.mate .cue{position:absolute;top:0;right:0;z-index:2;font-family:'Barlow Condensed';font-weight:700;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:var(--amber);padding:5px 13px 5px 17px;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%)}
.mate.has-bio:hover .cue{background:var(--amber-hot)}
.cue-inline{display:inline-block;font-family:'Barlow Condensed';font-weight:700;font-size:11px;letter-spacing:.22em;color:var(--ink);background:var(--amber);padding:1px 8px;vertical-align:2px}

.biowrap{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:4vh 5vw}
.biowrap[hidden]{display:none}
.bioscrim{position:absolute;inset:0;background:rgba(6,6,8,.86);backdrop-filter:blur(3px)}
.biocard{position:relative;z-index:1;background:var(--char);border:1px solid var(--line);border-top:4px solid var(--amber);max-width:760px;width:100%;max-height:92vh;overflow-y:auto;padding:38px 40px 34px}
.biox{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--line);color:var(--mut);width:38px;height:38px;font-size:15px;cursor:pointer;transition:.2s}
.biox:hover{border-color:var(--amber);color:var(--amber)}
.biohead{display:flex;gap:26px;align-items:center;margin-bottom:26px;padding-right:44px}
.biopic{flex:0 0 132px;height:176px;background-size:cover;background-position:50% 22%;filter:grayscale(1) contrast(1.06);border:1px solid var(--line)}
.biopic.ismono{display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:62px;color:transparent;-webkit-text-stroke:1.5px var(--amber);filter:none;background:var(--char-2)}
.biocard h3{font-size:clamp(38px,5vw,58px);text-transform:uppercase;line-height:.9}
.biocard .r{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-top:6px}
.biometa{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.biometa span{font-family:'Barlow Condensed';font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);padding:4px 10px}
.biobody p{color:var(--gris);font-weight:500;font-size:16.5px}
.biobody p.muted{color:var(--mut);font-size:15px;margin-top:14px}
.biobody h5{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin:26px 0 12px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font-family:'Barlow Condensed';font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--char-2);color:var(--bone);padding:7px 13px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.chips.soft li{background:none;border:1px solid var(--line);color:var(--mut)}
.biobody blockquote{margin-top:28px;padding-left:20px;border-left:3px solid var(--amber);font-family:'Barlow';font-style:italic;font-weight:600;font-size:17px;color:var(--bone)}
.biobody blockquote cite{display:block;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:10px}
.biocontact{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.biocontact a{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--amber);padding:11px 20px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.biocontact a:last-child{background:none;border:1px solid var(--line);color:var(--mut);clip-path:none}
.biocontact a:last-child:hover{border-color:var(--amber);color:var(--amber)}
@media(max-width:640px){.biocard{padding:30px 22px 26px}.biohead{flex-direction:column;align-items:flex-start;gap:18px}.biopic{flex-basis:auto;width:118px;height:158px}}
.biocontact a:only-child{background:var(--amber);color:var(--ink);border:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.biocontact a:only-child:hover{background:var(--amber-hot);color:var(--ink)}
.mate.captain .ph{filter:grayscale(1) contrast(1.05) brightness(1.12);background-position:50% 26%}
.schedcta{margin:6vh 6vw 0;padding:34px 36px;background:var(--ink);border:1px solid var(--line);border-left:4px solid var(--amber);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.schedcta p{color:var(--mut);font-weight:500;max-width:46ch}
.schedcta p b{color:var(--bone)}
.schedcta-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.schedcta .go{display:inline-block;font-family:'Bebas Neue';font-size:19px;letter-spacing:.1em;text-decoration:none;padding:14px 28px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.schedcta .go:hover{background:var(--amber-hot)}
.schedcta .alt{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.schedcta .alt:hover{color:var(--amber);border-color:var(--amber)}
@media(max-width:640px){.schedcta{flex-direction:column;align-items:flex-start;padding:26px 22px}}
.mate.captain .ph::after{background:none}
.mate.captain::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(233,168,58,.34) 0%,rgba(233,168,58,.72) 48%,rgba(233,168,58,.95) 100%);pointer-events:none}
.mate.captain>h4,.mate.captain>.r,.mate.captain>.tel{position:relative;z-index:2}
.cue-btn{font:inherit;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;z-index:3}
.mate.captain .cue{background:var(--ink);color:var(--amber)}
.mate.captain .cue:hover{background:var(--char)}
/* ---------- crew house standard (A2) ---------- */
.standard{padding:0 6vw 6vh}
.standard-inner{border-left:4px solid var(--amber);background:var(--char);padding:30px 34px;max-width:74ch}
.standard .k{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin-bottom:12px}
.standard p{color:var(--gris);font-weight:500;font-size:17.5px;line-height:1.6}
.standard p b{color:var(--bone);font-weight:700}
@media(max-width:640px){.standard-inner{padding:24px 22px}.standard p{font-size:16px}}

/* ---------- shop ---------- */
.shopwrap{padding:0 6vw 6vh}
.prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.prod{display:block;text-decoration:none;background:var(--char);border:1px solid var(--line);transition:border-color .25s,transform .3s;overflow:hidden}
.prod:hover{border-color:var(--amber);transform:translateY(-6px)}
.pimg{aspect-ratio:1/1;background-size:cover;background-position:50% 45%;filter:grayscale(.55) contrast(1.04);transition:filter .35s,transform .5s}
.prod:hover .pimg{filter:grayscale(0) contrast(1);transform:scale(1.05)}
.pbody{padding:18px 20px 22px}
.prod h4{font-family:'Barlow';font-weight:700;font-size:15.5px;color:var(--bone);letter-spacing:.01em;line-height:1.3}
.prod .price{font-family:'Bebas Neue';font-size:38px;line-height:1;color:var(--amber);margin-top:8px}
.prod .price sup{font-size:19px;vertical-align:super;margin-right:1px}
.prod .price small{font-size:19px}
.prod .pgo{display:block;margin-top:12px;font-family:'Barlow Condensed';font-weight:700;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);transition:color .25s}
.prod:hover .pgo{color:var(--amber)}
@media(max-width:1100px){.prodgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.prodgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.prodgrid{grid-template-columns:1fr 1fr;gap:10px}.pbody{padding:14px 14px 18px}.prod .price{font-size:30px}}

/* ---------- legal / waiver ---------- */
.legalwrap{padding:2vh 6vw 10vh;display:grid;grid-template-columns:1.15fr .85fr;gap:4vw;align-items:start}
.legal{background:var(--char);border:1px solid var(--line);border-left:4px solid var(--amber);padding:38px 40px}
.legal h2{font-family:'Bebas Neue';font-size:clamp(26px,3vw,36px);letter-spacing:.03em;color:var(--bone);margin-bottom:22px;line-height:1.05}
.legal h3{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:26px 0 9px}
.legal p{color:var(--gris);font-weight:500;font-size:15.5px;line-height:1.65}
.waiverform{background:var(--char-2);border:1px solid var(--line);padding:34px 32px;position:sticky;top:80px}
.waiverform .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.waiverform .fld{display:flex;flex-direction:column;gap:6px}
.waiverform .fld.full{grid-column:1/-1}
.waiverform label{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.waiverform input[type=text],.waiverform input[type=tel],.waiverform input[type=email],.waiverform input[type=date]{background:var(--ink);border:1px solid var(--line);padding:13px 14px;color:var(--bone);font-family:'Barlow';font-size:15px;outline:none;transition:border-color .2s;width:100%}
.waiverform input:focus{border-color:var(--amber)}
.waiverform #w-sig{font-family:'Barlow';font-style:italic;font-size:19px;letter-spacing:.02em}
.agree{display:flex;align-items:flex-start;gap:11px;margin-top:22px;font-family:'Barlow';font-weight:500;font-size:14.5px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--gris);cursor:pointer}
.agree input{margin-top:3px;width:17px;height:17px;accent-color:var(--amber);flex:0 0 auto}
.waiverform .go{display:inline-block;font-family:'Bebas Neue';font-size:20px;letter-spacing:.1em;border:0;cursor:pointer;text-decoration:none;padding:15px 32px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-top:24px}
.waiverform .go:hover{background:var(--amber-hot)}
@media(max-width:900px){.legalwrap{grid-template-columns:1fr}.waiverform{position:static}.legal{padding:28px 24px}}

/* ---------- cart nav badge ---------- */
.navcart{position:relative}
.cartcount{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;margin-left:6px;background:var(--amber);color:var(--ink);font-family:'Barlow';font-weight:800;font-size:11px;border-radius:9px;vertical-align:1px}

/* ---------- product detail (PDP) ---------- */
.pdp{display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;padding:4vh 6vw 8vh;align-items:start}
.pdp-media .pmain{aspect-ratio:9/10;background-size:cover;background-position:50% 40%;background-color:var(--char);border:1px solid var(--line)}
.pthumbs{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.pthumb{width:74px;height:82px;background-size:cover;background-position:50% 40%;border:1px solid var(--line);cursor:pointer;opacity:.6;transition:.2s;background-color:var(--char)}
.pthumb.on,.pthumb:hover{opacity:1;border-color:var(--amber)}
.pdp-info{padding-top:1vh}
.pback{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-decoration:none}
.pback:hover{color:var(--amber)}
.pdp-info h1{font-family:'Bebas Neue';font-size:clamp(40px,5.5vw,68px);text-transform:uppercase;line-height:.95;margin:14px 0 6px}
.pprice{font-family:'Bebas Neue';font-size:46px;color:var(--amber);line-height:1}
.pprice sup{font-size:22px;vertical-align:super}.pprice small{font-size:22px}
.pblurb{color:var(--mut);font-weight:500;margin:16px 0 24px;max-width:44ch}
.popt{margin-bottom:22px}
.popt>label{display:block;font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.szrow{display:flex;gap:10px;flex-wrap:wrap}
.szbtn{font-family:'Barlow Condensed';font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:var(--char);border:1px solid var(--line);color:var(--bone);padding:11px 20px;cursor:pointer;transition:.2s}
.szbtn:hover{border-color:var(--amber)}.szbtn.on{background:var(--amber);color:var(--ink);border-color:var(--amber)}
.qrow,.cqty{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line)}
.qbtn{background:var(--char);border:0;color:var(--bone);width:38px;height:40px;font-size:18px;cursor:pointer}
.qbtn:hover{background:var(--char-2);color:var(--amber)}
.qrow span,.cqty span{min-width:40px;text-align:center;font-weight:700}
.addbtn{display:block;width:100%;max-width:340px;margin-top:8px;font-family:'Bebas Neue';font-size:22px;letter-spacing:.1em;border:0;cursor:pointer;padding:16px;background:var(--amber);color:var(--ink);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:.2s}
.addbtn:hover:not(:disabled){background:var(--amber-hot)}
.addbtn:disabled{background:var(--char-2);color:var(--mut);cursor:not-allowed}
.addalt{display:inline-block;margin-top:14px;font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-decoration:none}
.addalt:hover{color:var(--amber)}
.pnote{margin-top:22px;font-size:13px;color:var(--mut);max-width:42ch;line-height:1.5}
.pnote b{color:var(--gris)}
@media(max-width:820px){.pdp{grid-template-columns:1fr;gap:5vh}}

/* ---------- cart ---------- */
.cartwrap{padding:2vh 6vw 12vh;max-width:900px}
.cartempty{padding:6vh 0;color:var(--mut)}
.cartempty .go,.cartfoot .go{display:inline-block;margin-top:18px;font-family:'Bebas Neue';font-size:20px;letter-spacing:.1em;text-decoration:none;border:0;cursor:pointer;padding:14px 30px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.crow{display:grid;grid-template-columns:78px 1fr auto auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.cimg{width:78px;height:88px;background-size:cover;background-position:50% 40%;background-color:var(--char)}
.cmeta h4{font-size:15px;color:var(--bone)}
.csize{font-family:'Barlow Condensed';font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-top:4px}
.crm{background:none;border:0;color:var(--mut);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:8px;padding:0}
.crm:hover{color:var(--amber)}
.cprice{font-family:'Bebas Neue';font-size:26px;color:var(--bone)}
.cartfoot{margin-top:26px;text-align:right}
.csub{font-family:'Bebas Neue';font-size:30px;color:var(--bone);margin-bottom:14px}
.csub b{color:var(--amber)}
@media(max-width:560px){.crow{grid-template-columns:60px 1fr auto;gap:12px}.cqty{grid-column:2}.cprice{grid-column:3}.cimg{width:60px;height:68px}}

/* ---------- shop filter tabs ---------- */
.shoptabs{display:flex;gap:8px;padding:0 6vw 3vh;flex-wrap:wrap}
.stab{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;background:var(--char);border:1px solid var(--line);color:var(--mut);padding:10px 20px;cursor:pointer;transition:.2s}
.stab:hover{border-color:var(--amber);color:var(--bone)}
.stab.on{background:var(--amber);color:var(--ink);border-color:var(--amber)}

/* ---------- booking / schedule ---------- */
.bookwrap{padding:2vh 6vw 10vh}
.bgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.bday{background:var(--char);border:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:8px}
.bday h4{font-family:'Bebas Neue';font-size:26px;color:var(--amber);letter-spacing:.04em}
.slot{text-align:left;background:var(--char-2);border:1px solid var(--line);color:var(--bone);padding:11px 12px;cursor:pointer;transition:.2s;display:block;width:100%}
.slot:hover{border-color:var(--amber);transform:translateY(-2px)}
.slot b{display:block;font-family:'Barlow';font-weight:700;font-size:13.5px;line-height:1.2}
.slot span{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.1em;color:var(--amber)}
.slot.rest{background:none;border-style:dashed;color:var(--mut);cursor:default;font-size:13px}
.slot.rest:hover{transform:none;border-color:var(--line)}
.og{margin-top:auto;font-family:'Barlow Condensed';font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding-top:8px}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:520px){.bgrid{grid-template-columns:1fr}}

/* ---------- members portal preview ---------- */
.memwrap{padding:2vh 6vw 12vh}
.memgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:5vh}
.mcard{background:var(--char);border:1px solid var(--line);padding:26px 22px;transition:border-color .25s}
.mcard:hover{border-color:var(--amber)}
.mnum{font-family:'Bebas Neue';font-size:40px;color:transparent;-webkit-text-stroke:1.5px var(--amber);line-height:1;margin-bottom:12px}
.mcard h4{font-size:20px;text-transform:uppercase;font-family:'Bebas Neue';letter-spacing:.02em;color:var(--bone)}
.mcard p{color:var(--mut);font-weight:500;font-size:14px;margin-top:8px;line-height:1.5}
.memlogin{background:var(--char);border:1px solid var(--line);border-left:4px solid var(--amber);padding:32px 34px;max-width:60ch}
.memlogin .k{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.memlogin p{color:var(--gris);font-weight:500}
.memcta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.memcta .go{display:inline-block;font-family:'Bebas Neue';font-size:19px;letter-spacing:.1em;text-decoration:none;padding:13px 26px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.memcta .alt{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-decoration:none}
.memcta .alt:hover{color:var(--amber)}
@media(max-width:900px){.memgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.memgrid{grid-template-columns:1fr}}

/* ---------- form fields inside modal (reserve) ---------- */
.biocard .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.biocard .fld{display:flex;flex-direction:column;gap:6px}
.biocard .fld label{font-family:'Barlow Condensed';font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.biocard input[type=text],.biocard input[type=email],.biocard input[type=tel]{background:var(--ink);border:1px solid var(--line);padding:12px 14px;color:var(--bone);font-family:'Barlow';font-size:15px;outline:none;transition:border-color .2s;width:100%}
.biocard input:focus{border-color:var(--amber)}
.biocard .go{display:inline-block;font-family:'Bebas Neue';font-size:20px;letter-spacing:.1em;border:0;cursor:pointer;text-decoration:none;padding:14px 30px;background:var(--amber);color:var(--ink);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.biocard .go:hover{background:var(--amber-hot)}

/* ===== Mobile hamburger menu (added Aug 22 — CSS-only toggle, no JS dependency) ===== */
.navtoggle{display:none}
.navburger{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0;margin:0;cursor:pointer;background:none;border:0}
.navburger .bar{display:block;width:26px;height:2px;background:var(--bone);transition:transform .25s ease,opacity .2s ease}
@media(max-width:900px){
  .navburger{display:flex}
  .top .links{
    display:flex;flex-direction:column;gap:0;
    position:fixed;top:66px;left:0;right:0;width:100%;
    background:rgba(12,12,14,.97);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    padding:0;max-height:0;overflow:hidden;
    transition:max-height .3s ease;
  }
  .navtoggle:checked ~ .links{max-height:82vh;padding:6px 0 12px}
  .top .links a{padding:15px 26px;font-size:17px;border-top:1px solid var(--line)}
  .navtoggle:checked ~ .navburger .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .navtoggle:checked ~ .navburger .bar:nth-child(2){opacity:0}
  .navtoggle:checked ~ .navburger .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}