.dc-hero { padding-top: clamp(28px, 4vw, 48px); padding-bottom: 14px; }
.dc-hero h1 { max-width: 1040px; font-size: clamp(3rem, 6.15vw, 5.15rem); line-height: .88; }
.dc-home h1 span, .dc-home h2 span, .dc-national-copy h3 span { font-family: Teko, sans-serif; }
.dc-hero-lede { margin: 15px 0 18px; }
.dc-actions { gap: 10px; }
.dc-hero-facts { max-width: 850px; margin-top: 23px; }
.dc-hero-facts > div { padding-top: 12px; }
.dc-hero-photo { z-index: 50; margin-top: 20px; }
.dc-hero-photo img { max-height: 66vh; }
.dc-section-head h2 { font-size: clamp(2.7rem, 5.4vw, 4.8rem); line-height: .9; }
.dc-section { padding-block: clamp(62px, 7vw, 92px); }
.dc-player-grid { display: block; margin-top: 26px; }
.dc-player-feature { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); min-height: 285px; border-color: #ffffff30; background: linear-gradient(105deg, #ffffff0d, #ffffff05); }
.dc-player-feature .dc-player-image { height: 100%; min-height: 285px; }
.dc-player-feature .dc-player-copy { align-self: center; padding: clamp(20px, 4vw, 42px); }
.dc-player-feature .dc-player-copy h3 { font-size: clamp(2rem, 4vw, 3.2rem); }
.dc-national-feature { position: relative; z-index: 50; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: stretch; overflow: hidden; border: 1px solid #ffffff32; border-radius: 22px; background: linear-gradient(125deg, #ffffff10, #001044 82%); box-shadow: 0 24px 70px #0005; }
.dc-national-portraits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 430px; }
.dc-national-player { position: relative; display: block; min-width: 0; overflow: hidden; background: #081a40; }
.dc-national-player + .dc-national-player { border-left: 1px solid #ffffff35; }
.dc-national-player img { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; object-position: center 18%; transition: transform .5s ease; }
.dc-national-player:hover img { transform: scale(1.035); }
.dc-national-player::after { position: absolute; inset: 38% 0 0; content: ""; background: linear-gradient(transparent, #000d); pointer-events: none; }
.dc-national-player > span { position: absolute; z-index: 1; right: 12px; bottom: 18px; left: 12px; display: grid; gap: 4px; text-align: center; }
.dc-national-player strong { color: #fff; font-family: Teko, sans-serif; font-size: clamp(1.35rem, 2.4vw, 2.2rem); line-height: 1; text-transform: uppercase; }
.dc-national-player small { color: #ffda42; font-size: .54rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.dc-national-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 4vw, 52px); }
.dc-national-copy .dc-eyebrow { color: #ffda42; }
.dc-national-copy h3 { margin: 0 0 18px; color: #fff; font-family: Teko, sans-serif; font-size: clamp(2.25rem, 4.2vw, 4rem); line-height: .88; text-transform: uppercase; }
.dc-national-copy h3 span { color: #ffcc00; }
.dc-national-copy > p:not(.dc-eyebrow) { color: #e0e8f7; font-size: clamp(.82rem, 1.2vw, 1rem); line-height: 1.8; }
.dc-national-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.dc-national-links a { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; padding: 10px 14px; border: 1px solid #ffcc00a6; border-radius: 999px; color: #ffda42; font-size: .64rem; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.dc-national-links a:hover { background: #ffcc00; color: #001f66; }
.dc-national-copy .dc-national-note { margin: 20px 0 0; color: #aab9d2; font-size: .68rem; }
.dc-journey-card > img { object-position: center 28%; }
.dc-journey-card:nth-child(1) > img { object-position: center 27%; }
.dc-journey-card:nth-child(2) > img { object-position: center 40%; }
@media (max-width: 1000px) { .dc-national-feature { grid-template-columns: 1fr; } .dc-national-portraits { min-height: 350px; max-height: 500px; } .dc-national-player img { min-height: 350px; } }
@media (max-width: 700px) {
  .dc-hero { padding-top: 28px; }
  .dc-hero h1 { font-size: clamp(2.8rem, 10.4vw, 4.5rem); line-height: .9; }
  .dc-hero-photo { margin-top: 16px; }
  .dc-national-feature { border-radius: 16px; }
  .dc-national-portraits { min-height: 270px; max-height: 390px; }
  .dc-national-player img { min-height: 270px; object-position: center 15%; }
  .dc-national-player > span { right: 5px; bottom: 12px; left: 5px; }
  .dc-national-player strong { font-size: clamp(1.2rem, 5vw, 1.8rem); }
  .dc-national-player small { font-size: .46rem; }
  .dc-national-copy { padding: 24px 20px; text-align: center; }
  .dc-national-links { justify-content: center; }
  .dc-national-copy .dc-national-note { text-align: left; }
  .dc-player-feature { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); min-height: 230px; }
  .dc-player-feature .dc-player-image { min-height: 230px; }
  .dc-player-feature .dc-player-copy { padding: 16px; }
  .dc-player-feature .dc-player-copy h3 { font-size: 1.75rem; }
  .dc-journey-card:nth-child(2) { display: block; }
  .dc-journey-card:nth-child(2) > img { height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
}
@media (max-width: 390px) {
  .dc-national-portraits { min-height: 230px; }
  .dc-national-player img { min-height: 230px; }
  .dc-player-feature { grid-template-columns: .8fr 1.2fr; }
}
/* Fixed, non-interactive homepage mascot video and static fallback. */
.dc-mascot{position:fixed;z-index:56;right:max(72px,calc(env(safe-area-inset-right) + 68px));bottom:max(88px,calc(env(safe-area-inset-bottom) + 84px));width:clamp(96px,10vw,150px);aspect-ratio:4/5;overflow:hidden;pointer-events:none;filter:drop-shadow(0 8px 14px #0006)}
.dc-mascot video,.dc-mascot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.dc-mascot video{position:absolute;inset:0}
.dc-mascot img{position:absolute;inset:0;opacity:0}
.dc-mascot.is-static img{opacity:1}
.dc-mascot.is-static video{visibility:hidden}
.dc-national-feature{z-index:70}
.dc-journey-card>img.dc-coaching-card-image{object-position:center 15%}
@media(max-width:700px){.dc-mascot{right:max(74px,calc(env(safe-area-inset-right) + 72px));bottom:max(92px,calc(env(safe-area-inset-bottom) + 88px));width:clamp(70px,20vw,92px)}}
@media(prefers-reduced-motion:reduce){.dc-mascot video{display:none}.dc-mascot img{opacity:1}}

.dc-global-pathway{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(28px,4vw,58px);align-items:center;margin:54px 0 26px;padding:clamp(28px,3.7vw,48px);border:1px solid rgba(255,204,0,.28);border-radius:22px;background:linear-gradient(125deg,#001f66 0%,#003399 68%,#08235b 100%);box-shadow:0 20px 54px rgba(0,20,70,.2);scroll-margin-top:100px}
.dc-global-copy,.dc-global-video-wrap{min-width:0;max-width:100%}
.dc-global-copy .dc-eyebrow{margin:0 0 9px;color:#ffcc00;font-size:.7rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.dc-global-name{margin:0;color:#fff;font-family:Teko,sans-serif;font-size:clamp(3.6rem,6.2vw,5.4rem);font-weight:700;line-height:.82;text-transform:uppercase}
.dc-global-role{display:flex;flex-direction:column;gap:3px;margin:13px 0 24px;padding-left:13px;border-left:3px solid #ffcc00}
.dc-global-role strong{color:#ffcc00;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.dc-global-role span{color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.055em;line-height:1.45;text-transform:uppercase}
.dc-global-supporting-title{margin:0 0 15px;color:#fff;font-family:Teko,sans-serif;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:.95;text-transform:uppercase}
.dc-global-supporting-title span{color:#ffcc00}
.dc-global-intro{display:grid;gap:9px;margin:0 0 18px}
.dc-global-intro p{margin:0;color:#e3ebf9;font-size:clamp(.82rem,1vw,.93rem);line-height:1.65}
.dc-global-copy .dc-global-disclaimer{margin:12px 0 0;color:#bdcceb;font-size:.68rem;line-height:1.5}
.dc-pathway-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:22px 0 0;padding:0;list-style:none}
.dc-pathway-steps::before{position:absolute;top:15px;right:8%;left:8%;height:1px;background:rgba(255,204,0,.58);content:""}
.dc-pathway-steps li{position:relative;z-index:1;display:flex;min-width:0;min-height:77px;flex-direction:column;align-items:center;gap:8px;padding:0 6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#001f66;color:#fff;text-align:center}
.dc-step-number{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid rgba(255,204,0,.8);border-radius:50%;background:#003399;color:#ffcc00;font-size:.61rem;font-weight:900}
.dc-step-label{font-size:.58rem;font-weight:900;letter-spacing:.035em;line-height:1.25;text-transform:uppercase}
.dc-pathway-steps li:last-child{border-color:rgba(255,204,0,.7);background:rgba(255,204,0,.09)}
.dc-pathway-steps li:last-child .dc-step-number{background:#ffcc00;color:#001f66}
.dc-pathway-steps li:last-child .dc-step-label{color:#ffda42}
.dc-global-video-wrap{width:240px;align-self:start;justify-self:center}
.dc-global-video{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.28);border-radius:16px;background:#0a1430;box-shadow:0 16px 36px rgba(0,0,0,.28)}
.dc-global-video img{display:block;width:100%;height:100%;object-fit:cover}
.dc-global-video .dc-play-icon{top:50%;left:50%;transform:translate(-50%,-50%)}
.dc-global-video .dc-video-duration{position:absolute;right:9px;bottom:9px;left:9px;padding:7px 8px;border-radius:7px;background:rgba(0,20,64,.84);color:#fff;font-size:.59rem;font-weight:900;line-height:1.35;text-align:center}
.dc-global-video-wrap>p{margin:0 2px 10px;color:#d8e5fb;font-size:.68rem;line-height:1.5;text-align:left}
@media(max-width:900px){.dc-global-pathway{grid-template-columns:minmax(0,1fr);gap:22px;padding:30px}.dc-global-name{font-size:clamp(3.4rem,8vw,4.5rem)}.dc-pathway-steps{width:calc(100% - 120px);grid-template-columns:minmax(0,1fr);gap:7px;margin-top:19px}.dc-pathway-steps::before{display:block;top:18px;bottom:18px;left:14px;width:1px;height:auto}.dc-pathway-steps li{min-height:48px;flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 11px;text-align:left}.dc-step-number{width:28px;height:28px;flex-basis:28px}.dc-step-label{font-size:.65rem}.dc-global-copy .dc-global-disclaimer{max-width:calc(100% - 120px)}.dc-global-video-wrap{width:min(100%,250px);justify-self:center}}
@media(max-width:700px){.dc-global-pathway{gap:20px;margin:38px 0 20px;padding:24px 18px;border-radius:16px}.dc-global-name{font-size:clamp(3.5rem,14vw,4.5rem)}.dc-global-role{margin:12px 0 21px}.dc-global-supporting-title{font-size:clamp(2rem,9vw,2.55rem)}.dc-global-video-wrap{width:min(100%,190px);justify-self:start}}