/* Multi-page additions: page banners, leader/trainer panels, contact, footer */

.top nav a.on{color:var(--band-ink);border-color:var(--band-gold)}

/* inner page banner */
.pagehero{background:linear-gradient(160deg,var(--band) 55%,var(--band-2))}
.pagehero .wrap{padding-block:60px 54px;display:grid;gap:18px}
.pagehero h1,.bookpage h1{font-size:clamp(3rem,9.5vw,6.6rem)}
.pagehero h1 span,.bookpage h1 span{color:var(--band-gold)}
.pagehero .lede{font-size:1.16rem}

/* leader / trainer panels */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:var(--shadow)}
.panel{padding:44px 40px 40px;display:grid;gap:16px;align-content:start;min-width:0;position:relative;overflow:hidden}
.panel.lead{background:var(--band);color:var(--band-ink)}
.panel.train{background:var(--gold-fill);color:var(--on-gold)}
.panel .tagline{font:500 .76rem var(--mono);letter-spacing:.14em;text-transform:uppercase}
.panel.lead .tagline{color:var(--band-gold)}
.panel h3{font:800 clamp(3.4rem,8vw,6rem)/.85 var(--display);text-transform:uppercase;letter-spacing:.01em}
.panel.lead h3{color:var(--band-gold)}
.panel ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0}
.panel li{padding:12px 0;border-top:1px solid;font-size:1.02rem}
.panel.lead li{border-color:var(--band-line)}
.panel.train li{border-color:rgba(25,19,4,.28)}
.panel a{font-weight:700;text-decoration:none;margin-top:8px}
.panel a:hover{text-decoration:underline}
.panel.lead a{color:var(--band-gold)}

/* about */
.about2{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;align-items:start}
.about2 .portrait{justify-self:start}
.about2 .portrait::before{border-color:var(--gold-fill)}
.about2 .bio h2{margin-bottom:6px}
.strengths-sec{background:var(--surface);border-block:1px solid var(--line)}
.strengths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.strengths > div{scroll-margin-top:90px}
.strengths h2{margin-block:14px 22px}
.strengths dl{margin:0;display:grid}
.strengths dl div{padding:18px 0;border-top:1px solid var(--line);display:grid;gap:4px}
.strengths dt{font:800 1.5rem/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em}
.strengths dd{margin:0;color:var(--muted)}
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.areas div{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gold-fill);padding:22px 20px;display:grid;gap:8px;align-content:start}
.areas p{color:var(--muted);font-size:.97rem}

/* shared bits */
.program .fmt{font:500 .76rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.program:target{transform:translateY(-6px);box-shadow:var(--shadow);border-top-color:var(--gold-fill)}
.program{scroll-margin-top:90px}
.more{display:inline-block;font-weight:700;text-decoration:none;color:var(--gold);margin-top:6px}
.more:hover{text-decoration:underline}
.teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:center}
.pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold-fill);padding:34px}
.bookpage{padding-block:72px}
.msg{font-size:.94rem;color:var(--muted)}

/* contact */
.ccards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ccard{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--band);padding:26px 24px;display:grid;gap:14px;align-content:start;min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s}
.ccard:hover{border-top-color:var(--gold-fill);transform:translateY(-4px);box-shadow:var(--shadow)}
.ccard .val{font:700 1.3rem/1.25 var(--body);overflow-wrap:anywhere;user-select:all}
.ccard .row{display:flex;flex-wrap:wrap;gap:8px}
a.copy{text-decoration:none;display:inline-block}
.cgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.reasons{list-style:none;margin:0;padding:0;display:grid}
.reasons li{padding:12px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:16px 1fr;gap:8px}
.reasons li::before{content:"";width:7px;height:7px;background:var(--gold-fill);transform:rotate(45deg);margin-top:.62em}
.cform{background:var(--surface);border:1px solid var(--line);padding:30px;display:grid;gap:16px}
.cform label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.cform input,.cform select,.cform textarea{font:400 1rem var(--body);padding:12px 14px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--ink);width:100%}
.cform textarea{resize:vertical}
.cform .btn{justify-self:start}

/* footer */
.foot{font-size:.95rem}
.foot .wrap{display:block;padding-block:44px 18px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:36px}
.fgrid > div{display:grid;gap:12px;align-content:start;min-width:0}
.fgrid p{max-width:38ch}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.fgrid li{overflow-wrap:anywhere}
.ft{font:500 .74rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--band-gold)}
.fbase{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;border-top:1px solid var(--band-line);margin-top:34px;padding-top:16px;font-size:.88rem}

@media (max-width:900px){
  .split,.about2,.strengths,.teaser,.pick,.cgrid,.ccards,.fgrid{grid-template-columns:minmax(0,1fr)}
  .areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel{padding:32px 24px}
  .about2{gap:44px}
  .about2 .portrait{max-width:280px}
  .strengths{gap:40px}
  .pick,.cform{padding:24px}
  .pagehero .wrap{padding-block:40px 38px}
}
@media (max-width:520px){.areas{grid-template-columns:minmax(0,1fr)}}
.btn.gold.dark{background:var(--band);color:var(--band-ink)}
.btn.gold.dark:hover{filter:brightness(1.25)}