body.bootcamp-modern-page { background:#fff; color:#24132d; }
#youth-modern { --youth-purple:#491564; --youth-deep:#260d32; --youth-cyan:#16aad3; --youth-gold:#f4b223; --youth-green:#59a52c; --youth-ink:#24132d; --youth-muted:#655d69; --youth-line:rgba(73,21,100,.14); font-family:Arial,sans-serif; }
#youth-modern *, #youth-modern *::before, #youth-modern *::after { box-sizing:border-box; }
#youth-modern h1, #youth-modern h2, #youth-modern h3, #youth-modern p { margin-top:0; }
#youth-modern img { display:block; max-width:100%; }
#youth-modern a { text-decoration:none; }
.youth-shell { width:min(1280px,calc(100% - 48px)); margin:0 auto; }
.youth-section { padding:92px 0; }
.youth-kicker, .youth-section-label { margin-bottom:14px; color:var(--youth-gold); font-size:12px; font-weight:700; letter-spacing:.08em; line-height:1.3; text-transform:uppercase; }
.youth-section-label span { display:inline-flex; align-items:center; gap:10px; }
.youth-section-label span::before { width:28px; height:2px; background:var(--youth-cyan); content:""; }

.youth-hero { min-height:680px; background:var(--youth-deep); }
.youth-hero-image, .youth-hero-overlay { position:absolute; inset:0; width:100%; height:100%; }
.youth-hero-image { object-fit:cover; object-position:center 42%; }
.youth-hero-overlay { background:linear-gradient(90deg,rgba(30,8,42,.92),rgba(30,8,42,.58) 58%,rgba(30,8,42,.17)); }
.youth-hero-content { padding:118px 0 78px; color:#fff; }
.youth-hero h1 { max-width:790px; margin-bottom:20px; color:#fff; font-size:64px; font-weight:700; letter-spacing:0; line-height:1.03; }
.youth-hero-content>p:not(.youth-kicker) { max-width:690px; margin-bottom:30px; color:rgba(255,255,255,.88); font-size:18px; line-height:1.65; }
.youth-actions { gap:12px; }
.youth-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:11px; padding:13px 19px; border:1px solid transparent; border-radius:6px; font-size:14px; font-weight:700; line-height:1.2; transition:transform 160ms ease,background-color 160ms ease,color 160ms ease,border-color 160ms ease; }
.youth-button:hover, .youth-button:focus-visible { transform:translateY(-2px); }
.youth-button-primary { background:var(--youth-gold); color:var(--youth-deep); }
.youth-button-secondary { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.08); color:#fff; }
.youth-button-dark { background:var(--youth-purple); color:#fff; }

.youth-facts { position:relative; z-index:2; background:#fff; border-bottom:1px solid var(--youth-line); }
.youth-facts-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.youth-facts-grid>div { display:flex; min-height:112px; align-items:center; gap:16px; padding:20px 28px; border-right:1px solid var(--youth-line); }
.youth-facts-grid>div:first-child { border-left:1px solid var(--youth-line); }
.youth-facts strong { color:var(--youth-purple); font-size:24px; line-height:1; white-space:nowrap; }
.youth-facts span { color:var(--youth-muted); font-size:13px; line-height:1.45; }

.youth-intro { background:#fff; }
.youth-intro-grid { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:70px; }
.youth-intro-copy h2, .youth-section-heading h2, .youth-video-copy h2, .youth-participation-copy h2 { margin-bottom:18px; color:var(--youth-purple); font-size:46px; font-weight:700; letter-spacing:0; line-height:1.08; }
.youth-intro-copy>p:not(.youth-section-label), .youth-feature-copy>p, .youth-video-copy>p, .youth-participation-copy>p { color:var(--youth-muted); font-size:16px; line-height:1.72; }
.youth-pathway-links { gap:10px; margin-top:28px; }
.youth-pathway-links a { display:inline-flex; min-height:44px; align-items:center; gap:9px; padding:10px 13px; border:1px solid var(--youth-line); border-radius:6px; color:var(--youth-purple); font-size:13px; font-weight:700; }
.youth-pathway-links span { color:var(--youth-cyan); }
.youth-intro-media, .youth-feature-media { position:relative; min-height:460px; overflow:hidden; border-radius:8px; }
.youth-intro-media img, .youth-feature-media img { width:100%; height:100%; object-fit:cover; }
.youth-media-note { position:absolute; right:18px; bottom:18px; left:18px; display:flex; align-items:center; gap:12px; padding:15px 17px; border-radius:6px; background:rgba(38,13,50,.92); color:#fff; font-size:13px; font-weight:700; }
.youth-media-note i { color:var(--youth-gold); }

.youth-bootcamps { background:#f7f5f8; }
.youth-section-heading { margin-bottom:42px; }
.youth-heading-grid { grid-template-columns:minmax(0,.9fr) minmax(280px,.62fr); gap:70px; }
.youth-heading-grid>p { margin-bottom:4px; color:var(--youth-muted); font-size:15px; line-height:1.7; }
.youth-feature-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:58px; }
.youth-feature-copy h3 { margin-bottom:14px; color:var(--youth-ink); font-size:28px; line-height:1.18; }
.youth-image-badge { position:absolute; bottom:18px; left:18px; padding:9px 12px; border-radius:4px; background:var(--youth-gold); color:var(--youth-deep); font-size:12px; font-weight:700; }
.youth-check-list { display:grid; gap:12px; margin:23px 0 0; padding:0; list-style:none; }
.youth-check-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:10px; color:#403845; font-size:14px; line-height:1.5; }
.youth-check-list i { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#e7f5dc; color:var(--youth-green); font-size:10px; }
.youth-format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:70px; }
.youth-format { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:240px; overflow:hidden; border:1px solid var(--youth-line); border-radius:8px; background:#fff; }
.youth-format img { width:100%; height:100%; object-fit:cover; }
.youth-format>div { padding:24px; }
.youth-format span, .youth-career-card span { color:var(--youth-cyan); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.youth-format h3 { margin:9px 0 10px; color:var(--youth-purple); font-size:20px; line-height:1.2; }
.youth-format p { margin-bottom:0; color:var(--youth-muted); font-size:13px; line-height:1.65; }
.youth-outcomes { margin-top:82px; }
.youth-outcome-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.youth-outcome { min-height:220px; padding:24px; border-top:3px solid var(--youth-cyan); border-radius:0 0 8px 8px; background:#fff; }
.youth-outcome:nth-child(2) { border-color:var(--youth-gold); }
.youth-outcome:nth-child(3) { border-color:var(--youth-green); }
.youth-outcome:nth-child(4) { border-color:var(--youth-purple); }
.youth-outcome i { margin-bottom:24px; color:var(--youth-purple); font-size:24px; }
.youth-outcome h3 { margin-bottom:9px; color:var(--youth-ink); font-size:17px; }
.youth-outcome p { margin-bottom:0; color:var(--youth-muted); font-size:13px; line-height:1.6; }

.youth-videos { background:var(--youth-deep); color:#fff; }
.youth-video-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:60px; }
.youth-video-copy h2 { color:#fff; }
.youth-video-copy>p { color:rgba(255,255,255,.72); }
.youth-video-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:27px; }
.youth-video-selector button { min-height:40px; padding:8px; border:1px solid rgba(255,255,255,.25); border-radius:4px; background:transparent; color:#fff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.youth-video-selector button:hover, .youth-video-selector button:focus-visible, .youth-video-selector button.is-active { border-color:var(--youth-cyan); background:var(--youth-cyan); color:#fff; }
.youth-video-frame { position:relative; aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:8px; background:#000; }
.youth-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

.youth-careers { background:#fff; }
.youth-career-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.youth-career-card { overflow:hidden; border:1px solid var(--youth-line); border-radius:8px; background:#fff; box-shadow:0 12px 28px rgba(73,21,100,.07); }
.youth-career-card img { width:100%; aspect-ratio:16/8.5; object-fit:cover; }
.youth-career-card>div { padding:28px; }
.youth-career-card h3 { margin:9px 0 11px; color:var(--youth-purple); font-size:25px; }
.youth-career-card p { color:var(--youth-muted); font-size:14px; line-height:1.7; }
.youth-career-card ul { display:grid; gap:9px; margin:20px 0 0; padding:0; list-style:none; }
.youth-career-card li { position:relative; padding-left:18px; color:#403845; font-size:13px; line-height:1.45; }
.youth-career-card li::before { position:absolute; top:7px; left:0; width:6px; height:6px; border-radius:50%; background:var(--youth-gold); content:""; }
.youth-career-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:60px 0 0; padding:0; list-style:none; border-top:1px solid var(--youth-line); border-bottom:1px solid var(--youth-line); }
.youth-career-steps li { display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; min-height:154px; padding:24px 20px; border-right:1px solid var(--youth-line); }
.youth-career-steps li:first-child { border-left:1px solid var(--youth-line); }
.youth-career-steps>li>span { color:var(--youth-cyan); font-size:12px; font-weight:700; }
.youth-career-steps h3 { margin-bottom:8px; color:var(--youth-purple); font-size:17px; }
.youth-career-steps p { margin-bottom:0; color:var(--youth-muted); font-size:12px; line-height:1.55; }

.youth-participation { background:#eff8fb; }
.youth-participation-grid { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:72px; }
.youth-participation-copy .youth-button { margin-top:27px; }
.youth-participant-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.youth-participant-list>div { display:flex; min-height:130px; flex-direction:column; justify-content:space-between; padding:20px; border:1px solid rgba(22,170,211,.22); border-radius:8px; background:#fff; color:var(--youth-purple); font-size:14px; font-weight:700; }
.youth-participant-list i { color:var(--youth-cyan); font-size:23px; }
.youth-final-cta { padding:72px 0; background:var(--youth-purple); color:#fff; }
.youth-final-grid { grid-template-columns:minmax(0,1fr) auto; gap:48px; }
.youth-final-cta h2 { max-width:760px; margin-bottom:0; color:#fff; font-size:38px; line-height:1.12; }

#youth-modern.youth-motion-ready .youth-reveal { opacity:0; transform:translateY(22px); transition:opacity 600ms ease,transform 600ms ease; }
#youth-modern.youth-motion-ready .youth-reveal.is-visible { opacity:1; transform:none; }

@media (max-width:990px) {
  .youth-hero h1 { font-size:54px; }
  .youth-intro-grid, .youth-feature-grid, .youth-video-grid, .youth-participation-grid { grid-template-columns:1fr; gap:40px; }
  .youth-heading-grid { grid-template-columns:1fr; gap:10px; }
  .youth-format { grid-template-columns:150px minmax(0,1fr); }
  .youth-outcome-grid, .youth-career-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .youth-career-steps li:nth-child(3) { border-left:1px solid var(--youth-line); }
  .youth-final-grid { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .youth-shell { width:min(100% - 32px,1280px); }
  .youth-section { padding:68px 0; }
  .youth-hero { min-height:650px; }
  .youth-hero-content { padding:92px 0 58px; }
  .youth-hero h1 { font-size:44px; }
  .youth-hero-content>p:not(.youth-kicker) { font-size:16px; }
  .youth-facts-grid { grid-template-columns:1fr; }
  .youth-facts-grid>div, .youth-facts-grid>div:first-child { min-height:82px; border-right:1px solid var(--youth-line); border-bottom:1px solid var(--youth-line); border-left:1px solid var(--youth-line); }
  .youth-intro-copy h2, .youth-section-heading h2, .youth-video-copy h2, .youth-participation-copy h2 { font-size:36px; }
  .youth-intro-media, .youth-feature-media { min-height:360px; }
  .youth-format-grid, .youth-career-grid { grid-template-columns:1fr; }
  .youth-final-cta h2 { font-size:32px; }
}

@media (max-width:540px) {
  .youth-hero { min-height:680px; }
  .youth-hero h1 { font-size:40px; }
  .youth-actions .youth-button { width:100%; }
  .youth-pathway-links { flex-direction:column; }
  .youth-format { grid-template-columns:1fr; }
  .youth-format img { height:210px; }
  .youth-outcome-grid, .youth-career-steps, .youth-participant-list { grid-template-columns:1fr; }
  .youth-career-steps li, .youth-career-steps li:nth-child(3) { border-left:1px solid var(--youth-line); }
  .youth-video-selector { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion:reduce) {
  #youth-modern *, #youth-modern *::before, #youth-modern *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
  #youth-modern.youth-motion-ready .youth-reveal { opacity:1; transform:none; }
}
