/* ============================================================
   J. Chad Mitchell — Change Your Game
   Editorial redesign · Toan Digital
   ============================================================ */
:root{
  --ink:#141a26;
  --ink-soft:#4b5468;
  --paper:#fdfcf9;
  --fog:#f4f2ec;
  --line:#e3dfd4;
  --navy:#16233c;
  --navy-deep:#101a2e;
  --gold:#c19a3f;
  --gold-soft:#d9bf85;
  --serif:"Source Serif 4",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:-0.01em;}
h1{font-size:clamp(2.4rem,5.2vw,3.9rem);}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);}
h3{font-size:1.25rem;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
section{padding:88px 0;}
.bg-fog{background:var(--fog);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.bg-navy{background:var(--navy);color:#f5f2ea;}
.eyebrow{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;color:var(--gold);margin-bottom:14px;}
.lede{font-size:1.14rem;color:var(--ink-soft);max-width:46ch;}
.bg-navy .lede,.hero .lede,.page-hero .lede,.cta-band .lede{color:#d8dde8;}

/* Buttons */
.btn{display:inline-block;font-weight:600;font-size:0.92rem;padding:14px 28px;border:1px solid transparent;border-radius:2px;letter-spacing:0.02em;transition:all .18s ease;cursor:pointer;}
.btn-gold{background:var(--gold);color:var(--navy-deep);}
.btn-gold:hover{background:var(--gold-soft);}
.btn-dark{background:var(--navy);color:#fff;}
.btn-dark:hover{background:var(--navy-deep);}
.btn-outline{border-color:var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:#fff;}
.btn-outline-light{border-color:rgba(255,255,255,.55);color:#fff;}
.btn-outline-light:hover{background:#fff;color:var(--navy);}
.text-link{font-weight:600;font-size:0.95rem;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:2px;}
.text-link:hover{color:var(--gold);}

/* Header */
header.site{position:sticky;top:0;z-index:60;background:rgba(253,252,249,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.nav-row{max-width:1220px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px;}
.logo-mark{font-family:var(--serif);font-weight:700;font-size:1.06rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--navy);white-space:nowrap;}
.logo-mark span{color:var(--gold);}
nav.primary{display:flex;gap:26px;align-items:center;}
nav.primary a{font-size:0.87rem;font-weight:500;color:var(--ink-soft);padding:4px 0;border-bottom:2px solid transparent;white-space:nowrap;}
nav.primary a:hover{color:var(--ink);}
nav.primary a.active{color:var(--ink);border-bottom-color:var(--gold);}
.nav-cta{display:flex;align-items:center;gap:14px;}
.nav-cta .btn{padding:10px 20px;font-size:0.84rem;}
.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--navy);cursor:pointer;}

/* Hero */
.hero{background:var(--navy-deep);color:#f5f2ea;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 30%,rgba(193,154,63,.16),transparent 55%);pointer-events:none;}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:84px 0 92px;}
.hero h1{color:#fff;margin-bottom:20px;}
.hero .lede{margin-bottom:34px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero-cover img{margin:0 auto;max-height:520px;width:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));}
.badge-strip{position:relative;z-index:2;display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:3px;padding:12px 18px;margin-bottom:36px;max-width:640px;}
.badge-strip img{width:58px;height:auto;flex:0 0 auto;}
.badge-strip p{font-size:0.92rem;color:#e8e2d2;line-height:1.45;}
.badge-strip strong{color:#fff;}

/* Ticker (As Seen In) */
.ticker-section{background:var(--fog);border-bottom:1px solid var(--line);padding:26px 0;}
.ticker-label{text-align:center;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--ink-soft);font-weight:700;margin-bottom:16px;}
.ticker-track-wrap{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.ticker-track{display:flex;gap:22px;width:max-content;animation:ticker 38s linear infinite;}
.ticker-track:hover{animation-play-state:paused;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tlogo{flex:0 0 auto;width:170px;aspect-ratio:3/2;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:3px;}
.tlogo span{font-family:var(--serif);font-size:0.95rem;font-weight:600;text-align:center;color:var(--ink);letter-spacing:0.01em;line-height:1.2;}
.tlogo img{max-width:100%;max-height:100%;object-fit:contain;}

/* Split sections */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split.rev .split-media{order:2;}
.split-media img{border-radius:3px;box-shadow:0 24px 48px rgba(20,26,38,.14);}
.split-media.book img{box-shadow:none;filter:drop-shadow(0 24px 40px rgba(20,26,38,.22));max-height:480px;width:auto;margin:0 auto;}
.split h2{margin-bottom:18px;}
.split p{color:var(--ink-soft);margin-bottom:16px;}
.split .btn{margin-top:10px;}

/* Checklist */
.checklist{list-style:none;margin:22px 0 10px;}
.checklist li{position:relative;padding-left:32px;margin-bottom:12px;color:var(--ink-soft);}
.checklist li strong{color:var(--ink);}
.checklist li::before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;background:var(--gold);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);}

/* Video */
.video-frame{position:relative;padding-bottom:56.25%;height:0;border-radius:3px;overflow:hidden;box-shadow:0 24px 48px rgba(20,26,38,.16);}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* Section headers */
.sec-head{max-width:680px;margin-bottom:52px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head p{color:var(--ink-soft);margin-top:14px;}
.bg-navy .sec-head p{color:#cfd5e2;}

/* Testimonials */
.quote-feature{max-width:820px;margin:0 auto;text-align:center;}
.quote-feature blockquote{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;color:#fff;margin-bottom:26px;}
.quote-feature cite{font-style:normal;font-size:0.95rem;color:var(--gold-soft);}
.quote-feature cite small{display:block;color:#9aa4b8;margin-top:4px;font-size:0.85rem;}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px;}
.quote-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:30px 28px;display:flex;flex-direction:column;}
.bg-navy .quote-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);}
.quote-card p{font-family:var(--serif);font-size:1.0rem;line-height:1.55;color:var(--ink);flex:1;margin-bottom:20px;}
.bg-navy .quote-card p{color:#eceef2;}
.quote-card cite{font-style:normal;font-size:0.88rem;font-weight:600;color:var(--navy);}
.bg-navy .quote-card cite{color:var(--gold-soft);}
.quote-card cite small{display:block;font-weight:400;color:var(--ink-soft);margin-top:3px;line-height:1.45;}
.bg-navy .quote-card cite small{color:#9aa4b8;}

/* Feature grid (book takeaways) */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.feature-cell{border-top:2px solid var(--gold);padding-top:22px;}
.feature-cell .emoji{font-size:1.5rem;display:block;margin-bottom:12px;}
.feature-cell h3{margin-bottom:10px;}
.feature-cell p{color:var(--ink-soft);font-size:0.97rem;}

/* CTA band */
.cta-band{background:var(--navy-deep);color:#fff;text-align:center;padding:92px 0;position:relative;overflow:hidden;}
.cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,rgba(193,154,63,.2),transparent 60%);pointer-events:none;}
.cta-band .wrap{position:relative;z-index:2;}
.cta-band h2{color:#fff;margin-bottom:16px;}
.cta-band p{color:#cfd5e2;max-width:56ch;margin:0 auto 34px;}
.cta-band .hero-cta{justify-content:center;}

/* Page hero (interior pages) */
.page-hero{background:var(--navy-deep);color:#fff;padding:76px 0 70px;position:relative;overflow:hidden;}
.page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 10%,rgba(193,154,63,.15),transparent 55%);pointer-events:none;}
.page-hero .wrap{position:relative;z-index:2;}
.page-hero h1{color:#fff;max-width:20ch;margin-bottom:18px;}
.page-hero .lede{max-width:62ch;}
.page-hero.split-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.page-hero .hero-portrait img{max-height:440px;width:auto;margin:0 auto;border-radius:3px;}

/* Pillars (about) */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.pillar{background:#fff;border:1px solid var(--line);border-radius:3px;padding:34px 30px;}
.pillar h3{margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--gold);}
.pillar p{color:var(--ink-soft);font-size:0.96rem;}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.gallery img{aspect-ratio:1/1;object-fit:cover;border-radius:3px;}

/* Media index */
.media-list{border-top:1px solid var(--line);}
.media-item{display:grid;grid-template-columns:76px 150px 1fr auto;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);}
.media-logo{width:76px;height:76px;background:#fff;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;}
.media-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.media-item .outlet{font-weight:700;font-size:0.95rem;color:var(--navy);line-height:1.35;}
.media-item .outlet small{display:block;font-weight:600;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--gold);margin-top:6px;}
.media-item h3{font-size:1.18rem;margin-bottom:8px;}
.media-item h3 a:hover{color:var(--gold);}
.media-item p{color:var(--ink-soft);font-size:0.95rem;max-width:64ch;}
.media-item .text-link{white-space:nowrap;}

/* Resource cards (leadership lab) */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.resource-card{background:#fff;border:1px solid var(--line);border-radius:3px;padding:30px 28px;display:flex;flex-direction:column;}
.resource-card h3{margin-bottom:10px;}
.resource-card p{color:var(--ink-soft);font-size:0.95rem;flex:1;margin-bottom:18px;}

/* Steps (work with chad) */
.steps{counter-reset:step;display:grid;gap:0;border-top:1px solid var(--line);}
.step{counter-increment:step;display:grid;grid-template-columns:90px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid var(--line);}
.step::before{content:"0" counter(step);font-family:var(--serif);font-size:2.1rem;font-weight:600;color:var(--gold);line-height:1;}
.step h3{margin-bottom:10px;}
.step p{color:var(--ink-soft);font-size:0.98rem;max-width:68ch;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:26px;}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.photo-pair img{aspect-ratio:4/3;object-fit:cover;border-radius:3px;}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start;}
.contact-block{margin-bottom:36px;}
.contact-block h3{margin-bottom:8px;}
.contact-block p{color:var(--ink-soft);font-size:0.97rem;margin-bottom:6px;}
.contact-block a{font-weight:600;color:var(--navy);border-bottom:2px solid var(--gold);}
form.contact{background:#fff;border:1px solid var(--line);border-radius:3px;padding:38px 36px;}
form.contact .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
form.contact label{display:block;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-soft);margin:18px 0 6px;}
form.contact input,form.contact select,form.contact textarea{width:100%;font-family:var(--sans);font-size:0.97rem;padding:12px 14px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);}
form.contact input:focus,form.contact select:focus,form.contact textarea:focus{outline:2px solid var(--gold);border-color:transparent;}
form.contact button{margin-top:26px;width:100%;}

/* Footer */
footer.site{background:var(--navy-deep);color:#9aa4b8;padding:64px 0 40px;}
.foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}
.foot-brand{font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:0.08em;text-transform:uppercase;color:#fff;}
.foot-brand span{color:var(--gold);}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap;}
.foot-nav a{font-size:0.87rem;color:#cfd5e2;}
.foot-nav a:hover{color:var(--gold-soft);}
.foot-social{display:flex;gap:16px;}
.foot-social a{font-size:0.87rem;font-weight:600;color:#cfd5e2;border-bottom:1px solid rgba(255,255,255,.25);}
.foot-social a:hover{color:var(--gold-soft);}
.foot-base{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:0.8rem;}
.foot-base a{color:#9aa4b8;}
.foot-base a:hover{color:var(--gold-soft);}

/* Responsive */
@media(max-width:960px){
  nav.primary{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;padding:18px 24px;gap:14px;align-items:flex-start;}
  nav.primary.open{display:flex;}
  .menu-toggle{display:block;}
  .hero-inner,.split,.page-hero.split-hero .wrap,.contact-grid{grid-template-columns:1fr;gap:44px;}
  .split.rev .split-media{order:0;}
  .quote-grid,.feature-grid,.pillars,.resource-grid{grid-template-columns:1fr 1fr;}
  .gallery{grid-template-columns:repeat(3,1fr);}
  .media-item{grid-template-columns:76px 1fr;gap:16px;}
  .media-item > div:nth-child(3),.media-item > .text-link{grid-column:1/-1;}
  .hero-cover{order:-1;}
  .hero-cover img{max-height:380px;}
}
@media(max-width:620px){
  section{padding:64px 0;}
  .quote-grid,.feature-grid,.pillars,.resource-grid,.two-col,form.contact .row{grid-template-columns:1fr;}
  .gallery{grid-template-columns:1fr 1fr;}
  .step{grid-template-columns:1fr;gap:8px;}
  .nav-cta .btn{display:none;}
}