/* Media Training NYC (round 7). Page-only styles; shared system comes from sim.css and fx.css.
   Protected conversion copy lives in the HTML untouched; this file only stages it. */

/* ---------- shared bits ---------- */
.nyc-split{display:grid;gap:32px clamp(32px,6vw,96px)}
.nyc-split-head>*+*{margin-top:1.1rem}
.nyc-split-body>*+*{margin-top:1.25rem}
@media (min-width:960px){
  .nyc-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .nyc-split-head{position:sticky;top:112px}
}
.nyc-split h2,.nyc-studio h2,.nyc-jess h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
.nyc-h3{font-size:clamp(1.25rem,1.8vw,1.5rem);margin:26px 0 14px;color:var(--gold-bright)}

/* ---------- 1. hero ---------- */
.nyc-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,80px)}
.nyc-hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(46% 70% at 80% 42%,rgba(200,169,81,.20),transparent 68%),
    radial-gradient(34% 40% at 4% 0%,rgba(227,203,133,.07),transparent 70%),
    linear-gradient(180deg,var(--blackout) 0%,var(--navy-dark) 56%,#172c4b 100%)}
.nyc-hero-light::after{content:"";position:absolute;width:min(1000px,120vw);aspect-ratio:1;right:-30%;top:-70%;border-radius:50%;border:1px solid rgba(200,169,81,.2)}
.nyc-hero-grid{display:grid;gap:40px;align-items:center}
.nyc-crumb{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#a9b7cd}
.nyc-crumb a{color:var(--mist);display:inline-flex;align-items:center;min-height:44px;margin-block:-14px}
.nyc-tag{margin-bottom:12px}
.nyc-hero h1{font-size:var(--fs-hero);max-width:12em}
.nyc-hero .lead{margin-top:20px;max-width:34em}
.nyc-phone{margin-top:22px;font-weight:500;color:var(--fg-strong)}
.nyc-phone a{color:var(--gold-bright);font-weight:600}
.nyc-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:14px}
.nyc-hero-photo{position:relative;margin:0;padding:13px}
.nyc-hero-photo .vf-frame{background:var(--blackout)}
.nyc-hero-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 40%}
.nyc-hero-photo .vf-frame::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(10,20,36,.7));pointer-events:none}
.nyc-hero-photo .vf{--vf-inset:-13px;--s:26px}
.nyc-hero-photo .l3{position:absolute;left:0;bottom:39px;z-index:3;max-width:calc(100% - 26px)}
.nyc-badges{margin-top:clamp(28px,3.2vw,44px);padding-top:20px;border-top:1px solid var(--line)}
@media (min-width:1000px){
  .nyc-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,4vw,64px)}
}

/* ---------- 2. credentials strip ---------- */
.nyc-creds{background:var(--white);padding-block:clamp(36px,4.5vw,56px);border-bottom:1px solid var(--rule)}
.nyc-creds-in{display:grid;gap:32px 64px;align-items:center}
.nyc-stats{display:grid;gap:22px 28px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.nyc-stats>div{border-left:3px solid var(--gold);padding-left:14px;display:flex;flex-direction:column-reverse;gap:4px}
.nyc-stats dd{font:400 clamp(1.7rem,2.6vw,2.4rem)/1 var(--serif);color:var(--ink);letter-spacing:-.012em}
.nyc-stats dt{font-size:var(--fs-small);line-height:1.4;color:var(--slate)}
.nyc-nets .label{color:var(--gold-ink);margin-bottom:10px}
.nyc-logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin:0;padding:0;list-style:none}
.nyc-logos img{height:40px;width:auto;max-width:none}
@media (max-width:640px){.nyc-stats{grid-template-columns:1fr}}
@media (min-width:1000px){.nyc-creds-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.nyc-nets{justify-self:end}}

/* ---------- 3. why ---------- */
.nyc-adv{display:grid;gap:0;margin-top:2rem;padding:0;list-style:none;border-top:1px solid var(--line)}
.nyc-adv li{padding:22px 0;border-bottom:1px solid var(--line)}
.nyc-adv h3{font-size:clamp(1.3rem,1.9vw,1.6rem);margin-bottom:8px}

/* ---------- inline call-to-action bands ---------- */
.nyc-cta{padding-block:clamp(28px,3.6vw,44px);border-block:1px solid var(--navy-line);background:linear-gradient(90deg,var(--blackout),var(--navy-dark))}
.nyc-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.nyc-cta-line{flex:1 1 22em;font:400 var(--fs-m)/1.15 var(--serif);letter-spacing:-.012em;color:var(--white);max-width:30em;margin:0}
.nyc-cta .btn{flex:none}
@media (max-width:640px){.nyc-cta .btn{width:100%}}

/* ---------- 5. studio ---------- */
.nyc-studio-grid{display:grid;gap:44px clamp(32px,6vw,88px);align-items:center}
.nyc-studio-copy>*+*{margin-top:1.25rem}
.nyc-transit{display:grid;gap:0;margin-top:1.5rem;padding:0;list-style:none;border-top:1px solid var(--line)}
.nyc-transit li{padding:14px 0;border-bottom:1px solid var(--line)}
.nyc-studio-photo{position:relative;margin:0;padding:13px;max-width:560px;justify-self:center;width:100%}
.nyc-studio-photo .vf-frame{background:var(--blackout)}
.nyc-studio-photo img{width:100%;aspect-ratio:1;object-fit:cover}
.nyc-studio-photo .vf{--vf-inset:-13px;--s:26px}
.nyc-studio-photo .l3{position:absolute;left:0;bottom:39px;z-index:3;max-width:calc(100% - 26px)}
@media (min-width:960px){.nyc-studio-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.nyc-studio-photo{justify-self:end}}

/* ---------- 6. the day ---------- */
.nyc-pillars{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.nyc-pillars li{display:grid;gap:10px 40px;padding:28px 0;border-bottom:1px solid var(--line)}
.nyc-pillars .slate{color:var(--gold-bright)}
.nyc-pillars h3{font-size:clamp(1.4rem,2.1vw,1.8rem)}
@media (min-width:900px){
  .nyc-pillars{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,72px)}
  .nyc-pillars li{align-content:start;grid-template-rows:auto auto 1fr}
}
.nyc-quote{margin:clamp(40px,5vw,72px) 0 0;max-width:62rem}
.nyc-quote .quote{margin-bottom:22px}
.nyc-quote .l3{display:inline-grid}

/* ---------- 7. video ---------- */
.nyc-video-grid{display:grid;gap:36px clamp(32px,6vw,88px);align-items:center}
.nyc-video-copy>*+*{margin-top:1rem}
.nyc-video-copy h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
.nyc-video-fig{margin:0;padding:13px}
.nyc-poster{position:relative;display:block;aspect-ratio:16/9;background:var(--navy-dark);overflow:hidden;color:var(--white)}
.nyc-poster-link{position:absolute;inset:0;display:block;color:inherit}
.nyc-poster .bunny-live{position:absolute;inset:0;aspect-ratio:auto}
.nyc-poster img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--e-out),opacity var(--t-base)}
.nyc-poster-link:hover img,.nyc-poster-link:focus-visible img{transform:scale(1.03);opacity:.9}
.nyc-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:rgba(21,40,68,.88);border:2px solid var(--gold);color:var(--gold-bright);transition:transform var(--t-base) var(--e-focus)}
.nyc-play svg{margin-left:3px}
.nyc-poster-link:hover .nyc-play,.nyc-poster-link:focus-visible .nyc-play{transform:scale(1.08)}
.nyc-video-fig figcaption{margin-top:20px;color:var(--mist)}
@media (min-width:960px){.nyc-video-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}

/* ---------- 8. who we train ---------- */
.nyc-outcomes{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.nyc-outcomes li{display:grid;gap:22px clamp(32px,5vw,80px);padding:clamp(28px,3.4vw,44px) 0;border-bottom:1px solid var(--line)}
.nyc-outcome-head>*+*{margin-top:12px}
.nyc-outcome-head h3{font-size:clamp(1.5rem,2.3vw,2rem)}
.nyc-outcomes blockquote{margin:0;position:relative}
.nyc-outcomes .quote{font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.35;margin-bottom:16px}
@media (min-width:960px){.nyc-outcomes li{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}

/* ---------- 9 and 16. rundown rows (fx-rows from fx.js) ---------- */
.nyc-rows>li>a{align-items:baseline;flex-wrap:wrap;padding:22px 4px}
.nyc-ind .nyc-rows>li>a small{display:block;flex:1 1 320px;max-width:46ch;font:400 var(--fs-small)/1.5 var(--sans);text-align:left}
.nyc-related .nyc-rows>li>a small{flex:none}
.nyc-see{display:flex;flex-wrap:wrap;gap:6px 32px;margin:28px 0 0;padding:0;list-style:none}
.nyc-see a{display:inline-block;padding-block:8px}
@media (max-width:640px){.nyc-rows>li>a{display:block}.nyc-rows>li>a small{margin-top:8px}}

/* ---------- 11. formats ---------- */
.nyc-three{display:grid;gap:0;border-top:1px solid var(--line)}
.nyc-three article{padding:26px 0;border-bottom:1px solid var(--line)}
.nyc-three h3{font-size:clamp(1.4rem,2.1vw,1.8rem);margin-bottom:10px}
.nyc-three-foot{margin-top:28px;font-weight:500;color:var(--fg-strong)}
@media (min-width:900px){
  .nyc-three{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}
  .nyc-three article{padding:8px clamp(20px,2.4vw,36px) 8px 0;border-bottom:0;border-top:1px solid var(--line);padding-top:26px}
  .nyc-three article+article{padding-left:clamp(20px,2.4vw,36px);border-left:1px solid var(--line)}
}

/* ---------- 12. Jess ---------- */
.nyc-jess-grid{display:grid;gap:44px clamp(32px,6vw,88px);align-items:center}
.nyc-jess-photo{margin:0;padding:13px}
.nyc-jess-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:30% 40%}
.nyc-jess-photo .vf{--vf-inset:-13px;--s:26px}
.nyc-creds-list{display:grid;gap:14px;margin:0 0 20px;padding:0;list-style:none}
.nyc-creds-list li{position:relative;padding-left:24px}
.nyc-creds-list li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.nyc-jess .link{color:var(--white)}
.nyc-proof{display:grid;gap:36px clamp(32px,6vw,88px);margin-top:clamp(48px,6vw,88px);padding-top:clamp(36px,4vw,56px);border-top:1px solid var(--line);align-items:start}
.nyc-proof .nyc-quote{margin:0}
.nyc-google{border:1px solid var(--navy-line);border-left:3px solid var(--gold);padding:24px 26px;background:rgba(10,20,36,.45)}
.nyc-google h3{font-size:clamp(1.3rem,1.9vw,1.6rem);margin-bottom:10px}
.nyc-google a{color:var(--gold-bright)}
@media (min-width:960px){
  .nyc-jess-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .nyc-proof{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
}

/* ---------- 13. clients ---------- */
.nyc-clients{padding-block:clamp(56px,7vw,88px);border-top:1px solid var(--rule)}
.nyc-clients h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin-bottom:32px}
.nyc-client-logos{display:flex;flex-wrap:wrap;align-items:center;gap:22px clamp(28px,4vw,56px);margin:0;padding:0;list-style:none}
.nyc-client-logos img{height:40px;width:auto;max-width:none}
@media (max-width:640px){.nyc-client-logos img{height:32px}}

/* ---------- 15. closing ---------- */
.nyc-closing .lead{max-width:44em;text-align:left;margin-inline:auto}
.nyc-closing .lead a{color:var(--gold-bright)}
.nyc-resources{margin:32px auto 0;max-width:none;color:var(--mist)}
.nyc-resources a{display:inline-block;margin-left:18px;padding-block:8px;color:var(--white);font-weight:600}
.nyc-resources a:first-of-type{margin-left:6px}
@media (max-width:640px){.nyc-resources a{display:block;margin:0}}

/* ---------- 16. related ---------- */
.nyc-related h2{font-size:clamp(1.6rem,2.6vw,2.3rem)}
.nyc-related-lead{margin:16px 0 32px;max-width:62ch}
.nb{white-space:nowrap}
.nyc-clients img{filter:grayscale(1) brightness(1.08) contrast(1.2);opacity:.9;mix-blend-mode:multiply}