/* ============================================================
   DANNY AMORIM — HOLDING COMPANY PLATFORM
   Design system / global stylesheet
   ============================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  --jet:#000000;          /* page */
  --charcoal:#0A0A0A;     /* secondary surface */
  --card:#0D0D0D;         /* cards */
  --graphite:#1C1C1C;
  --gunmetal:#2A2A2A;
  --line:rgba(255,255,255,.08);
  --hair:rgba(255,255,255,.08);

  --white:#FFFFFF;
  --gray:#B6B6B6;
  --gray-dim:#8A8A8A;

  /* brushed gold, sampled from the approved mockup */
  --gold:#BF874C;
  --gold-lt:#D09664;
  --bronze:#8E6634;
  --champagne:#D4A166;
  --silver:#DADADA;
  --gold-soft:rgba(190,139,78,.12);
  --hair-gold:rgba(190,139,78,.34);

  --display:'Anton',Impact,sans-serif;      /* huge condensed headlines */
  --head:'Bebas Neue','Oswald',sans-serif;
  --utility:'Oswald','Helvetica Neue',sans-serif;
  --body:'Montserrat','Helvetica Neue',Arial,sans-serif;

  --gut:clamp(20px,4vw,44px);
  --shell:1280px;
  --sec-y:clamp(64px,8vw,110px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --r:10px;
}

/* ---------- 2. RESET ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--jet);
color:var(--white);
  font-family:var(--body);font-size:16px;line-height:1.72;
  font-weight:400;letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;border:0;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
input,select,textarea{font:inherit;color:inherit;}
h1,h2,h3,h4,p,figure,ul,ol{margin:0;}
ul,ol{padding:0;list-style:none;}
[hidden]{display:none!important;}
::selection{background:var(--gold);color:var(--jet);}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* ---------- 3. TYPE SCALE ---------- */
.display{
  font-family:var(--display);font-weight:400;
  line-height:.93;letter-spacing:.005em;text-transform:uppercase;
}
.d-xl{font-size:clamp(2.9rem,7.4vw,6.1rem);}
.d-lg{font-size:clamp(2.1rem,4.3vw,3.5rem);}
.d-md{font-size:clamp(1.7rem,3.1vw,2.6rem);}
.d-sm{font-size:clamp(1.25rem,1.9vw,1.6rem);}
/* metal fill for the one accent word per headline */
.metal{color:var(--gold);}
@keyframes sheen{0%,100%{background-position:120% 0;}50%{background-position:-20% 0;}}

/* ---- the flair note: Bodoni italic against the geometric caps ---- */
.accent{color:var(--gold);}
.accent--plain{background:none;color:var(--white);-webkit-text-fill-color:var(--white);animation:none;}

.eyebrow{
  font-family:var(--utility);font-weight:400;text-transform:uppercase;
  font-size:.72rem;letter-spacing:.3em;color:var(--gold);
  display:block;margin-bottom:1.15em;
}
.eyebrow--pale{color:var(--gray-dim);}

.lede{font-size:clamp(1.02rem,1.35vw,1.16rem);color:var(--gray);max-width:60ch;line-height:1.78;}
.body-copy{color:var(--gray);max-width:64ch;}
.body-copy + .body-copy{margin-top:1.15em;}
.gold{color:var(--gold);}
.display .gold{color:var(--gold);}
.hollow{color:transparent;-webkit-text-stroke:1.5px var(--gunmetal);}

.sig-mark{width:clamp(170px,20vw,240px);opacity:.95;}

/* ---------- 4. SHELL & SECTIONS ---------- */
.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gut);}
.shell--wide{max-width:1620px;}
.shell--form{max-width:940px;}
.sec{padding-block:var(--sec-y);position:relative;}
.sec--charcoal{background:var(--charcoal);}
.sec--graphite{background:var(--graphite);}
.sec--tight{padding-block:clamp(48px,6vw,80px);}
.rule{height:1px;background:var(--hair);border:0;margin:0;}

.sec-head{max-width:880px;margin-bottom:clamp(38px,5vw,62px);}
.sec-head p{margin-top:1.3em;}
.sec-head--center{margin-inline:auto;text-align:center;}

/* ---------- 5. BUTTONS ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.7em;
  font-family:var(--utility);font-weight:500;text-transform:uppercase;
  font-size:.78rem;letter-spacing:.14em;
  padding:1.15em 2.1em;border:1px solid transparent;
  transition:background .35s var(--ease),color .35s var(--ease),
             border-color .35s var(--ease),transform .35s var(--ease);
}
.btn:hover{transform:translateY(-2px);}
.btn--gold{background:var(--gold);color:#0A0A0A;}
.btn--gold:hover{background:var(--gold-lt);box-shadow:0 0 26px rgba(190,139,78,.34);}
.btn--ghost{border-color:rgba(255,255,255,.34);color:var(--white);}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn--dark{background:var(--jet);color:var(--white);border-color:var(--jet);}
.btn--dark:hover{background:var(--gold);color:var(--jet);border-color:var(--gold);}
.btn--block{width:100%;}
.btn[disabled]{opacity:.4;pointer-events:none;transform:none;}

.link-arrow{
  font-family:var(--utility);text-transform:uppercase;font-size:.75rem;
  letter-spacing:.2em;color:var(--gold);display:inline-flex;align-items:center;gap:.6em;
}
.link-arrow svg{transition:transform .35s var(--ease);}
.link-arrow:hover svg{transform:translateX(6px);}

/* ---------- 6. HEADER ---------- */
.hdr{
  position:fixed;inset:0 0 auto;z-index:90;
  transition:background .4s var(--ease),border-color .4s var(--ease),padding .4s var(--ease);
  border-bottom:1px solid transparent;padding-block:18px;
}
.hdr.is-stuck{background:rgba(10,10,10,.92);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);border-bottom-color:var(--hair);padding-block:10px;}
.hdr::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.78),rgba(10,10,10,0));transition:opacity .4s var(--ease);}
.hdr.is-stuck::before{opacity:0;}
.hdr__in{display:flex;align-items:center;justify-content:space-between;gap:28px;}
.brand{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto;}
.brand img{width:clamp(38px,4vw,50px);}
.brand span{font-family:var(--utility);font-weight:300;font-size:.48rem;letter-spacing:.42em;color:var(--gray);}

.nav{display:flex;align-items:center;gap:clamp(14px,1.9vw,30px);}
.nav a{
  font-family:var(--utility);font-weight:400;text-transform:uppercase;
  font-size:.78rem;letter-spacing:.1em;color:var(--gray);font-weight:400;
  padding-block:6px;position:relative;transition:color .3s var(--ease);
}
/* the tab itself lights up: gold text, a soft glow, an igniting rule */
.nav a{transition:color .3s var(--ease),text-shadow .35s var(--ease);}
.nav a::after{
  content:'';position:absolute;left:50%;bottom:0;height:2px;width:0;
  background:var(--gold);transform:translateX(-50%);
  transition:width .4s var(--ease),box-shadow .4s var(--ease);
}
.nav a::before{
  content:'';position:absolute;left:50%;bottom:-2px;width:70%;height:16px;
  transform:translateX(-50%);pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 50% 100%,rgba(190,139,78,.55),transparent 72%);
  transition:opacity .4s var(--ease);
}
.nav a:hover,.nav a:focus-visible{
  color:var(--gold-lt);
  text-shadow:0 0 14px rgba(190,139,78,.55),0 0 30px rgba(190,139,78,.25);
}
.nav a:hover::after,.nav a:focus-visible::after,.nav a[aria-current="page"]::after{
  width:100%;box-shadow:0 0 10px rgba(190,139,78,.85),0 0 20px rgba(190,139,78,.45);
}
.nav a:hover::before,.nav a:focus-visible::before,.nav a[aria-current="page"]::before{opacity:1;}
.nav a[aria-current="page"]{
  color:var(--gold);
  text-shadow:0 0 12px rgba(190,139,78,.4);
}
.hdr .btn{padding:.9em 1.5em;font-size:.72rem;}

.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;}
.burger i{display:block;width:22px;height:1.5px;background:var(--white);position:relative;transition:background .3s;}
.burger i::before,.burger i::after{content:'';position:absolute;left:0;width:22px;height:1.5px;background:var(--white);transition:transform .35s var(--ease);}
.burger i::before{top:-7px;}
.burger i::after{top:7px;}
body.nav-open .burger i{background:transparent;}
body.nav-open .burger i::before{transform:translateY(7px) rotate(45deg);}
body.nav-open .burger i::after{transform:translateY(-7px) rotate(-45deg);}

.drawer{
  position:fixed;inset:0;z-index:88;background:var(--jet);
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  padding:100px var(--gut) 40px;
  transform:translateY(-100%);transition:transform .5s var(--ease);
  visibility:hidden;
}
body.nav-open .drawer{transform:none;visibility:visible;}
.drawer a{
  transition:color .3s var(--ease),text-shadow .35s var(--ease),border-color .35s var(--ease);
  font-family:var(--display);text-transform:uppercase;
  font-size:clamp(1.6rem,6vw,2.3rem);line-height:1.2;color:var(--white);font-family:var(--display);
  border-bottom:1px solid var(--hair);padding-block:.28em;
}
.drawer a:last-of-type{border-bottom:0;}
.drawer a:hover,.drawer a:focus-visible{color:var(--gold-lt);
  text-shadow:0 0 16px rgba(190,139,78,.5);border-bottom-color:var(--hair-gold);}
.drawer .btn{margin-top:26px;}

/* ---------- 7. HERO ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding-block:150px 150px;overflow:hidden;background:var(--jet);}
.hero__media{position:absolute;inset:0 0 0 42%;z-index:0;}
.hero__media img{width:100%;height:100%!important;object-fit:cover;object-position:46% 12%;
  filter:contrast(1.04) saturate(1.1) brightness(1.06);}
.hero__media::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(90deg,var(--jet) 1%,rgba(10,10,10,.8) 26%,rgba(10,10,10,.06) 58%,rgba(10,10,10,0) 100%),
    linear-gradient(0deg,var(--jet) 0%,rgba(10,10,10,0) 24%);
}
.hero__in{position:relative;z-index:2;}
.hero__copy{max-width:min(930px,100%);}
.hero .d-xl{margin-bottom:.7em;}
.hero__sub{color:var(--gray);font-size:clamp(1rem,1.3vw,1.14rem);max-width:44ch;margin-bottom:2.4em;line-height:1.75;}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;}

.scroll-cue{display:none!important;
  position:absolute;bottom:36px;left:var(--gut);z-index:3;
  display:flex;align-items:center;gap:14px;
  font-family:var(--utility);font-size:.62rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--gray-dim);
}
.scroll-cue i{display:block;width:64px;height:1px;background:var(--gunmetal);position:relative;overflow:hidden;}
.scroll-cue i::after{content:'';position:absolute;inset:0;background:var(--gold);
  transform:translateX(-100%);animation:cue 2.6s var(--ease) infinite;}
@keyframes cue{0%{transform:translateX(-100%);}55%{transform:translateX(0);}100%{transform:translateX(100%);}}

/* Interior page hero */
.phero{position:relative;padding:clamp(150px,17vw,220px) 0 clamp(60px,7vw,96px);
  border-bottom:1px solid var(--hair);overflow:hidden;}
.phero__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 24%;
  opacity:.3;filter:grayscale(1) contrast(1.15);}
.phero--img::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,10,10,.86),rgba(10,10,10,.5) 55%,var(--jet));}
.phero__in{position:relative;z-index:2;}
.phero .lede{margin-top:1.4em;}

/* ---------- 7b. FRAME ---------- */
.frame{
  border:1px solid var(--line);background:rgba(20,20,20,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative;
}
.frame::before,.frame::after{content:'';position:absolute;width:0;height:0;border:0;}
.frame::before{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.frame::after{bottom:-1px;right:-1px;border-left:0;border-top:0;}

/* ---------- 8. STAT BAR ---------- */
.stats{padding-block:0;margin-top:-46px;position:relative;z-index:5;}
.stats__grid{display:grid;grid-template-columns:repeat(5,1fr);}
.stats__cell{padding:clamp(20px,2.6vw,30px) clamp(12px,1.6vw,22px);border-left:1px solid rgba(201,174,131,.18);
  display:flex;align-items:center;gap:clamp(10px,1.3vw,16px);}
.stats__cell:first-child{border-left:0;}
.stats__ico{flex:0 0 auto;width:clamp(26px,2.4vw,32px);height:auto;stroke:var(--gold);fill:none;stroke-width:1.2;}
.stats__num{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3.1vw,2.6rem);
  line-height:1;letter-spacing:.02em;color:var(--white);display:block;}
.stats__num em{font-style:normal;color:var(--gold);}
.stats__lab{font-family:var(--utility);font-weight:300;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gray-dim);margin-top:.5em;display:block;}

/* ---------- 9. EDITORIAL SPLIT ---------- */
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,74px);align-items:center;}
.split--flip .split__media{order:2;}
.split__media{position:relative;}
.split__media img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;}
.split__media::after{content:'';position:absolute;inset:0;border:1px solid var(--hair);pointer-events:none;}
.split__tag{
  position:absolute;left:-1px;bottom:26px;background:var(--jet);
  border-left:2px solid var(--gold);padding:.85em 1.4em;
  font-family:var(--utility);font-size:.63rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gray);
}

/* Identity list (I build businesses / I teach strategy…) */
.ident{margin-top:0;border:1px solid var(--line);background:var(--card);}
.ident li{border-bottom:1px solid var(--line);}
.ident li:last-child{border-bottom:0;}
.ident a{display:flex;align-items:center;gap:1.15em;padding:1.05em 1.2em;transition:padding-left .4s var(--ease),background .4s var(--ease);}
.ident a:hover{background:rgba(255,255,255,.03);}
.ident__ico{flex:0 0 auto;width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.2;}
.ident__k{font-weight:300;font-family:var(--utility);font-size:.82rem;letter-spacing:.24em;text-transform:uppercase;flex:0 0 auto;min-width:11.5em;}
.ident__v{color:var(--gray-dim);font-size:.9rem;flex:1;}
.ident a:hover .ident__k{color:var(--gold);}

/* ---------- 10. OFFER CARDS ---------- */
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.05vw,15px);}
@media (max-width:1100px){.cards{grid-template-columns:repeat(3,1fr);}}
@media (max-width:760px){.cards{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.cards{grid-template-columns:1fr;}}

@media (max-width:1000px){.cards--6{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.cards--6{grid-template-columns:1fr;}}
.card{position:relative;display:block;background:var(--card);min-height:clamp(300px,25vw,360px);
  overflow:hidden;isolation:isolate;border:1px solid var(--line);
  transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease);}
.card:hover{border-color:var(--hair-gold);transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,0,0,.6);}
.card__bg{position:absolute;inset:0;z-index:-2;}
.card__bg img{width:100%;height:100%!important;object-fit:cover;object-position:50% 16%;transition:transform 1.1s var(--ease),filter .7s var(--ease);
  filter:saturate(1.14) contrast(1.06) brightness(1.02);}
.card::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,10,10,.12) 24%,rgba(10,10,10,.7) 66%,rgba(10,10,10,.95));
  transition:background .6s var(--ease);}
.card:hover .card__bg img{transform:scale(1.08);filter:saturate(1.3) contrast(1.08) brightness(1.14);}
.card:hover::after{background:linear-gradient(180deg,rgba(10,10,10,.06) 14%,rgba(10,10,10,.62) 62%,rgba(10,10,10,.94));}
.card__body{position:absolute;inset:auto 0 0;padding:clamp(20px,2.4vw,30px);}
/* a hairline of metal wipes in under the title */
.card__body::before{content:'';position:absolute;left:clamp(20px,2.4vw,30px);top:0;height:1px;width:0;
  background:var(--metal);transition:width .55s var(--ease);}
.card:hover .card__body::before{width:44px;}
.card__ttl{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.02;
  letter-spacing:.012em;font-size:clamp(1.15rem,1.65vw,1.42rem);margin-bottom:.65em;}
.card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-family:var(--utility);font-weight:300;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);}
.card__meta svg{transition:transform .4s var(--ease);}
.card:hover .card__meta svg{transform:translateX(6px);}
.card--type .card__bg{background:radial-gradient(120% 90% at 50% 12%,#2A2317,var(--jet) 68%);}
.card--type .card__mono{position:absolute;top:50%;left:50%;translate:-50% -58%;width:44%;opacity:.5;
  transition:opacity .6s var(--ease),translate .8s var(--ease);}
.card--type:hover .card__mono{opacity:.82;translate:-50% -62%;}
.card__mono--sa{width:36%;}

/* ---------- 11. SIGNATURE: THE HOLDING COMPANY SPINE ---------- */
.spine{position:relative;padding-block:clamp(10px,2vw,24px) 0;}
.spine__crown{text-align:center;position:relative;padding-bottom:clamp(70px,8vw,104px);}
.spine__crown::after{content:'';position:absolute;left:50%;bottom:0;width:1px;
  height:clamp(36px,5vw,56px);background:linear-gradient(180deg,var(--hair-gold),var(--gunmetal));translate:-.5px 0;}
.spine__crown img{width:clamp(74px,8vw,116px);margin-inline:auto;}
.spine__crown p{font-family:var(--utility);font-size:.64rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--bronze);margin-top:1.7em;}
.spine__track{position:relative;padding-bottom:clamp(40px,6vw,70px);}
/* the vertical rail */
.spine__track::before{
  content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:var(--gunmetal);translate:-.5px 0;
}
.spine__track::after{
  content:'';position:absolute;left:50%;top:0;width:1px;height:var(--fill,0%);
  background:linear-gradient(180deg,var(--gold),var(--bronze));translate:-.5px 0;
  box-shadow:0 0 14px rgba(214,175,54,.45);transition:height .25s linear;
}
.node{position:relative;display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(30px,6vw,90px);padding-block:clamp(22px,3vw,34px);}
.node__card{
  background:var(--charcoal);border:1px solid var(--hair);
  padding:clamp(22px,2.6vw,34px);position:relative;
  transition:border-color .5s var(--ease),transform .6s var(--ease),background .5s var(--ease);
}
.node:nth-child(odd) .node__card{grid-column:1;}
.node:nth-child(even) .node__card{grid-column:2;}
.node__card:hover{border-color:var(--hair-gold);background:#181818;transform:translateY(-3px);}
/* dot on the rail */
.node__dot{
  position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;
  translate:-50% -50%;background:var(--gunmetal);z-index:2;
  transition:background .5s var(--ease),box-shadow .5s var(--ease);
}
.node.is-lit .node__dot{background:var(--gold);box-shadow:0 0 0 4px rgba(214,175,54,.14),0 0 16px rgba(214,175,54,.6);}
/* connector from rail to card */
.node__link{position:absolute;top:50%;height:1px;background:var(--gunmetal);
  transition:background .5s var(--ease);}
.node:nth-child(odd) .node__link{right:50%;width:clamp(15px,3vw,45px);}
.node:nth-child(even) .node__link{left:50%;width:clamp(15px,3vw,45px);}
.node.is-lit .node__link{background:var(--hair-gold);}
.node__kicker{font-family:var(--utility);font-weight:300;font-size:.58rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:1em;}
.node__name{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:1.04;
  letter-spacing:.012em;font-size:clamp(1.2rem,1.9vw,1.6rem);margin-bottom:.6em;}
.node__desc{color:var(--gray);font-size:.93rem;margin-bottom:1.5em;}
.spine__foot{text-align:center;font-family:var(--utility);font-size:.68rem;
  letter-spacing:.32em;text-transform:uppercase;color:var(--gray-dim);}
.spine__foot b{color:var(--gold);font-weight:400;}

/* ---------- 11b. MARQUEE ---------- */
.marquee{overflow:hidden;border-block:1px solid var(--hair);background:var(--charcoal);
  padding-block:clamp(14px,1.8vw,22px);position:relative;}
.marquee::before,.marquee::after{content:'';position:absolute;top:0;bottom:0;width:16%;z-index:2;pointer-events:none;}
.marquee::before{left:0;background:linear-gradient(90deg,var(--charcoal),transparent);}
.marquee::after{right:0;background:linear-gradient(270deg,var(--charcoal),transparent);}
.marquee__track{display:flex;width:max-content;animation:slide 34s linear infinite;}
.marquee:hover .marquee__track{animation-play-state:paused;}
.marquee__track span{
  font-family:var(--utility);font-weight:500;text-transform:uppercase;
  font-size:clamp(1.05rem,2.4vw,2rem);letter-spacing:.14em;color:var(--white);
  padding-inline:clamp(16px,2vw,30px);white-space:nowrap;}
.marquee__track i{font-style:normal;color:var(--gold);align-self:center;font-size:.7em;}
.marquee__track em{font-style:normal;color:var(--gold);}
@keyframes slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---------- 12. LOGO / PRESS WALL ---------- */
.press{border-block:1px solid var(--hair);background:var(--charcoal);overflow:hidden;}
.press__row{display:flex;align-items:center;gap:clamp(34px,5vw,72px);
  padding-block:clamp(24px,3vw,34px);flex-wrap:wrap;justify-content:center;}
.press__row span{font-family:var(--utility);font-weight:500;font-size:clamp(.86rem,1.5vw,1.15rem);
  letter-spacing:.06em;text-transform:uppercase;color:#5C5C5C;
  transition:color .4s var(--ease);white-space:nowrap;}
.press__row span:hover{color:var(--gray);}

/* ---------- 13. GENERIC GRIDS ---------- */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,2.6vw,34px);}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:clamp(20px,2.4vw,30px);}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:clamp(18px,2vw,26px);}

.panel{background:var(--charcoal);border:1px solid var(--hair);padding:clamp(24px,2.8vw,38px);
  transition:border-color .45s var(--ease),transform .45s var(--ease);}
.panel:hover{border-color:var(--hair-gold);transform:translateY(-3px);}
.panel__ttl{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.22rem;
  letter-spacing:.012em;line-height:1.1;margin-bottom:.75em;}
.panel p{color:var(--gray);font-size:.93rem;}
.panel ul li{color:var(--gray);font-size:.9rem;padding-left:1.3em;position:relative;padding-block:.28em;}
.panel ul li::before{content:'';position:absolute;left:0;top:1.02em;width:6px;height:1px;background:var(--bronze);}

/* ---------- 14. COURSE TILES ---------- */
.course{background:var(--charcoal);border:1px solid var(--hair);display:flex;flex-direction:column;
  overflow:hidden;transition:border-color .45s var(--ease),transform .45s var(--ease);}
.course:hover{border-color:var(--hair-gold);transform:translateY(-4px);}
.course__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--graphite);}
.course__img img{width:100%;height:100%!important;object-fit:cover;object-position:50% 20%;filter:saturate(1.05) contrast(1.08) brightness(.95);
  transition:transform 1s var(--ease),filter .6s var(--ease);}
.course:hover .course__img img{transform:scale(1.07);filter:saturate(1.2) contrast(1.1) brightness(1.05);}
.course__lvl{position:absolute;top:0;left:0;background:var(--jet);color:var(--gold);
  font-family:var(--utility);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding:.7em 1.1em;}
.course__body{padding:clamp(20px,2.2vw,26px);display:flex;flex-direction:column;flex:1;}
.course__ttl{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.3rem;letter-spacing:.012em;line-height:1.06;margin-bottom:.6em;}
.course__desc{color:var(--gray);font-size:.9rem;margin-bottom:1.5em;flex:1;}
.course__meta{display:flex;gap:1.5em;border-top:1px solid var(--hair);padding-top:1.1em;
  font-family:var(--utility);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-dim);}
.course__meta b{color:var(--white);font-weight:400;display:block;margin-top:.4em;}

/* ---------- 15. TIMELINE (events) ---------- */
.tl{border-top:1px solid var(--hair);}
.tl__row{display:grid;grid-template-columns:150px 1fr 220px;gap:clamp(18px,3vw,44px);
  align-items:center;padding-block:clamp(24px,3vw,34px);border-bottom:1px solid var(--hair);
  transition:background .4s var(--ease),padding-left .4s var(--ease);}
.tl__row:hover{background:rgba(255,255,255,.02);padding-left:14px;}
.tl__date{font-family:var(--display);text-transform:uppercase;line-height:1;}
.tl__date span{display:block;font-size:1.6rem;font-weight:300;letter-spacing:.04em;}
.tl__date em{font-style:normal;font-family:var(--utility);font-size:.66rem;
  letter-spacing:.24em;color:var(--gold);display:block;margin-top:.5em;}
.tl__ttl{font-family:var(--utility);font-weight:300;font-size:.98rem;
  letter-spacing:.14em;text-transform:uppercase;}
.tl__loc{color:var(--gray-dim);font-size:.86rem;margin-top:.45em;}
.tl__act{text-align:right;}
.badge{display:inline-block;font-family:var(--utility);font-size:.58rem;letter-spacing:.2em;
  text-transform:uppercase;padding:.55em 1em;border:1px solid var(--hair-gold);color:var(--gold);}
.badge--out{border-color:var(--gunmetal);color:var(--gray-dim);}

/* ---------- 16. PODCAST ---------- */
.ep{display:grid;grid-template-columns:250px 1fr auto;gap:clamp(16px,2.4vw,32px);align-items:center;
  padding-block:clamp(18px,2.2vw,26px);border-bottom:1px solid var(--hair);
  transition:background .4s var(--ease);}
.ep:hover{background:rgba(255,255,255,.02);}
.ep__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--graphite);}
.ep__thumb img{width:100%;height:100%!important;object-fit:cover;object-position:50% 20%;filter:saturate(1.02) brightness(.94);transition:filter .5s var(--ease);}
.ep:hover .ep__thumb img{filter:saturate(1.2) brightness(1.06);}
.ep__no{font-family:var(--utility);font-size:.6rem;letter-spacing:.24em;color:var(--gold);}
.ep__ttl{font-family:var(--utility);font-weight:300;font-size:.95rem;letter-spacing:.14em;
  text-transform:uppercase;margin-block:.5em .4em;}
.ep__guest{color:var(--gray-dim);font-size:.86rem;}
.play{width:52px;height:52px;border:1px solid var(--hair);border-radius:50%;
  display:grid;place-items:center;transition:background .4s var(--ease),border-color .4s var(--ease);}
.ep:hover .play{background:var(--gold);border-color:var(--gold);}
.ep:hover .play svg{fill:var(--jet);}
.play svg{fill:var(--white);transition:fill .4s var(--ease);}

/* ---------- 17. SHOP ---------- */
.prod{background:var(--charcoal);border:1px solid var(--hair);overflow:hidden;
  transition:border-color .45s var(--ease),transform .45s var(--ease);}
.prod:hover{border-color:var(--hair-gold);transform:translateY(-4px);}
.prod__img{aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden;
  background:radial-gradient(120% 100% at 50% 10%,#231D12,var(--jet) 70%);}
.prod__img img{width:100%;height:100%!important;object-fit:cover;object-position:50% 18%;filter:saturate(1.05) brightness(.96);
  transition:transform .9s var(--ease),filter .6s var(--ease);}
.prod:hover .prod__img img{transform:scale(1.06);filter:saturate(1.2) brightness(1.06);}
.prod__mono{width:38%!important;height:auto!important;object-fit:contain!important;opacity:.6;}
.prod__body{padding:clamp(18px,2vw,24px);}
.prod__ttl{font-family:var(--utility);font-weight:300;text-transform:uppercase;
  letter-spacing:.16em;font-size:.9rem;}
.prod__cat{font-family:var(--utility);font-size:.58rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gray-dim);display:block;margin-bottom:.9em;}
.prod__price{color:var(--gold);font-family:var(--utility);font-size:.92rem;
  letter-spacing:.1em;margin-top:.8em;display:block;}

/* ---------- 18. TESTIMONIALS ---------- */
.quote{background:var(--charcoal);border:1px solid var(--hair);padding:clamp(26px,3vw,38px);
  display:flex;flex-direction:column;}
.quote__mark{font-family:var(--body);font-size:2.6rem;color:var(--gunmetal);line-height:.7;margin-bottom:.35em;}
.quote p{color:var(--gray);font-size:.98rem;flex:1;line-height:1.75;}
.quote footer{margin-top:1.8em;padding-top:1.2em;border-top:1px solid var(--hair);
  font-family:var(--utility);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;}
.quote footer em{font-style:normal;display:block;color:var(--gray-dim);margin-top:.5em;letter-spacing:.16em;}

/* ---------- 19. FORMS ---------- */
.form{display:grid;gap:clamp(16px,2vw,22px);}
.field{display:flex;flex-direction:column;gap:.7em;}
.field label,.legend{font-family:var(--utility);font-size:.66rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gray);}
.field label .req{color:var(--gold);}
.field input,.field select,.field textarea{
  background:var(--jet);border:1px solid var(--gunmetal);color:var(--white);
  padding:.95em 1.05em;font-size:.95rem;font-family:var(--body);width:100%;
  transition:border-color .3s var(--ease),background .3s var(--ease);
  appearance:none;border-radius:0;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;background:#0F0F0F;}
.field input::placeholder,.field textarea::placeholder{color:#5A5A5A;}
.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23B7B7B7' fill='none' stroke-width='1.4'/></svg>");
  background-repeat:no-repeat;background-position:right 1.1em center;padding-right:2.6em;}
.field textarea{min-height:130px;resize:vertical;}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,22px);}
fieldset{border:0;padding:0;margin:0;}

/* choice chips */
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:1em;}
.chip{position:relative;}
.chip input{position:absolute;opacity:0;width:0;height:0;}
.chip span{display:block;border:1px solid var(--gunmetal);padding:1.05em 1.15em;cursor:pointer;
  font-family:var(--utility);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gray);transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease);}
.chip span small{display:block;font-family:var(--body);text-transform:none;letter-spacing:0;
  font-size:.76rem;color:var(--gray-dim);margin-top:.6em;line-height:1.5;}
.chip:hover span{border-color:var(--bronze);color:var(--white);}
.chip input:checked + span{border-color:var(--gold);color:var(--white);background:var(--gold-soft);}
.chip input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px;}

/* stepper */
.steps{display:flex;gap:2px;margin-bottom:clamp(26px,3vw,38px);}
.steps__i{flex:1;padding:1em .4em;text-align:center;background:var(--graphite);
  font-family:var(--utility);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gray-dim);border-top:2px solid var(--gunmetal);transition:all .4s var(--ease);}
.steps__i.is-active{color:var(--white);border-top-color:var(--gold);background:#1B1B1B;}
.steps__i.is-done{color:var(--bronze);border-top-color:var(--bronze);}
.step{display:none;}
.step.is-active{display:grid;gap:clamp(16px,2vw,22px);animation:fade .45s var(--ease);}
@keyframes fade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.form-nav{display:flex;justify-content:space-between;gap:14px;margin-top:clamp(24px,3vw,32px);
  padding-top:clamp(20px,2.4vw,26px);border-top:1px solid var(--hair);}
.form-err{color:#E4A0A0;font-size:.82rem;font-family:var(--utility);letter-spacing:.1em;
  text-transform:uppercase;display:none;}
.form-err.is-on{display:block;}
.review{background:var(--jet);border:1px solid var(--hair);padding:clamp(20px,2.4vw,28px);}
.review dl{display:grid;grid-template-columns:auto 1fr;gap:.8em 1.6em;margin:0;font-size:.9rem;}
.review dt{font-family:var(--utility);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-dim);padding-top:.25em;}
.review dd{margin:0;color:var(--white);}

/* newsletter */
.news{display:flex;gap:10px;flex-wrap:wrap;max-width:520px;}
.news input{flex:1;min-width:220px;background:var(--jet);border:1px solid var(--gunmetal);
  color:var(--white);padding:1.05em 1.1em;font-size:.92rem;}
.news input:focus{border-color:var(--gold);outline:none;}

/* ---------- 20. CTA BAND ---------- */
.band{position:relative;overflow:hidden;background:var(--charcoal);}
.band__media{position:absolute;inset:0;}
.band__media img{width:100%;height:100%!important;object-fit:cover;object-position:30% 30%;filter:grayscale(.7) contrast(1.1);}
.band__media::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,10,.55),rgba(10,10,10,.93) 46%,var(--jet));}
.band__in{position:relative;z-index:2;max-width:620px;margin-left:auto;}

/* ---------- 21. FOOTER ---------- */
.ftr{background:var(--jet);border-top:1px solid var(--hair);padding-block:clamp(52px,6vw,78px) 0;}
.ftr__top{display:grid;grid-template-columns:1.25fr .8fr .8fr 1.1fr;gap:clamp(28px,4vw,54px);
  padding-bottom:clamp(38px,4.6vw,58px);}
.ftr__brand img{width:56px;margin-bottom:18px;}
.ftr__brand p{color:var(--gray-dim);font-size:.86rem;max-width:34ch;}
.ftr h4{font-family:var(--utility);font-weight:400;font-size:.64rem;letter-spacing:.26em;
  text-transform:uppercase;color:var(--gold);margin-bottom:1.5em;}
.ftr li{margin-bottom:.85em;}
.ftr li a{color:var(--gray);font-size:.88rem;transition:color .3s var(--ease);}
.ftr li a:hover{color:var(--gold-lt);text-shadow:0 0 12px rgba(190,139,78,.4);}
.ftr__bot{border-top:1px solid var(--hair);padding-block:26px;display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;
  font-family:var(--utility);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#5C5C5C;}
.ftr__bot a{transition:color .3s var(--ease);}
.ftr__bot a:hover{color:var(--gold);}
.socials{display:flex;gap:8px;}
.socials a{width:38px;height:38px;border:1px solid var(--hair);display:grid;place-items:center;
  transition:border-color .35s var(--ease),background .35s var(--ease);}
.socials a:hover{border-color:var(--gold);background:var(--gold-soft);}
.socials svg{fill:var(--gray);width:15px;height:15px;}
.socials a:hover svg{fill:var(--gold);}
.ftr__brands{display:flex;flex-wrap:wrap;gap:10px 22px;}
.ftr__brands span{font-family:var(--utility);font-size:.6rem;letter-spacing:.2em;
  text-transform:uppercase;color:#4E4E4E;}

/* ---------- 22. MOTION ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease);}
.rv.is-in{opacity:1;transform:none;}
.rv-d1{transition-delay:.09s;} .rv-d2{transition-delay:.18s;}
.rv-d3{transition-delay:.27s;} .rv-d4{transition-delay:.36s;}

/* ---------- 23. UTILITIES ---------- */
.center{text-align:center;}
.mt-l{margin-top:clamp(30px,4vw,48px);}
.mt-m{margin-top:clamp(20px,2.6vw,30px);}
.mt-s{margin-top:1.2em;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.note{font-size:.78rem;color:var(--gray-dim);line-height:1.65;}

/* ---------- 24. RESPONSIVE ---------- */
@media (max-width:1080px){
  .nav,.hdr .btn{display:none;}
  .burger{display:flex;}
  .stats__grid{grid-template-columns:repeat(3,1fr);}
  .stats__cell:nth-child(4){border-left:0;}
  .stats__cell:nth-child(n+4){border-top:1px solid var(--hair);}
  .ftr__top{grid-template-columns:1fr 1fr;}
  .ep{grid-template-columns:180px 1fr auto;}
}
@media (max-width:900px){
  .hero{min-height:auto;padding-block:130px 84px;}
  .hero__media{inset:0;opacity:.42;}
  .hero__media img{object-position:58% 18%;}
  .hero__media::after{background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,.55) 40%,var(--jet) 96%);}
  .scroll-cue{display:none;}
  .split{grid-template-columns:1fr;}
  .split--flip .split__media{order:0;}
  .tl__row{grid-template-columns:1fr;gap:14px;}
  .tl__date span{font-size:1.5rem;}
  .tl__act{text-align:left;}
  .band__in{margin-left:0;}
  .band__media::after{background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,.95));}
  /* spine → single rail on the left */
  .spine__track::before,.spine__track::after{left:6px;}
  .spine__crown{text-align:left;}
  .spine__crown img{margin-inline:0;}
  .spine__crown::after{left:6px;}
  .node{grid-template-columns:1fr;padding-left:40px;}
  .node:nth-child(odd) .node__card,.node:nth-child(even) .node__card{grid-column:1;}
  .node__dot{left:6px;}
  .node:nth-child(odd) .node__link,.node:nth-child(even) .node__link{left:6px;right:auto;width:34px;}
}
@media (max-width:640px){
  .eyebrow{letter-spacing:.24em;font-size:.66rem;}
  .stats__grid{grid-template-columns:repeat(2,1fr);}
  .stats__cell{border-left:1px solid var(--hair);border-top:1px solid var(--hair);}
  .stats__cell:nth-child(odd){border-left:0;}
  .stats__cell:nth-child(-n+2){border-top:0;}
  .row-2{grid-template-columns:1fr;}
  .ep{grid-template-columns:1fr;gap:14px;}
  .ep__thumb{max-width:100%;}
  .ftr__top{grid-template-columns:1fr;}
  .steps__i{font-size:0;padding:.9em .2em;}
  .steps__i b{font-size:.6rem;}
  .ident a{flex-direction:column;gap:.4em;}
  .ident__k{min-width:0;}
  .btn{width:100%;}
  .hdr .btn,.news .btn,.form-nav .btn{width:auto;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;}
  .rv{opacity:1;transform:none;}
  .metal,.accent,.btn--gold,.marquee__track,.display .gold{animation:none!important;}
  .metal,.accent,.display .gold{background-position:50% 0!important;}
}

/* ---------- 25. FILTER BAR ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,3.4vw,42px);}
.filters button{
  font-family:var(--utility);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gray-dim);border:1px solid var(--hair);padding:.85em 1.4em;
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.filters button:hover{color:var(--white);border-color:var(--bronze);}
.filters button.is-on{color:var(--jet);background:var(--gold);border-color:var(--gold);}

/* ---------- 26. FAQ / DISCLOSURE ---------- */
.faq{border-top:1px solid var(--hair);}
.faq details{border-bottom:1px solid var(--hair);}
.faq summary{list-style:none;cursor:pointer;padding:1.35em .2em;display:flex;
  align-items:center;justify-content:space-between;gap:20px;
  font-family:var(--utility);font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;
  transition:color .3s var(--ease);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--gold);}
.faq summary::after{content:'+';color:var(--gold);font-size:1.2rem;line-height:1;flex:0 0 auto;}
.faq details[open] summary::after{content:'–';}
.faq p{color:var(--gray);font-size:.93rem;padding:0 .2em 1.6em;max-width:70ch;}

/* ---------- 27. GALLERY ---------- */
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:2px;}
@media (max-width:1100px){.gal{grid-template-columns:repeat(3,1fr);}}
@media (max-width:760px){.gal{grid-template-columns:repeat(2,1fr);}}
.gal figure{position:relative;overflow:hidden;aspect-ratio:3/4;margin:0;background:var(--graphite);}
.gal__wide{grid-column:span 2;aspect-ratio:3/2!important;}
@media (max-width:520px){.gal{grid-template-columns:1fr;}.gal__wide{grid-column:span 1;aspect-ratio:3/2!important;}}
.gal img{width:100%;height:100%!important;object-fit:cover;object-position:50% 18%;filter:grayscale(1) contrast(1.12);
  transition:transform 1.1s var(--ease),filter .6s var(--ease);}
.gal figure:hover img{transform:scale(1.06);filter:grayscale(0) contrast(1.06);}
.gal figcaption{position:absolute;left:0;bottom:0;padding:1.1em 1.3em;
  font-family:var(--utility);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--white);background:linear-gradient(0deg,rgba(10,10,10,.9),transparent);width:100%;}

/* ---------- 28. FEATURED EPISODE ---------- */
.feature{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(24px,3.4vw,52px);align-items:center;}
.feature__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--graphite);
  border:1px solid var(--hair);}
.feature__frame img{width:100%;height:100%!important;object-fit:cover;filter:grayscale(.35) contrast(1.06);}
.feature__frame::after{content:'';position:absolute;inset:0;background:rgba(10,10,10,.36);}
.feature__play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;}
.feature__play i{width:74px;height:74px;border:1px solid rgba(255,255,255,.6);border-radius:50%;
  display:grid;place-items:center;transition:background .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);}
.feature__play:hover i{background:var(--gold);border-color:var(--gold);transform:scale(1.06);}
.feature__play svg{fill:var(--white);transition:fill .4s var(--ease);}
.feature__play:hover svg{fill:var(--jet);}
@media (max-width:900px){.feature{grid-template-columns:1fr;}}

/* ---------- 29. PLATFORM LINKS ---------- */
.plats{display:flex;flex-wrap:wrap;gap:10px;}
.plats a{display:inline-flex;align-items:center;gap:.7em;border:1px solid var(--hair);
  padding:.9em 1.4em;font-family:var(--utility);font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gray);
  transition:border-color .35s var(--ease),color .35s var(--ease),background .35s var(--ease);}
.plats a:hover{border-color:var(--gold);color:var(--white);background:var(--gold-soft);}


/* ---------- 30. MOCKUP-MATCHED MODULES ---------- */
/* nav: logo left, menu centred, CTA right */
.hdr__in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;}
.nav{justify-content:center;}
.btn--outline{border:1px solid var(--gold);color:var(--gold);background:transparent;}
.btn--outline{transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);}
.btn--outline:hover{background:var(--gold);color:#0A0A0A;
  box-shadow:0 0 22px rgba(190,139,78,.5),0 0 44px rgba(190,139,78,.22);}

/* about: image | copy | roles panel */
.about3{display:grid;grid-template-columns:.82fr 1.05fr .95fr;gap:clamp(22px,2.6vw,40px);align-items:stretch;}
.about3__media{position:relative;overflow:hidden;border:1px solid var(--line);}
.about3__media img{width:100%;height:100%!important;object-fit:cover;object-position:50% 18%;
  filter:grayscale(1) contrast(1.12) brightness(1.1);}
.about3__copy{display:flex;flex-direction:column;justify-content:center;}
.about3__copy .body-copy{font-size:.9rem;line-height:1.85;}
@media (max-width:1080px){.about3{grid-template-columns:1fr 1fr;}.about3__media{grid-column:1/-1;aspect-ratio:16/9;}}
@media (max-width:760px){.about3{grid-template-columns:1fr;}}

/* newsletter band: image left, content right */
.joinband{display:grid;grid-template-columns:.62fr 1fr;gap:clamp(24px,3vw,54px);align-items:center;
  border:1px solid var(--line);background:var(--charcoal);}
.joinband__media{position:relative;overflow:hidden;align-self:stretch;min-height:300px;}
.joinband__media img{width:100%;height:100%!important;object-fit:cover;object-position:50% 22%;}
.joinband__in{padding:clamp(26px,3.4vw,54px) clamp(26px,3.4vw,54px) clamp(26px,3.4vw,54px) 0;}
@media (max-width:860px){.joinband{grid-template-columns:1fr;}
  .joinband__media{min-height:220px;} .joinband__in{padding:clamp(24px,5vw,34px);}}

/* stats panel spacing to match the mockup's glass bar */
.stats{margin-top:0;padding-block:0;}
.stats__grid{background:var(--charcoal);}

/* media logo marquee */
.press{background:var(--charcoal);border-block:1px solid var(--line);}
.marquee--logos{border:0;background:transparent;padding-block:clamp(18px,2.2vw,26px);}
.marquee--logos::before,.marquee--logos::after{width:12%;background:linear-gradient(90deg,var(--charcoal),transparent);}
.marquee--logos::after{background:linear-gradient(270deg,var(--charcoal),transparent);}
.marquee--logos .marquee__track{animation-duration:46s;}
.marquee--logos .marquee__track span{font-family:var(--utility);font-weight:600;
  font-size:clamp(.95rem,1.5vw,1.35rem);letter-spacing:.05em;color:#6E6E6E;
  padding-inline:clamp(14px,1.6vw,26px);transition:color .4s var(--ease);}
.marquee--logos .marquee__track span:hover{color:var(--gray);}
.marquee--logos .marquee__track i{color:var(--gold);font-size:.6em;align-self:center;opacity:.65;}


/* ================= MOCKUP BUILD ================= */

/* --- wordmark logo, set in type --- */
.wordmark{display:inline-block;line-height:1;text-align:left;}
.wordmark b{display:block;font-family:var(--display);font-weight:400;color:var(--white);
  font-size:clamp(1.5rem,2vw,1.95rem);letter-spacing:.005em;text-transform:uppercase;}
.wordmark i{display:block;font-style:normal;font-family:var(--utility);font-weight:400;
  font-size:.5rem;letter-spacing:.52em;color:var(--gray);margin-top:.42em;text-transform:uppercase;}
.hdr .brand{flex-direction:row;align-items:flex-start;gap:0;}

/* --- hero --- */
.hero{min-height:auto;padding-block:clamp(120px,12vw,160px) clamp(70px,7vw,96px);}
.hero__media{inset:0 0 0 38%;}
.hero__copy{max-width:min(560px,100%);}
.hero .d-xl{font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:.96;}
.hero__sub{margin-bottom:2em;font-size:.92rem;line-height:1.85;}
.hero__cta{gap:10px;}
.hero__cta .btn{padding:1.05em 1.7em;font-size:.72rem;letter-spacing:.16em;border-radius:var(--r);}

/* vertical credential rail down the right edge */
.hero__rail{
  position:absolute;right:clamp(10px,1.6vw,26px);top:50%;transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;z-index:3;
  font-family:var(--utility);font-weight:400;font-size:.6rem;letter-spacing:.42em;
  text-transform:uppercase;color:var(--gold);opacity:.92;pointer-events:none;
}
@media (max-width:900px){.hero__rail{display:none;}}

/* scroll cue */
.scroll-cue{display:flex!important;position:static;margin-top:clamp(26px,3vw,40px);
  align-items:center;gap:12px;color:var(--gray-dim);
  font-family:var(--utility);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;}
.scroll-cue i{width:auto;height:auto;background:none;animation:none;}
.scroll-cue svg{stroke:var(--gold);fill:none;stroke-width:1.5;animation:nudge 2.4s var(--ease) infinite;}
@keyframes nudge{0%,100%{transform:translateY(0);}50%{transform:translateY(4px);}}

/* --- stats: six cells in a rounded panel --- */
.stats{margin-top:0;padding-block:0;}
.stats__grid{grid-template-columns:repeat(6,1fr);border:1px solid var(--line);
  border-radius:var(--r);background:var(--card);overflow:hidden;}
.stats__cell{padding:clamp(16px,1.9vw,24px) clamp(10px,1.2vw,18px);gap:clamp(8px,1vw,13px);}
.stats__num{font-size:clamp(1.15rem,1.8vw,1.55rem);letter-spacing:.01em;}
.stats__lab{font-size:.53rem;letter-spacing:.16em;margin-top:.45em;}
.stats__ico{width:clamp(20px,1.9vw,27px);}
@media (max-width:1100px){.stats__grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:620px){.stats__grid{grid-template-columns:repeat(2,1fr);}}

/* --- about --- */
.about3{grid-template-columns:.86fr 1.02fr .92fr;align-items:center;}
.about3__media{border:0;border-radius:var(--r);}
.about3__media img{object-position:50% 22%;}
.ident{border-radius:var(--r);overflow:hidden;}
.ident a{padding:.95em 1.15em;gap:1em;}
.ident__ico{width:24px;height:24px;}
.ident__k{font-family:var(--utility);font-weight:500;font-size:.76rem;letter-spacing:.13em;min-width:0;}
.ident__v{font-size:.72rem;color:var(--gray-dim);}
.ident a{flex-wrap:wrap;}
.ident__k{flex:0 0 auto;}
.ident__v{flex:1 0 100%;margin-left:calc(24px + 1em);margin-top:.15em;}
.ident .link-arrow{position:absolute;right:1.15em;top:50%;transform:translateY(-50%);}
.ident li{position:relative;}

/* --- offer cards: rounded, gold circular arrow --- */
.card{border-radius:var(--r);}
.card__meta{justify-content:space-between;}
.card__meta .ring{width:28px;height:28px;border:1px solid var(--hair-gold);border-radius:50%;
  display:grid;place-items:center;flex:0 0 auto;transition:background .35s var(--ease),border-color .35s var(--ease);}
.card:hover .card__meta .ring{background:var(--gold);border-color:var(--gold);}
.card:hover .card__meta .ring svg{color:#000;}
.card__body::before{display:none;}

/* --- press logo row: static, per-brand styling --- */
.press{background:var(--card);border-block:1px solid var(--line);}
.press__row{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(10px,1.4vw,22px);
  padding-block:clamp(18px,2vw,26px);align-items:center;}
.press__row span{color:#9A9A9A;text-align:center;white-space:nowrap;
  font-size:clamp(.62rem,1vw,.95rem);transition:color .35s var(--ease);}
.press__row span:hover{color:var(--white);}
.press__row .l-andis{font-family:var(--body);font-weight:500;text-transform:lowercase;letter-spacing:-.02em;}
.press__row .l-gibs{font-family:var(--display);letter-spacing:.02em;}
.press__row .l-barbercon{font-family:var(--utility);font-weight:500;letter-spacing:.01em;}
.press__row .l-premiere{font-family:var(--body);font-weight:300;text-transform:lowercase;letter-spacing:.01em;}
.press__row .l-mens{font-family:var(--display);font-style:italic;letter-spacing:-.01em;}
.press__row .l-fox{font-family:var(--display);letter-spacing:.02em;}
.press__row .l-forbes{font-family:'Bodoni',Didot,serif;font-weight:500;letter-spacing:.01em;}
.press__row .l-bet{font-family:var(--display);letter-spacing:.01em;}
.press__row .l-amazon{font-family:var(--body);font-weight:600;text-transform:lowercase;letter-spacing:-.02em;}
@media (max-width:900px){.press__row{grid-template-columns:repeat(3,1fr);gap:16px 10px;}}

/* --- newsletter band --- */
.joinband{border-radius:var(--r);overflow:hidden;grid-template-columns:.52fr 1fr;}
.joinband__media img{object-position:50% 28%;}
.news input{border-radius:var(--r) 0 0 var(--r);border-right:0;}
.news .btn{border-radius:0 var(--r) var(--r) 0;}
.news{gap:0;}
.socials{margin-top:clamp(16px,2vw,22px);}
.socials a{border-radius:50%;width:34px;height:34px;}

/* --- footer --- */
.ftr__top{grid-template-columns:1.15fr 1.15fr 1.3fr;gap:clamp(24px,3.4vw,48px);}
.ftr__links{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(16px,2vw,30px);}
.lockups{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.2vw,18px);align-items:end;}
.lockup{text-align:center;line-height:1;}
.lockup b{display:block;font-family:var(--display);font-size:clamp(.95rem,1.5vw,1.3rem);color:var(--gold);}
.lockup b.sm{font-size:clamp(.62rem,1vw,.82rem);color:var(--white);letter-spacing:.02em;}
.lockup i{display:block;font-style:normal;font-family:var(--utility);font-weight:400;
  font-size:.44rem;letter-spacing:.2em;color:var(--gray-dim);margin-top:.55em;text-transform:uppercase;}
@media (max-width:860px){.ftr__top{grid-template-columns:1fr;}.lockups{grid-template-columns:repeat(3,1fr);gap:18px;}}


/* --- real Success Addict mark --- */
.ident__ico--img{width:26px;height:auto;object-fit:contain;opacity:.95;}
.lockups{align-items:start;gap:clamp(10px,1.4vw,20px);}
.lockup{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.lockup img{width:clamp(38px,4vw,54px);height:auto;display:block;opacity:.92;
  transition:opacity .35s var(--ease);}
.lockup:hover img{opacity:1;}
.lockup i{margin-top:.7em;}
.lockup--type b.sm{font-family:var(--display);font-weight:400;color:var(--white);
  font-size:clamp(.6rem,.95vw,.8rem);letter-spacing:.03em;line-height:1.15;
  display:grid;place-items:center;min-height:clamp(38px,4vw,54px);opacity:.92;}
.lockup i{font-size:.42rem;letter-spacing:.16em;line-height:1.45;}
.card--type .card__mono--sa{width:52%;}


/* ---------- 31. INTERIOR PAGES: same rounded module language ---------- */
.panel,.course,.prod,.quote,.review,.feature__frame,.split__media,
.about3__media,.joinband,.stats__grid,.card,.ident,.gal figure,.ep__thumb{border-radius:var(--r);}
.gal{gap:clamp(8px,.9vw,14px);}
.cards{gap:clamp(10px,1.05vw,15px);}
.course__img{border-radius:var(--r) var(--r) 0 0;overflow:hidden;}
.prod__img{border-radius:var(--r) var(--r) 0 0;overflow:hidden;}
.tl__row{border-radius:var(--r);}
.faq details{border-radius:var(--r);margin-bottom:8px;border:1px solid var(--line);border-bottom:1px solid var(--line);}
.faq{border-top:0;}
.faq summary{padding-inline:1.1em;}
.faq p{padding-inline:1.1em;}
.filters button{border-radius:var(--r);}
.field input,.field select,.field textarea{border-radius:var(--r);}
.chip span{border-radius:var(--r);}
.steps__i:first-child{border-radius:var(--r) 0 0 0;}
.steps__i:last-child{border-radius:0 var(--r) 0 0;}
.badge{border-radius:100px;}
.phero__bg{border-radius:0;}
.plats a{border-radius:var(--r);}
.press__row span{padding-block:.2em;}

/* ---------- 32. MOBILE ---------- */
@media (max-width:900px){
  .hero{padding-block:110px 60px;}
  .hero__media{inset:0;opacity:.30;}
  .hero__media img{object-position:52% 12%;}
  .hero__media::after{background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.5) 42%,#000 96%);}
  .hero__copy{max-width:100%;}
  .hero__cta{flex-direction:column;align-items:stretch;}
  .hero__cta .btn{width:100%;}
}
@media (max-width:620px){
  .stats__cell{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;}
  .stats__ico{width:22px;}
  .stats__num{font-size:1.25rem;}
  .lockups{grid-template-columns:repeat(3,1fr);gap:18px 12px;}
  .ftr__links{grid-template-columns:1fr 1fr;}
  .joinband__media{min-height:260px;}
  .press__row{grid-template-columns:repeat(3,1fr);gap:14px 8px;}
}
@media (max-width:420px){
  .lockups{grid-template-columns:repeat(2,1fr);}
  .stats__grid{grid-template-columns:1fr 1fr;}
}


/* ---------- 33. MOBILE FIXES ---------- */
/* the later .about3 rule outranked the earlier breakpoints — restate them */
@media (max-width:1080px){
  .about3{grid-template-columns:1fr 1fr;}
  .about3__media{grid-column:1/-1;aspect-ratio:16/9;}
}
@media (max-width:820px){
  .about3{grid-template-columns:1fr;}
  .about3__media{aspect-ratio:4/3;}
}
/* hero copy was starting under the fixed header on small screens */
@media (max-width:900px){
  .hero{padding-block:150px 64px;}
}
@media (max-width:620px){
  .hero{padding-block:140px 56px;}
  .hero .d-xl{font-size:clamp(2rem,10.4vw,2.9rem);}
  .about3__copy .display{font-size:clamp(1.6rem,8vw,2.2rem);}
}


/* ---------- 34. SHOP: more presence, less fade ---------- */
/* interior hero images were washing out at 30% — bring them up */
.phero__bg{opacity:.52;filter:grayscale(.25) contrast(1.08);}
.phero--img::after{background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.42) 52%,#000);}
.phero{padding-block:clamp(150px,17vw,210px) clamp(56px,6vw,86px);}

/* product tiles: brighter at rest, they lift and warm on hover */
.prod__img img{filter:saturate(1.1) contrast(1.06) brightness(1.02)!important;}
.prod:hover .prod__img img{filter:saturate(1.24) contrast(1.08) brightness(1.12)!important;}
.prod{position:relative;}
.prod__price{font-family:var(--display);font-size:1.15rem;letter-spacing:.01em;color:var(--gold);}
.prod__body{border-top:1px solid var(--line);}
/* a gold hairline wipes across the top edge on hover */
.prod::after{content:'';position:absolute;left:0;top:0;height:2px;width:0;background:var(--gold);
  transition:width .5s var(--ease);z-index:2;border-radius:var(--r) 0 0 0;}
.prod:hover::after{width:100%;}
.panel__img{width:100%;border-radius:var(--r);margin-bottom:1.2em;
  aspect-ratio:16/10;object-fit:cover;filter:brightness(1.05);}


/* ---------- 35. PUBLISHED AUTHOR ---------- */
.books{padding-block:clamp(50px,6vw,84px);}
.books__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,44px);
  margin-top:clamp(26px,3vw,44px);}
.bookcard{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,28px);
  align-items:center;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:clamp(18px,2vw,28px);
  transition:border-color .4s var(--ease),transform .4s var(--ease);}
.bookcard:hover{border-color:var(--hair-gold);transform:translateY(-3px);}
.bookcard__art{width:clamp(112px,11vw,158px);flex:0 0 auto;}
.bookcard__art img{width:100%;height:auto;border-radius:4px;display:block;
  box-shadow:0 14px 34px rgba(0,0,0,.55),0 2px 0 rgba(255,255,255,.06);}
.bookcard__ttl{font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.6rem);
  line-height:1.02;margin:.35em 0 .55em;color:var(--white);}
.bookcard__body p{font-size:.86rem;line-height:1.75;color:var(--gray);}
.bookcard__meta{font-family:var(--utility);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gray-dim);margin:.9em 0 1.2em;}
.ident__ico--img{width:26px;height:auto;object-fit:contain;opacity:.95;}
@media (max-width:980px){.books__grid{grid-template-columns:1fr;}}
@media (max-width:520px){
  .bookcard{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .bookcard__art{width:150px;}
}

/* ---------- presale pricing + event QR (added for the launch event) ---------- */
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:14px 0 4px}
.price__now{font-family:var(--display);font-size:1.7rem;line-height:1;color:var(--gold)}
.price__was{font-family:var(--utility);font-size:.9rem;color:var(--gray);text-decoration:line-through}
.price__tag{font-family:var(--utility);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  padding:5px 10px;border:1px solid var(--gold);color:var(--gold);white-space:nowrap}

.qrblock{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,40px);align-items:center;
  border:1px solid var(--hair-gold,#3a3020);padding:clamp(20px,3vw,36px);background:rgba(255,255,255,.02)}
.qrblock__code{width:clamp(160px,18vw,230px);background:#fff;padding:10px;border-radius:6px}
.qrblock__code img{width:100%;height:auto;display:block}
@media (max-width:720px){
  .qrblock{grid-template-columns:1fr;justify-items:center;text-align:center}
  .qrblock__code{width:min(74vw,300px)}
}

/* full-screen order page, built to be scanned off a phone or a screen */
.orderpage{min-height:100dvh;display:grid;place-items:center;padding:34px 20px;text-align:center}
.orderpage__qr{background:#fff;padding:16px;border-radius:10px;width:min(78vw,340px);margin:22px auto}
.orderpage__qr img{width:100%;height:auto;display:block}
.orderpage__books{display:flex;gap:18px;justify-content:center;margin:26px 0 0;flex-wrap:wrap}
.orderpage__books img{width:104px;height:auto;border-radius:4px}

/* ---------- presale intake ---------- */
.pstep{border:1px solid var(--hair-gold,#3a3020);padding:clamp(20px,3vw,32px);margin-bottom:20px;
  background:rgba(255,255,255,.02)}
.pstep__n{font-family:var(--utility);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);display:block;margin-bottom:10px}
.pform{display:grid;gap:18px;max-width:640px}
.pfield{display:grid;gap:7px}
.pfield > label{font-family:var(--utility);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.pfield input,.pfield select,.pfield textarea{width:100%;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.14);color:#fff;font-family:inherit;font-size:16px;padding:12px 14px;border-radius:3px}
.pfield input:focus,.pfield select:focus,.pfield textarea:focus{border-color:var(--gold);outline:none}
.pfield textarea{min-height:90px;resize:vertical}
.prow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.prow3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
@media(max-width:620px){.prow,.prow3{grid-template-columns:1fr}}
.phide{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pqr{background:#fff;padding:12px;border-radius:8px;width:min(62vw,220px)}
.pqr img{width:100%;height:auto;display:block}