/* Industry page template (round 7). Page-only styles; shared system comes from sim.css and fx.css. */
.ind-actions{display:flex;flex-wrap:wrap;gap:14px}
.ind-split{display:grid;gap:32px clamp(32px,6vw,96px)}
.ind-split-head>*+*{margin-top:1.1rem}
.ind-split h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
@media (min-width:960px){
  .ind-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .ind-split-head{position:sticky;top:112px}
}
.ind-sub{margin:clamp(48px,6vw,80px) 0 18px;font-size:clamp(1.5rem,2.3vw,2rem)}

/* hero */
.ind-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,80px)}
.ind-hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(44% 70% at 78% 40%,rgba(200,169,81,.20),transparent 68%),
    linear-gradient(180deg,var(--blackout) 0%,var(--navy-dark) 55%,#172c4b 100%)}
.ind-hero-light::after{content:"";position:absolute;width:min(1000px,120vw);aspect-ratio:1;right:-28%;top:-60%;border-radius:50%;border:1px solid rgba(200,169,81,.24)}
.ind-hero-grid{display:grid;gap:36px;align-items:center}
.ind-crumb{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#a9b7cd}
.ind-crumb a{color:var(--mist);display:inline-flex;align-items:center;min-height:44px;margin-block:-14px}
.ind-hero h1{font-size:var(--fs-hero);max-width:15em}
.ind-hero .lead{margin-top:20px;max-width:34em}
.ind-hero .ind-actions{margin-top:26px}
.ind-hero-side{position:relative;display:grid;gap:18px}
.ind-photo{position:relative;margin:0;padding:13px}
.ind-photo .vf-frame{background:var(--blackout)}
.ind-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ind-photo .vf{--vf-inset:-13px;--s:26px}
.ind-photo .l3{position:absolute;left:0;bottom:39px;z-index:3}
.ind-moment{padding:18px 20px;border-left:3px solid var(--gold);background:rgba(10,20,36,.55);max-width:34em}
.ind-moment p{margin:10px 0 0;color:var(--white);font:400 clamp(1.15rem,1.6vw,1.4rem)/1.35 var(--serif)}
.ind-spec{display:grid;margin:clamp(28px,3.2vw,44px) 0 0;border-top:1px solid var(--line)}
.ind-spec>div{padding:16px 0;border-bottom:1px solid var(--line)}
.ind-spec dt{font:600 var(--fs-label)/1.3 var(--sans);color:var(--accent-text);margin-bottom:4px}
.ind-spec dd{margin:0;color:var(--white);font-size:var(--fs-small);line-height:1.45;max-width:32ch}
@media (min-width:640px){
  .ind-spec{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-bottom:1px solid var(--line)}
  .ind-spec>div{border-bottom:0;padding:16px 0 20px}
}
@media (min-width:960px){.ind-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px}}

/* stakes */
.ind-statement{font:400 clamp(1.5rem,2.5vw,2.15rem)/1.3 var(--serif);letter-spacing:-.01em;color:var(--fg-strong);margin:0 0 1.2rem}

/* situations */
.ind-faces,.ind-scenes,.ind-skills,.ind-rooms{list-style:none;margin:0;padding:0}
.ind-faces{border-top:1px solid var(--line)}
.ind-faces li{display:grid;gap:8px 48px;padding:28px 0;border-bottom:1px solid var(--line)}
.ind-faces h3{font-size:clamp(1.4rem,2.2vw,1.9rem);max-width:22ch}
.ind-faces p,.ind-scenes p,.ind-skills p,.ind-rooms p,.ind-steps p{margin:0}
@media (min-width:860px){.ind-faces li{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline}}
.ind-scenes{display:grid;gap:0 clamp(32px,5vw,72px)}
.ind-scenes li{padding:22px 0;border-top:1px solid var(--line)}
.ind-scenes h4,.ind-steps h4{font:400 clamp(1.25rem,1.7vw,1.5rem)/1.25 var(--serif);color:var(--fg-strong);margin:0 0 8px}
@media (min-width:760px){.ind-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* program */
.ind-skills{display:grid;gap:0 clamp(32px,5vw,72px)}
.ind-skills li{position:relative;padding:26px 0 22px;border-top:1px solid var(--line)}
.ind-skills li::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--gold)}
.ind-skills h3{font-size:clamp(1.3rem,1.8vw,1.6rem);margin-bottom:8px}
@media (min-width:760px){.ind-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.ind-skills{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ind-steps{list-style:none;margin:0;padding:0;display:grid;gap:28px 32px}
.ind-steps li{padding-top:18px;border-top:1px solid var(--navy-line)}
.ind-steps h4{color:var(--white);margin-top:12px}
@media (min-width:640px){.ind-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.ind-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* companion */
.ind-rooms li{padding:22px 0;border-top:1px solid var(--line)}
.ind-rooms li:last-child{border-bottom:1px solid var(--line)}
.ind-rooms h3{font-size:clamp(1.3rem,1.9vw,1.65rem);margin-bottom:6px}

/* proof */
.ind-proof-h{margin-bottom:clamp(28px,4vw,48px);font-size:clamp(1.9rem,3.4vw,2.9rem)}
.ind-proof-grid{display:grid;gap:36px clamp(32px,6vw,88px);align-items:start}
.ind-quote{margin:0}
.ind-quote blockquote{margin:0}
.ind-quote .quote{margin:0 0 20px;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.34}
.ind-quote--sm blockquote p{margin:0 0 14px;font:italic 400 clamp(1.15rem,1.5vw,1.3rem)/1.4 var(--serif);color:var(--fg-strong)}
.ind-proof-side{display:grid;gap:32px}
.ind-case{padding-top:26px;border-top:1px solid var(--line)}
.ind-case h3{font-size:clamp(1.3rem,1.8vw,1.55rem);margin:6px 0 10px}
.ind-case p:last-child{margin:0}
.ind-case p.ind-case-link{margin:14px 0 0}
.ind-clients{margin-top:clamp(36px,5vw,64px);padding-top:24px;border-top:1px solid var(--line)}
.ind-clients ul,.ind-creds{list-style:none;margin:0;padding:0}
.ind-clients ul{display:flex;flex-wrap:wrap;gap:6px 36px;margin-top:10px;font:400 clamp(1.4rem,2.4vw,2rem)/1.3 var(--serif);color:var(--fg-strong)}
.ind-creds{margin-top:28px;display:grid;gap:10px 40px;font-size:var(--fs-small);color:var(--fg-strong)}
.ind-creds li{padding-left:16px;position:relative}
.ind-creds li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--gold)}
@media (min-width:960px){
  .ind-proof-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .ind-creds{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* other industries */
.ind-others-cols{display:grid;gap:0 clamp(32px,5vw,72px)}
.ind-others-cols ul{list-style:none;margin:0;padding:0}
@media (min-width:760px){.ind-others-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ind-all{margin:24px 0 0}
@media (max-width:639px){.ind-others-cols .fx-rows>li>a{flex-direction:column;align-items:flex-start;gap:4px}}

/* ---- program video: poster first, the player loads only after a click ---- */
.ind-film-grid{display:grid;gap:32px clamp(32px,6vw,88px);align-items:center}
.ind-film-copy>*+*{margin-top:1rem}
.ind-film-copy h2{font-size:clamp(1.9rem,3.4vw,2.9rem);text-wrap:balance}
.ind-film-fig{margin:0;padding:13px}
.ind-poster{position:relative;display:block;aspect-ratio:16/9;background:var(--navy-dark);overflow:hidden}
.ind-poster-link{position:absolute;inset:0;display:block;color:var(--white)}
.ind-poster .bunny-live{position:absolute;inset:0;aspect-ratio:auto}
.ind-poster img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--e-out),opacity var(--t-base)}
.ind-poster-link:hover img,.ind-poster-link:focus-visible img{transform:scale(1.03);opacity:.9}
.ind-poster-link:hover .video-play,.ind-poster-link:focus-visible .video-play{transform:scale(1.08)}
.ind-film-fig figcaption{margin-top:20px;color:var(--mist)}
@media (min-width:960px){.ind-film-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.ind-deeper{margin:clamp(28px,3.5vw,44px) 0 0;max-width:62ch}
.ind-verify{margin:clamp(24px,3vw,36px) 0 0;max-width:62ch}
.ind-verify a{white-space:nowrap;margin-left:.6em}