/* Shared styles for every page document (page-*.dc.html). Split out of the
   v11 full-site document; the navbar lives in the Next.js app. */
.dtn-glowbox{transition:border-color .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo),background-color .45s var(--ease-out-expo)}
.dtn-glowbox:hover{border-color:rgba(18,205,248,.55)!important;box-shadow:0 0 34px rgba(18,205,248,.22);background-color:rgba(18,205,248,.05)!important}
.dtn-glowrule{transition:border-top-color .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo)}
.dtn-glowrule:hover{border-top-color:#12CDF8!important;box-shadow:0 -14px 30px -18px rgba(18,205,248,.7)}

@keyframes dtn-star-draw{0%{stroke-dashoffset:1400}55%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes dtn-core-breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes dtn-spoke-flow{0%,100%{opacity:.18}50%{opacity:.75}}
@keyframes dtn-node-twinkle{0%,100%{opacity:.45}50%{opacity:1}}

/* Section spacing, shared by every page. Top clears the 87px nav band; the
   distance between two sections' content is bottom + gap + top. */
:root{--sec-top:clamp(104px,11vh,120px);--sec-bot:clamp(40px,6vh,64px);--sec-gap:clamp(24px,4vh,44px)}   /* ~40% tighter section rhythm */
@media(max-width:760px){:root{--sec-top:112px;--sec-bot:56px;--sec-gap:40px}}
/* a sub-block inside a long section starts after the same break as a new section */
/* Home hero on phones (.hm-mob), copied from dreamteamnetwork.com: the dimmed galaxy, then at 0.75s
   the blue horizon fades in while the DTN lockup grows from the center, draws its outline in white
   and fills its labels; the outline glows from 3.35s; at 4.5s (7.5s on the live site, quicker here) it all settles back to the galaxy and
   the outline turns Celestial Blue. Times are from page load, as on the live site. */
.hm-mob{display:none;position:absolute;inset:0;overflow:hidden;background:#000}
.hm-mob > i{position:absolute;inset:0;pointer-events:none}
.hmm-galaxy{z-index:1;background:url('https://res.cloudinary.com/deyxtfkz6/image/upload/f_auto,q_auto/v1790573694/DTN_Space_BKGD_zo5pzm.png') center/cover;animation:hmmGalaxy 6s both}
.hmm-blue{z-index:1;background:url('https://res.cloudinary.com/deyxtfkz6/image/upload/f_auto,q_auto/v1790573943/DTN_Hoiz_Bkgd3_y5rccl.png') center/cover;animation:hmmBlue 5.5s both}
.hm-mob > .hmm-top{z-index:2;bottom:auto;height:33.333%;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);animation:hmmDim 5.5s both}
.hm-mob > .hmm-bot{z-index:2;top:auto;height:33.333%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);animation:hmmDim 5.5s both}
.hmm-dim{z-index:5;background:rgba(0,0,0,.6);animation:hmmDim 5.5s both}
.hm-mob > .hmm-fade{z-index:10;top:auto;bottom:-5px;height:20%;background:linear-gradient(transparent,#000)}
.hmm-logo{position:absolute;z-index:10;left:0;right:0;top:50%;margin-top:-20.3vw;animation:hmmLogo 2s cubic-bezier(.16,1,.3,1) 1.25s both}
.hmm-svg{display:block;width:100vw;height:auto}
.hmm-f{fill:#12cdf8;paint-order:stroke fill;animation:hmmFill .5s ease both,hmmWhiteF 4.5s step-end forwards}
.hmm-s{stroke-width:4;stroke-miterlimit:10;stroke-dasharray:1;animation:hmmDraw 1.5s cubic-bezier(.16,1,.3,1) both,hmmWhiteS 4.5s step-end forwards}
.hmm-glow{animation:hmmGlow 2s ease-out 3.35s both}
@keyframes hmmGalaxy{0%,12.5%{opacity:1;animation-timing-function:ease-in-out}29.17%,75%{opacity:0;animation-timing-function:ease-in-out}100%{opacity:1}}
@keyframes hmmDim{0%,13.64%{opacity:1;animation-timing-function:ease-in-out}31.82%,81.82%{opacity:0;animation-timing-function:ease-in-out}100%{opacity:1}}
@keyframes hmmBlue{0%,13.64%{opacity:0;animation-timing-function:ease-in-out}31.82%,81.82%{opacity:1;animation-timing-function:ease-in-out}100%{opacity:0}}
@keyframes hmmLogo{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
@keyframes hmmFill{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes hmmWhiteF{0%{stroke:#fff;stroke-width:.5}100%{stroke:none;stroke-width:0}}
@keyframes hmmDraw{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes hmmWhiteS{0%{stroke:#fff}100%{stroke:#12cdf8}}
@keyframes hmmGlow{0%{filter:drop-shadow(0 0 0 rgba(18,205,248,0)) drop-shadow(0 0 0 rgba(18,205,248,0))}
  50%{filter:drop-shadow(0 0 16px rgba(18,205,248,.8)) drop-shadow(0 0 16px rgba(18,205,248,.8))}
  100%{filter:drop-shadow(0 0 8px rgba(18,205,248,.6)) drop-shadow(0 0 8px rgba(18,205,248,.6))}}
:root{--sec-break:calc(var(--sec-bot) + var(--sec-gap) + var(--sec-top))}

/* About hero, copied from dreamteamnetwork.com/about: 90% of the screen, the galaxy behind, the asteroid
   centered at up to 600px, CHANGE / THE / GAME 96px on the left, fading in. Phones: see the 620px block */
.ab-hero{position:relative;height:90vh;min-height:560px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:128px 64px;overflow:hidden;
  background:#000 url('https://res.cloudinary.com/deyxtfkz6/image/upload/f_auto,q_auto/v1790573694/DTN_Space_BKGD_zo5pzm.png') 50% 50%/cover no-repeat}
.ab-ast{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.ab-ast img{display:block;width:auto;height:auto;max-width:600px;animation:abFloat 8s ease-in-out infinite}
@keyframes abFloat{0%,100%{transform:none}50%{transform:translate(5px,-20px)}}
@media (prefers-reduced-motion:reduce){.ab-ast img,.ab-h{animation:none}}
.ab-col{position:relative;z-index:10;display:flex;flex-direction:column;gap:16px}
.ab-sp{height:216px}
.ab-h{margin:0;display:flex;flex-direction:column;gap:8px;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:96px;line-height:1;letter-spacing:normal;color:#ededed;animation:abIn 1s cubic-bezier(.16,1,.3,1) .9s both}
.ab-h span{display:block}
/* Business hero: the same starry galaxy as Home and About behind the revolving globe, fading into the
   page at its foot. Phones anchor it 60% across from the top, as About does */
.bz-galaxy{position:absolute;inset:0;pointer-events:none;
  background:url('https://res.cloudinary.com/deyxtfkz6/image/upload/f_auto,q_auto/v1790573694/DTN_Space_BKGD_zo5pzm.png') 50% 50%/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
/* laptop: the logo bubbles' glow used to stop on a hard line at the foot of the globe's box (invisible on
   plain black, plain over the galaxy); the box fades out over its last 20%, below the lowest logo */
@media (min-width:621px){#sx-hero [data-orbit]{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}}
/* Home and Business: the revolving globe glows white like the About asteroid (a soft halo hugging the stars,
   white haze behind it) instead of Celestial Blue, and the blue ring (.orbit-glow, which the orbit script
   pushed off to the globe's lower right) is gone. The Athletes globe is unchanged */
#sx-hero .orbit-glow,[data-stage-label="Network"] .orbit-glow{display:none!important}
#sx-hero .orbit-mark canvas,[data-stage-label="Network"] .orbit-mark canvas{filter:drop-shadow(0 0 22px rgba(255,255,255,.32)) drop-shadow(0 0 64px rgba(255,255,255,.14))!important}
#sx-hero [data-orbit] > div:first-child,[data-stage-label="Network"] [data-orbit] > div:first-child{background:radial-gradient(56% 48% at 50% 40%,rgba(255,255,255,.07),transparent 66%)!important}
/* Home · laptop: the galaxy continues behind the revolving globe. Same image and scale as behind the DTN
   (letterbox bars trimmed, flipped so its haze doesn't repeat under the hero's), fading in at the top as
   the hero's fades out and out again before the footer. Phones hide this section */
.hn-galaxy{display:none}
@media (min-width:621px){
  .hn-galaxy{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;
    background:url('https://res.cloudinary.com/deyxtfkz6/image/upload/c_crop,y_90,h_900,w_1920,x_0/a_hflip/f_auto,q_auto/v1790573694/DTN_Space_BKGD_zo5pzm.png') 50% 50%/cover no-repeat;opacity:.92;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 80%,transparent 100%)}
  /* no Celestial Blue wash in the top corner of Home: the galaxy and the white globe carry it */
  html[data-dtnview="home"] #dtn-app > div[aria-hidden]:first-child{display:none}
}
/* Business · DTN Culture speaker cards (both widths): four across on the laptop, arrows step one speaker.
   Each photo has its background removed and sits greyscale on black, anchored to the card's foot; the
   league badge sits top right; + opens the bio over the card. Cards without a photo stay blank */
.sk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:clamp(26px,3vw,42px) 0 clamp(14px,1.6vw,22px)}
.sk-lab{margin:0;font-family:'New Science',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(9.5px,.95vw,12px);line-height:1.5;color:#B4B7BB}
.sk-nav{display:flex;gap:10px;flex:none}
.sk-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * clamp(12px,1.4vw,22px)) / 4);column-gap:clamp(12px,1.4vw,22px);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sk-track::-webkit-scrollbar{display:none}
.sk-card{position:relative;scroll-snap-align:start;aspect-ratio:1.2;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12)}
.sk-ph{position:absolute;inset:0;background-repeat:no-repeat;background-position:50% 100%;background-size:auto 92%}
/* Geronimo's full-length stage photo: a touch larger and set lower, his head always clear of the card's top
   (the photo layer drops by 10% of the card at every size; his feet run off the foot) */
.sk-ph[style*="IMG_1652"]{top:10%;bottom:-10%;background-size:auto 112%;background-position:center top}
.sk-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 26%,rgba(0,0,0,0) 56%);pointer-events:none}
/* league logos float on the black, no circle: trimmed tight by Cloudinary, all the same height */
.sk-badge{position:absolute;top:clamp(14px,1.4vw,22px);right:clamp(14px,1.4vw,22px);height:clamp(34px,3vw,46px);width:clamp(56px,5vw,80px);display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none}
.sk-badge img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}
/* the rings are wide and short: same visual weight at a lower height */
.sk-badge img[src$=".png"]{height:62%}
/* MLB is a wide box: a bit shorter than the others, centered on their line so it sits level with them */
.sk-badge img[src*="Pro.MLB"]{height:72%;align-self:center}
/* Michigan's block M is wide and solid too: same treatment */
.sk-badge img[src*="College.Michigan"]{height:68%;align-self:center}
.sk-card[data-badge="false"] .sk-badge{display:none}
.sk-txt{position:absolute;left:clamp(14px,1.4vw,22px);right:clamp(48px,4vw,64px);bottom:clamp(14px,1.4vw,20px)}
.sk-t{margin:0 0 8px;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;font-size:clamp(14px,1.45vw,22px);color:#12CDF8;text-wrap:balance}
.sk-t:empty{display:none}
.sk-n{margin:0 0 6px;font-family:'New Science',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(10px,.95vw,13px);color:#EDEDED}
.sk-c{margin:0;font-family:'New Science',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(9px,.85vw,11.5px);line-height:1.4;color:#8f9296}
.sk-card[data-bio="true"]{cursor:pointer}
.sk-plus{position:absolute;right:clamp(12px,1.2vw,18px);bottom:clamp(14px,1.4vw,20px);width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer;z-index:3}
.sk-plus span{position:absolute;left:7px;right:7px;top:14px;height:1.5px;background:#EDEDED;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.sk-plus span + span{transform:rotate(90deg)}
/* turned over: the + becomes an x in the top left corner */
.sk-card.sk-open .sk-plus{right:auto;bottom:auto;left:clamp(12px,1.2vw,18px);top:clamp(12px,1.2vw,18px)}
.sk-card.sk-open .sk-plus span{transform:rotate(45deg);background:#fff}
.sk-card.sk-open .sk-plus span + span{transform:rotate(-45deg)}
.sk-card[data-bio="false"] .sk-plus,.sk-card[data-bio="false"] .sk-bio{display:none}
/* the back: the bio in white, large and readable, centered in the card below the x */
.sk-bio{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(48px,4.2vw,62px) clamp(18px,1.8vw,28px) clamp(18px,1.8vw,26px);background:#030407;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1)}
.sk-bio p{margin:auto 0;font-family:'New Science',sans-serif;font-weight:400;font-size:clamp(13.5px,1.04vw,15px);line-height:1.5;color:#fff}
.sk-card.sk-open .sk-bio{opacity:1;pointer-events:auto}
/* laptop: the site's Celestial Blue hover glow, as on the Athletes stage cards (the track gets room so it isn't clipped) */
@media (hover:hover) and (min-width:621px){
  .sk-track{padding:40px;margin:-40px;scroll-padding-inline:40px}
  .sk-card{transition:border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1)}
  /* tight enough to fade out inside the track's 40px of room, so no edge of it is ever cut off */
  .sk-card:hover{border-color:rgba(90,226,253,1);box-shadow:inset 0 0 0 1px rgba(90,226,253,1),0 0 0 1px rgba(18,205,248,.5),0 8px 22px -6px rgba(18,205,248,.6),0 0 26px rgba(18,205,248,.4);transform:translateY(-3px)}
}
/* the last card: same black card, the DTN galaxy faint in the corner, a blue headline and arrow that wake on hover */
.sk-more{display:block;text-decoration:none;cursor:pointer;transition:border-color .35s cubic-bezier(.16,1,.3,1)}
.sk-more .sk-txt{right:clamp(14px,1.4vw,22px)}
.sk-more .sk-t{display:block;font-size:clamp(18px,1.9vw,28px);margin-bottom:10px}
.sk-more .sk-c{display:block}
.sk-more-mark{position:absolute;right:-14%;top:-12%;width:72%;aspect-ratio:1;background:url('assets/galaxy-mark.svg') center/contain no-repeat;opacity:.07;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.sk-more-arr{position:absolute;top:clamp(14px,1.4vw,22px);left:clamp(14px,1.4vw,22px);font-family:'New Science',sans-serif;font-size:clamp(20px,1.8vw,26px);line-height:1;color:#12CDF8;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.sk-more:hover .sk-more-mark{opacity:.12;transform:rotate(12deg)}
.sk-more:hover .sk-more-arr{transform:translateX(5px)}
.sk-more:focus-visible{outline:none;border-color:#12CDF8}
/* Footer type, laptop and phone, as on dreamteamnetwork.com: page links in New Science Medium Extended 16px
   #EDEDED with normal tracking; the copyright and the legal links in Figtree 16px #EDEDED, the links underlined */
.ft-nav{gap:16px!important}   /* 40px from link to link, as on dreamteamnetwork.com */
.ft-nav a{font-family:'New Science Ext','New Science',sans-serif!important;font-weight:500!important;font-size:16px!important;letter-spacing:normal!important;line-height:24px!important;color:#EDEDED!important}
.ft-copy,.ft-legal a{font-family:'Figtree',system-ui,sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important;text-transform:none!important;color:#EDEDED!important}
.ft-legal a{text-decoration:underline!important;text-underline-offset:3px}
/* Business · Culture events: three across, hairline above each, bold display caps */
.ev-lab{margin:clamp(30px,3.4vw,48px) 0 clamp(10px,1.2vw,16px)}
.ev-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3.4vw,56px)}
.ev-grid li{padding:clamp(12px,1.2vw,16px) 0;border-top:1px solid rgba(255,255,255,.1);font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(12px,1.15vw,16px);line-height:1.3;color:#EDEDED}
/* Human Connection: the closing line under the pillars, set like "Bring your teams together" (the h2's
   .44em subline: regular, wide-tracked caps), centered */
.cx-tag{margin:clamp(26px,3vw,44px) auto 0;max-width:none;text-align:center;font-family:'New Science',sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.11em;line-height:1.5;font-size:calc(clamp(13px,2.28vw,35px) * .44);color:#EDEDED;text-shadow:0 1px 3px rgba(4,6,11,.9);text-wrap:balance}
/* Privacy Policy and Terms of Service: the live site's text, set as it is there (Figtree body, extended headings) */
.lg-upd{margin:-18px 0 30px;font-family:'Figtree',system-ui,sans-serif;font-size:14px;line-height:20px;color:#6b7280}
.lg-body{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;font-family:'Figtree',system-ui,sans-serif;font-size:16px;line-height:26px;color:#EDEDED}
.lg-body h1{margin:24px 0 8px;font-family:'New Science',sans-serif;font-weight:700;font-size:40px;line-height:44px;color:#EDEDED}
.lg-body h2{margin:32px 0 10px;font-family:'New Science',sans-serif;font-weight:700;font-size:24px;line-height:32px;color:#EDEDED;scroll-margin-top:120px}
.lg-body h3{margin:20px 0 6px;font-family:'New Science Ext','New Science',sans-serif;font-weight:600;font-size:18px;line-height:28px;color:#EDEDED;scroll-margin-top:120px}
.lg-body p{margin:0 0 16px}
.lg-body ul{margin:0 0 16px;padding-left:1.4em}
.lg-body li{margin:0 0 8px}
.lg-body li ul{margin:8px 0 0}
.lg-body a{color:#12CDF8;text-decoration:none}
.lg-body a:hover{text-decoration:underline}
.lg-body strong{font-weight:700;color:#EDEDED}
.lg-body hr{margin:32px 0;border:0;border-top:1px solid rgba(255,255,255,.12)}
.lg-body table{width:100%;margin:0 0 16px;border-collapse:collapse;line-height:24px;display:block;overflow-x:auto}
.lg-body th,.lg-body td{padding:10px 12px;border:1px solid rgba(255,255,255,.14);text-align:left;vertical-align:top}
.lg-body th{font-weight:600}
/* Athletes · under the Sport Trains Human Performance tiles: set like Value of Team's "Real teams in business are rare.", in Celestial Blue */
.sw-win{margin:clamp(22px,2.6vw,36px) 0 0;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.022em;font-size:clamp(14px,1.8vw,25px);line-height:1.14;color:#12CDF8}
@keyframes abIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

:root{--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1)}

@font-face{font-family:'New Science';src:url('fonts/NewScience-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'New Science';src:url('fonts/NewScience-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'New Science';src:url('fonts/NewScience-Light.otf') format('opentype');font-weight:300;font-display:swap}
@font-face{font-family:'New Science';src:url('fonts/NewScience-SemiBold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:'New Science';src:url('fonts/NewScience-Bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'New Science';src:url('fonts/NewScience-BoldExtended.otf') format('opentype');font-weight:700;font-display:swap}
/* the live site's footer faces: New Science Medium Extended for the page links, Figtree for the legal line */
@font-face{font-family:'New Science Ext';src:url('fonts/NewScience-MediumExtended.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:'New Science Ext';src:url('fonts/NewScience-SemiBoldExtended.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:'Figtree';src:url('fonts/Figtree-latin.woff2') format('woff2');font-weight:300 900;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
/* dark page scrollbar: slim graphite thumb on black, Celestial Blue while you use it */
html{color-scheme:dark;background:#000}
::-webkit-scrollbar{width:10px;height:10px;background:#000}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border:3px solid #000;border-radius:999px;min-height:48px}
::-webkit-scrollbar-thumb:hover{background:rgba(18,205,248,.7);border-width:2px}
::-webkit-scrollbar-thumb:active{background:#12CDF8;border-width:2px}
::-webkit-scrollbar-corner{background:#000}
@supports not selector(::-webkit-scrollbar){html{scrollbar-color:rgba(255,255,255,.2) #000;scrollbar-width:thin}}
/* smooth-scroll.js (Lenis): the document scrolls natively underneath, so sticky and fixed keep working */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
body{background:#000;color:#fff;font-family:'New Science','Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
@keyframes dtnCTGin{0%{opacity:0;transform:translateY(30px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes dtnRise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes dtnPulse{0%,100%{filter:drop-shadow(0 0 16px rgba(18,205,248,.30))}50%{filter:drop-shadow(0 0 36px rgba(18,205,248,.62))}}
@keyframes dtnDrift{from{background-position:0 0,0 0}to{background-position:0 -1400px,0 -700px}}
@keyframes dtnBeam{0%,100%{opacity:.45;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.06)}}
@keyframes dtnMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dtnSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes dtnNeon{0%,100%{text-shadow:0 0 14px rgba(18,205,248,.5),0 0 40px rgba(18,205,248,.28)}50%{text-shadow:0 0 22px rgba(18,205,248,.85),0 0 64px rgba(18,205,248,.5)}}
@keyframes dtnLogoIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes dtnDraw{to{stroke-dashoffset:0}}
@keyframes dtnTextGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(18,205,248,.4))}50%{filter:drop-shadow(0 0 13px rgba(18,205,248,.95))}}
@keyframes dtnFillIn{to{fill:rgba(18,205,248,.06)}}
@keyframes dtnBloom{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes dtnPopIn{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes dtnFloat{0%,100%{transform:translateY(-14px) rotate(-1.2deg)}50%{transform:translateY(14px) rotate(1.2deg)}}
@keyframes dtnDraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes dtnHalo{0%,100%{opacity:0}50%{opacity:.45}}
[data-ctg]:has([data-side-l]:hover) [data-glow-l]{opacity:1!important}
[data-ctg]:has([data-side-r]:hover) [data-glow-r]{opacity:1!important}
[data-side-l]:hover [data-atl-line],[data-side-r]:hover [data-biz-line]{background:#12CDF8!important}
[data-side-l]:hover [data-atl-plus],[data-side-r]:hover [data-biz-plus]{color:#12CDF8!important}
[data-side-l]:hover [data-atl-copy],[data-side-r]:hover [data-biz-copy]{opacity:1!important;transform:none!important}
summary::-webkit-details-marker{display:none}
summary{outline:none}
[data-plus]{transition:transform .3s var(--ease-out-expo,ease)}
details[open] [data-plus]{transform:rotate(45deg)}
details summary span span{transition:color .3s}
@keyframes dtnCyc{0%{opacity:0;transform:translateY(10px)}2.5%{opacity:1;transform:none}22%{opacity:1;transform:none}25%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}
@keyframes dtnLbl{0%{color:rgba(255,255,255,.32)}2%{color:#12CDF8}23%{color:#12CDF8}25.5%{color:rgba(255,255,255,.32)}100%{color:rgba(255,255,255,.32)}}
@keyframes dtnBar{0%{transform:scaleX(0)}0.5%{transform:scaleX(0)}24%{transform:scaleX(1)}25.5%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes dtnDraw{to{stroke-dashoffset:0}}
@keyframes dtnPulse{0%{stroke-dashoffset:150}100%{stroke-dashoffset:0}}
@keyframes dtnBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes dtnGalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes dtnGalPulse{0%,100%{filter:drop-shadow(0 0 12px rgba(18,205,248,.55))}50%{filter:drop-shadow(0 0 30px rgba(18,205,248,.95))}}
@keyframes dtnBloom{0%{opacity:.55;transform:translate(-50%,-50%) scale(.35)}70%{opacity:0}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
@keyframes dtnNebula{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(5%,-4%) scale(1.18)}}
@keyframes dtnKen{0%,100%{transform:scale(1.06)}50%{transform:scale(1.16)}}
@keyframes dtnTwinkle{0%,100%{opacity:.15}50%{opacity:.9}}
@keyframes dtnRingHalo{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}
@keyframes dtnTagFade{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes dtnScanY{0%{top:0;opacity:0}10%{opacity:.9}90%{opacity:.9}100%{top:100%;opacity:0}}
@keyframes dtnRise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes heroDraw{0%{clip-path:inset(-20% 100% -20% -20%);opacity:0}10%{opacity:1}58%{clip-path:inset(-20% -20% -20% -20%)}100%{clip-path:inset(-20% -20% -20% -20%);opacity:1}}
@keyframes heroBlueOut{0%,52%{opacity:1}78%,100%{opacity:0}}
@keyframes heroWhiteOut{0%,56%{opacity:1}80%,100%{opacity:0}}
@keyframes heroCyanIn{0%,56%{opacity:0}100%{opacity:1}}
@keyframes heroHoizOut{0%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes heroLabel{0%{opacity:0;color:#fff;text-shadow:none}14%{opacity:1;color:#fff}56%{color:#fff;text-shadow:none}100%{opacity:1;color:#12CDF8;text-shadow:0 0 18px rgba(18,205,248,.55)}}
@keyframes heroHeadIn{0%,66%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes heroTagIn{0%,72%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes dtnIntroOut{0%,88%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes dtnIntroMark{0%{opacity:0;transform:scale(.72);clip-path:inset(0 100% 0 0)}22%{opacity:1}62%{clip-path:inset(0 0 0 0)}100%{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0)}}
@keyframes dtnIntroWord{0%,42%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes dtnIntroFlash{0%,72%{opacity:0}82%{opacity:.55}100%{opacity:0}}
details[open] summary span span{color:#12CDF8}
.imp-card{-webkit-perspective:1200px;perspective:1200px}
.imp-inner{transition:transform .6s var(--ease-out-expo,cubic-bezier(.16,1,.3,1));-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.imp-card input:checked ~ .imp-inner{transform:rotateY(180deg)}
.imp-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.imp-back{transform:rotateY(180deg)}
.imp-card:hover .imp-front{border-color:rgba(18,205,248,.6);box-shadow:0 0 26px rgba(18,205,248,.28)}
.imp-card:hover .imp-cue{transform:translateX(3px)}
.fnd-card{-webkit-perspective:1400px;perspective:1400px}
.fnd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fnd-cap{padding:16px 2px 0}
.fnd-nm{font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(14px,1.5vw,19px);color:#12CDF8}
.fnd-rl{font-family:'New Science',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(11px,1.1vw,13px);color:rgba(255,255,255,.72);margin-top:3px}
.abt-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.abt-head{display:flex;align-items:center;gap:20px;padding:26px 28px}
.abt-rule{flex:none;width:1px;align-self:stretch;min-height:44px;background:rgba(18,205,248,.55)}
.abt-tx{flex:1;min-width:0}
.abt-t{font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;font-size:clamp(17px,2vw,24px);color:#12CDF8;line-height:1.05}
.abt-s{font-family:'New Science',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(11px,1.15vw,14px);color:rgba(255,255,255,.66);margin-top:5px}
.abt-plus{flex:none;font-family:'New Science',sans-serif;font-weight:700;font-size:30px;line-height:1;color:#12CDF8;transition:transform .3s,opacity .3s,text-shadow .3s;opacity:1;text-shadow:0 0 14px rgba(18,205,248,.5)}
[data-card]:hover .abt-plus{transform:scale(1.14);text-shadow:0 0 22px rgba(18,205,248,.8)}
@media(max-width:820px){
  .abt-trio{grid-template-columns:1fr;gap:12px}
  .fnd-grid{grid-template-columns:1fr;gap:34px;max-width:420px;margin:0 auto}
  .abt-head{gap:16px;padding:22px 20px}
}
.fnd-inner{position:relative;width:100%;height:0;padding-bottom:120%;transition:transform .7s var(--ease-out-expo,cubic-bezier(.16,1,.3,1));-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.fnd-card input:checked ~ .fnd-inner{transform:rotateY(180deg)}
.fnd-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;overflow:hidden}
.fnd-back{transform:rotateY(180deg)}
.fnd-imgbox{transition:border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}
.fnd-face{transition:box-shadow .3s cubic-bezier(.16,1,.3,1)}
.fnd-card:hover .fnd-imgbox{border-color:#12CDF8!important;box-shadow:0 0 30px rgba(18,205,248,.45)!important}
.fnd-card:hover .fnd-face{box-shadow:0 0 30px rgba(18,205,248,.32)}
[data-value]:hover [data-pd-t],[data-value]:hover [data-pd-n],[data-value]:hover [data-pd-s],[data-value]:hover [data-value-cue],[data-value].pd-open [data-pd-t],[data-value].pd-open [data-pd-n],[data-value].pd-open [data-pd-s],[data-value].pd-open [data-value-cue]{color:#12CDF8 !important}
[data-value]:hover [data-value-cue],[data-value].pd-open [data-value-cue]{border-color:#12CDF8 !important;border-width:2.5px !important;box-shadow:0 0 18px rgba(18,205,248,.75);font-weight:700;text-shadow:0 0 8px rgba(18,205,248,.7)}
[data-value]:hover [data-pd-t],[data-value].pd-open [data-pd-t]{text-shadow:0 0 14px rgba(18,205,248,.5)}
[data-value]:hover,[data-value].pd-open{border-color:#12CDF8 !important}
.tcl-radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.tcl-tab{cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:8px 14px;transition:background .15s,color .15s,border-color .15s}
.tcl-panel{display:none}
#tcl-revenue:checked ~ .tcl-panels .tcl-panel[data-p="revenue"]{display:block}
#tcl-revenue:checked ~ .tcl-head .tcl-tab[for="tcl-revenue"]{background:#12CDF8;color:#000;border-color:#12CDF8}
#tcl-leadership:checked ~ .tcl-panels .tcl-panel[data-p="leadership"]{display:block}
#tcl-leadership:checked ~ .tcl-head .tcl-tab[for="tcl-leadership"]{background:#12CDF8;color:#000;border-color:#12CDF8}
#tcl-develop:checked ~ .tcl-panels .tcl-panel[data-p="develop"]{display:block}
#tcl-develop:checked ~ .tcl-head .tcl-tab[for="tcl-develop"]{background:#12CDF8;color:#000;border-color:#12CDF8}
#tcl-product:checked ~ .tcl-panels .tcl-panel[data-p="product"]{display:block}
#tcl-product:checked ~ .tcl-head .tcl-tab[for="tcl-product"]{background:#12CDF8;color:#000;border-color:#12CDF8}
#tcl-executive:checked ~ .tcl-panels .tcl-panel[data-p="executive"]{display:block}
#tcl-executive:checked ~ .tcl-head .tcl-tab[for="tcl-executive"]{background:#12CDF8;color:#000;border-color:#12CDF8}

[data-alumni-grid]{grid-template-columns:repeat(4,1fr)!important}
[data-ctg-title]{font-size:clamp(26px,4.6vw,92px)!important;line-height:.98!important;flex:1 1 auto!important;min-width:clamp(280px,43vw,530px)!important;margin:0!important}
[data-dtn-sm]{font-size:clamp(13px,1.4vw,22px)!important}
[data-dtn-lg]{font-size:clamp(22px,3.2vw,54px)!important;white-space:nowrap!important}
[data-ctg]:has(#ctg-atl:checked) [data-glow-l]{opacity:1!important}
[data-ctg]:has(#ctg-biz:checked) [data-glow-r]{opacity:1!important}
#ctg-atl:checked ~ [data-atl-copy]{opacity:1!important;transform:none!important}
#ctg-biz:checked ~ [data-biz-copy]{opacity:1!important;transform:none!important}
#ctg-atl:checked ~ [data-atl-line]{background:#12CDF8!important}
#ctg-biz:checked ~ [data-biz-line]{background:#12CDF8!important}
#ctg-atl:checked ~ [data-atl-plus],#ctg-biz:checked ~ [data-biz-plus]{color:#12CDF8!important;transform:rotate(45deg)}
[data-dtn-sm],[data-dtn-lg]{margin:0!important;padding:0!important}
@keyframes connectScan{0%{transform:translateY(-10%);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(560%);opacity:0}}
@keyframes connectFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* VIEW-VISIBILITY: survives re-render (attribute on <html>) */
html,body{background:#000}
html[data-dtnview] section[data-view]{display:none!important}
html[data-dtnview="home"] section[data-view="home"]{display:block!important}
html[data-dtnview="athletes"] section[data-view="athletes"]{display:block!important}
html[data-dtnview="business"] section[data-view="business"]{display:block!important}
html[data-dtnview="about"] section[data-view="about"]{display:block!important}
html[data-dtnview="contact"] section[data-view="contact"]{display:block!important}
.ct-form{display:grid;gap:clamp(22px,2.6vw,34px)}
.ct-grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px)}
.ct-form input:focus,.ct-form textarea:focus{border-bottom-color:#12CDF8!important}
.ct-fork{display:flex;gap:10px;flex-wrap:wrap}
.ct-fork input{position:absolute;opacity:0;pointer-events:none}
.ct-forkbtn{flex:0 0 auto;white-space:nowrap;cursor:pointer;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:#C9CACC;border:1px solid rgba(18,205,248,.34);background:rgba(18,205,248,.05);border-radius:999px;padding:11px 24px;transition:all .2s}
.ct-forkbtn:hover{color:#EDEDED;border-color:rgba(18,205,248,.6)}
#ct-co:checked ~ label[for="ct-co"],#ct-ath:checked ~ label[for="ct-ath"],#ct-both:checked ~ label[for="ct-both"],#ct-cch:checked ~ label[for="ct-cch"]{background:#12CDF8;border-color:#12CDF8;color:#04060b;box-shadow:0 0 30px rgba(18,205,248,.4)}
.ct-pane{display:none;grid-gap:clamp(20px,2.4vw,30px);gap:clamp(20px,2.4vw,30px)}
.ct-form:has(#ct-co:checked) .ct-co,.ct-form:has(#ct-ath:checked) .ct-ath,.ct-form:has(#ct-both:checked) .ct-co,.ct-form:has(#ct-both:checked) .ct-ath,.ct-form:has(#ct-cch:checked) .ct-cch{display:grid}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.ct-chip{flex:0 0 auto;cursor:pointer}
.ct-chip input{position:absolute;opacity:0;pointer-events:none}
.ct-chip span{display:inline-block;white-space:nowrap;font-family:'New Science',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;color:#C9CACC;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 15px;transition:all .18s}
.ct-chip:hover span{color:#EDEDED;border-color:rgba(18,205,248,.5)}
.ct-chip input:checked + span{background:#12CDF8;border-color:#12CDF8;color:#04060b}
.ct-lbl-co,.ct-lbl-ath,.ct-q-solo,.ct-q-both{display:none}
.ct-form:has(#ct-ath:checked) .ct-q-solo,.ct-form:has(#ct-both:checked) .ct-q-both{display:inline}
.ct-form:has(#ct-co:checked) .ct-lbl-co,.ct-form:has(#ct-both:checked) .ct-lbl-co,.ct-form:has(#ct-cch:checked) .ct-lbl-co{display:inline}
.ct-form:has(#ct-ath:checked) .ct-lbl-ath{display:inline}
.ct-form:has(input[name="audience"]:checked) [data-forkhint]{display:none!important}
.ct-form button[type="submit"]:disabled{cursor:not-allowed!important;background:rgba(18,205,248,.16)!important;border-color:rgba(18,205,248,.28)!important;color:rgba(255,255,255,.42)!important;box-shadow:none!important;transform:none!important}
@media(max-width:640px){.ct-grid2{grid-template-columns:1fr}}
.ft-soc:hover{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 24px rgba(18,205,248,.85))!important}
html[data-dtnview="privacy"] section[data-view="privacy"]{display:block!important}
html[data-dtnview="terms"] section[data-view="terms"]{display:block!important}
/* BIZPANEL-VISIBILITY: single-source-of-truth panel switching (survives re-render) */
section[data-view="business"] [data-bizpanel]{display:none!important}
section[data-view="business"][data-biz="talent"] [data-bizpanel="talent"]{display:block!important}
section[data-view="business"][data-biz="coaching"] [data-bizpanel="coaching"]{display:block!important}
section[data-view="business"][data-biz="culture"] [data-bizpanel="culture"]{display:block!important}
.dtn-lift{transition:transform .25s var(--ease-out-expo,ease),border-color .25s,background .25s,box-shadow .25s}
.dtn-lift:hover{transform:translateY(-3px)}
.dtn-lift-org:hover{border-color:rgba(18,205,248,.4)!important;background:rgba(18,205,248,.04)!important;box-shadow:0 0 34px rgba(18,205,248,.14)}
.dtn-lift-team:hover{border-top-color:#12CDF8!important;background:rgba(18,205,248,.03)}
#hm-l:checked ~ [data-hml-copy]{opacity:1!important;transform:none!important;pointer-events:auto!important}
#hm-r:checked ~ [data-hmr-copy]{opacity:1!important;transform:none!important;pointer-events:auto!important}
#hm-l:checked ~ [data-hml-line]{background:#12CDF8!important}
#hm-r:checked ~ [data-hmr-line]{background:#12CDF8!important}
#hm-l:checked ~ [data-hml-plus],#hm-r:checked ~ [data-hmr-plus]{color:#12CDF8!important;transform:rotate(45deg)}
[data-hmrow]:has(#hm-l:checked) [data-hm-glow-l]{opacity:1!important}
[data-hmrow]:has(#hm-r:checked) [data-hm-glow-r]{opacity:1!important}
@media (hover:hover) and (pointer:fine){
[data-hm-l]:hover [data-hml-copy],[data-hm-r]:hover [data-hmr-copy]{opacity:1!important;transform:none!important;pointer-events:auto!important}
[data-hm-l]:hover [data-hml-line],[data-hm-r]:hover [data-hmr-line]{background:#12CDF8!important}
[data-hm-l]:hover [data-hml-plus],[data-hm-r]:hover [data-hmr-plus]{color:#12CDF8!important}
[data-hmrow]:has([data-hm-l]:hover) [data-hm-glow-l]{opacity:1!important}
[data-hmrow]:has([data-hm-r]:hover) [data-hm-glow-r]{opacity:1!important}
[data-hm-l]:focus-visible,[data-hm-r]:focus-visible{outline:1px solid rgba(18,205,248,.6);outline-offset:12px;border-radius:6px}
}

/* ---------------------------------------------------------------------------
   Phones (620px and under). Desktop is untouched; every rule here is mobile only.
   --------------------------------------------------------------------------- */
@media (max-width:620px){
  /* section rhythm: just enough top room to clear the phone header, no dead gap between sections */
  :root{--sec-top:100px;--sec-bot:28px;--sec-gap:0px}   /* clears the phone header */
  /* swipes page section by section through touch-pager.js (no CSS scroll-snap: it would fight the glide) */

  /* Home · page 1: the galaxy fills the whole screen behind the DTN mark and the Athletes / Business
     split (its layers were boxed to the mark and faded out at 62%); page 2: a bigger revolving globe */
  /* the DTN mark fills the middle; the Athletes / Business split sits at the bottom of the screen */
  [data-stage-home]{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  [data-stage-home] > div:first-child{flex:1 1 auto;display:flex!important;align-items:center;justify-content:center}
  [data-stage-home] [data-hmrow]{margin-top:0!important;padding-bottom:calc(36px + env(safe-area-inset-bottom))!important}
  [data-stage-home] > div:first-child{position:static!important;padding-top:0!important}
  [data-stage-home] > div:first-child > div[aria-hidden]{-webkit-mask-image:none!important;mask-image:none!important}
  /* Home on phones: a copy of dreamteamnetwork.com's phone hero (.hm-mob, timeline in the base rules
     below); the laptop hero's layers, the Athletes / Business split and the logo globe step aside */
  [data-stage-home] > div:first-child > div[aria-hidden],[data-stage-home] [data-rise],[data-stage-home] [data-hmrow],[data-stage-label="Network"]{display:none!important}
  [data-stage-home]{justify-content:center}
  /* the galaxy art is only 1920x1080, so a portrait phone stretched it ~2.6x (soft); phones get a
     portrait slice of its clean right side (no nebula haze, no letterbox bars), AI-upscaled 4x,
     sharpened and contrast-lifted by Cloudinary, so the stars stay crisp at 3x */
  .hmm-galaxy{background-image:url('https://res.cloudinary.com/deyxtfkz6/image/upload/c_crop,w_470,h_900,x_1300,y_90/e_upscale/e_sharpen:100/e_contrast:30/f_auto,q_auto:best/v1790573694/DTN_Space_BKGD_zo5pzm.png')}
  .hm-mob{display:block!important}
  /* the settled galaxy reads crisp: a lighter dim than the live site's 60% black */
  .hmm-dim{background:rgba(0,0,0,.25)}
  .hmm-galaxy{filter:brightness(1.8) contrast(1.25)}   /* stars bright and pin-sharp on deep black */

  /* Athletes · hero: zoom the video out to a wide band so both faces show, fading into black */
  [data-ctg] video{inset:auto!important;top:96px!important;left:50%!important;width:152vw!important;height:auto!important;aspect-ratio:16/9;
    transform:translateX(-50%);object-fit:cover!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 78%,transparent 100%)}
  [data-stage-label="Mission"] > div:first-child{padding-top:24px!important}
  /* About · hero on phones, as on the live site: 90% of the screen, galaxy anchored 60% across from the
     top, the asteroid at the full width, the words 48px */
  .ab-hero{height:90svh;min-height:0;padding:128px 16px;background-position:60% 0}
  .ab-ast img{max-width:100%}
  .ab-h{font-size:48px}
  /* the opening screen fills the phone, so Mission waits below the fold */
  .ab-hero{height:100svh!important}
  /* Business · DTN Culture and DTN Talent pills on phones: small pills, two on top and three below, centered
     (like the Athletes Value of Team pillars); each card's text flows as one paragraph */
  .cu-pills,.tl-pills{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important}
  .cu-pills > [data-fnrole],.tl-pills > [data-fnrole]{flex:0 0 auto;padding:8px 15px!important;font-size:10.5px!important;letter-spacing:.08em!important}
  .cu-pills > :nth-child(n+3),.tl-pills > :nth-child(n+3){order:3}
  .cu-pills::after,.tl-pills::after{content:"";flex-basis:100%;height:0;order:2}
  .cu-br{display:none}
  .cx-tag{font-size:10.5px;letter-spacing:.11em;max-width:34ch}
  .lg-body h1{font-size:28px;line-height:34px}
  .lg-body h2{font-size:20px;line-height:28px}
  .ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* speaker cards on phones: one card with the next peeking, taller so the words have room */
  .sk-track{grid-auto-columns:100%!important}
  .sk-badge img[src*="Pro.MLB"]{height:52%}
  .sk-card{aspect-ratio:.86!important}
  .sk-t{font-size:19px!important}
  .sk-bio p{font-size:16.5px;line-height:1.55}
  .sk-bio{padding:58px 24px 24px}
  .bz-galaxy{background-position:60% 0}
  /* About · founders: one swipeable row (card in view, the next peeking) instead of three full-screen stacks */
  .fnd-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;max-width:none!important;
    margin:0 -32px!important;padding:0 32px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .fnd-grid::-webkit-scrollbar{display:none}
  .fnd-card{flex:0 0 74%;scroll-snap-align:center}
  /* Athletes · So we built one: shorter stage cards so the heading, four photos and every caption fit one screen */
  .sw-stages .stg-card{aspect-ratio:0.8!important}
  /* phones: each name and role always show, and the cards never light up. A touch while scrolling counted as
     a hover or a tap, so captions, card glows and labels flickered on at random */
  .stg-cap::before{transform:scaleX(1)!important;transition:none!important}
  .stg-cap b,.stg-cap span{opacity:1!important;transform:none!important;transition:none!important}
  .sw-stages .stg-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;transform:none!important}
  .sw-stages .stg-card:hover .stg-rim{opacity:0!important}
  .sw-stages .stg-card:hover [data-stg-img]{filter:grayscale(1) contrast(1.04)!important}
  .sw-stages .stg-item:hover .stg-label,.sw-stages .stg-item.stg-open .stg-label{color:#EDEDED!important;text-shadow:none!important}
  .sw-stages .stg-item.stg-open .stg-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important;transform:none!important}
  .sw-stages .stg-item.stg-open .stg-rim{opacity:0!important}
  .sw-stages .stg-item.stg-open [data-stg-img]{filter:grayscale(1) contrast(1.04)!important}

  /* Athletes · Sport Trains Human Performance and Teams / Training / Opportunities: each exactly one
     screen with its content centred, so a swipe lands on a full, balanced page (no dead gap) */
  [data-sw][data-stage]{display:flex;flex-direction:column;justify-content:center}
  [data-rail-mark="DTN Offerings"]{padding-top:72px}
  /* half the space between We Built One and the offerings tabs: no section-break spacer before them */
  div:has(+ [data-rail-mark="DTN Offerings"])[style*="--sec-break"]{height:0!important}   /* tabs clear the phone header */

  /* readable floor: inline clamps that bottom out under ~10px (tags, captions, pillars) */
  [style*="font-size: clamp(6px"],[style*="font-size: clamp(7.5px"],[style*="font-size: clamp(8px"],
  [style*="font-size: clamp(8.5px"],[style*="font-size: clamp(9px"],[style*="font-size: clamp(9.5px"],
  /* subtitles sized off their heading (Trained by sport, Attract proven performers) */
  [style*="font-size: 0.42em"],[style*="font-size: 0.44em"]{font-size:10.5px!important}

  /* Athletes · Value of Team, one screen: heading on top, the photo breathing through the middle,
     the Gallman credit at its bottom right, then the beats as a spaced hairline list, the pillars,
     and the closing line anchoring the bottom. (The heading wrapper becomes display:contents so
     the credit can be ordered into the column above the beats.) */
  [data-stage-label="Value of Team"] h2{font-size:27px!important}
  /* top to bottom: title, the three beats, the photo open, pillars centred two over three,
     the closing line, then Wayne Gallman II's credit at the bottom of the picture */
  [data-stage-label="Value of Team"] > div[data-ablur]{justify-content:flex-start}
  [data-stage-label="Value of Team"] h2{margin-bottom:22px!important}
  [data-stage-label="Value of Team"] .vot-band .vot-pil{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;column-gap:24px!important;row-gap:0!important;letter-spacing:.13em!important;text-align:center}
  [data-stage-label="Value of Team"] .vot-band .vot-pil::after{content:"";flex-basis:100%;order:2}
  .vot-pil span{font-size:13px!important;margin:7px 0}
  .vot-pil span:nth-child(1),.vot-pil span:nth-child(2){order:1}
  .vot-pil span:nth-child(4){order:3}.vot-pil span:nth-child(3){order:4}.vot-pil span:nth-child(5){order:5}
  /* flip-card backs: ten words fit with room (the 10.5px floor + 1.9 line height overflowed) */
  .stage-back span,.bq-back span{line-height:1.5!important;font-size:10px!important}
  [data-stage-label="Value of Team"] div:has(> [data-mcred]){display:contents!important}
  [data-stage-label="Value of Team"] .vot-band{display:contents}
  [data-stage-label="Value of Team"] h2{order:0}
  [data-stage-label="Value of Team"] .vot-beats3{order:1}
  [data-stage-label="Value of Team"] [style*="height: clamp(148px, 33vh, 358px)"]{order:3;height:auto!important;flex:1 1 auto}
  [data-stage-label="Value of Team"] .vot-pil{order:2;margin-top:26px!important}
  [data-stage-label="Value of Team"] .vot-band + div{order:4;flex:0 0 26px!important}
  [data-stage-label="Value of Team"] .vot-foot{order:5}
  [data-stage-label="Value of Team"] [data-mcred]{order:6;position:static!important;transform:none!important;align-self:flex-end;align-items:flex-end!important;text-align:right!important;margin:22px 0 0!important}
  /* beats: full-width hairline rows (they were as wide as their text, so the rules were ragged) */
  .vot-beats3{gap:0!important;border-top:1px solid rgba(255,255,255,.14);grid-template-columns:minmax(0,1fr)!important;width:100%}
  .vot-band .vot-beats3 > p{justify-self:stretch!important;font-size:14px!important;letter-spacing:.06em!important;line-height:1.3!important;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .vot-pil{border-top:0!important;margin-top:14px!important;padding-top:0!important;column-gap:18px!important;row-gap:8px!important}
  .vot-foot{font-size:17px!important;line-height:1.22!important}
  .sw-win{font-size:17px;line-height:1.22}
  .vot-foot span{margin-top:2px}
  /* end the section well above the bottom edge (browser bar, corner badge) */
  [data-stage-label="Value of Team"] > div[data-ablur]{padding-bottom:104px!important}
  .vot-pil{flex-wrap:wrap!important;justify-content:flex-start!important;column-gap:22px!important;row-gap:12px!important}
  /* lines held on one row for desktop wrap instead of running off a phone screen */
  [data-snap-end],.mem-sub{white-space:normal!important}

  /* Athletes · Teams / Training / Opportunities: tabs on one line, photo on top, copy below it */
  [data-rail-mark="DTN Offerings"] .cdot{font-size:12px!important;letter-spacing:.06em!important}
  [data-rail-mark="DTN Offerings"] > div:first-of-type{gap:18px!important;flex-wrap:nowrap!important}
  [data-slide] > div:first-child{left:0!important;right:0!important;width:auto!important;height:min(96vw,380px)!important;background-position:center 20%!important;-webkit-mask-image:none!important;mask-image:none!important}
  [data-slide] > div:nth-child(2){height:min(96vw,380px)!important;background:linear-gradient(180deg,rgba(4,6,11,.35) 0%,rgba(4,6,11,0) 30%,rgba(4,6,11,.25) 70%,#04060b 100%)!important}
  [data-slide] > .tp-fade{display:none!important}
  /* Training (Graham): the kid with the ball is at the photo's right edge, so anchor right */
  [data-slide="1"] > div:first-child{background-size:auto 118%!important;background-position:right 46%!important}
  /* program rows: no Learn it / Live it / Lead it tag on phones (it ran into the names) */
  .tp-stage{display:none!important}
  /* Opportunities (Blaise): black bleed — the bright wall on the left fades into black, he stays lit */
  [data-slide="2"] > div:first-child{left:-18vw!important;right:12vw!important;height:min(96vw,380px)!important;background-size:auto 100%!important;background-position:100% 0!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 22%,#000 46%,#000 72%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 22%,#000 46%,#000 72%,transparent 100%)!important}
  [data-slide="2"] > div:nth-child(2){height:min(96vw,380px)!important;background:linear-gradient(180deg,rgba(4,6,11,.3) 0%,rgba(4,6,11,0) 22%,rgba(4,6,11,0) 84%,#04060b 100%)!important}
  [data-carousel] [data-slide="2"] > [data-mcred]{top:calc(min(96vw,380px) - 12px)!important}
  [data-carousel] [data-slide="2"] > div:last-child{padding-top:calc(min(96vw,380px) + 22px)!important}
  [data-slide] > [data-mcred]{top:calc(min(96vw,380px) - 12px)!important}
  [data-slide] > div:last-child{padding-top:calc(min(96vw,380px) + 22px)!important}
  [data-carousel] > div:first-child{top:calc(min(96vw,380px) - 26px)!important;left:16px!important;right:auto!important;transform:none!important}

  /* Athletes · logo wall: same as Business on phones — five across, 58px cells, 64px rows */
  [data-logorow]{padding:0!important}
  [data-logorow] > div{height:64px!important}

  /* Business · hero, one screen: a bigger globe clear of the header (it was clipped at the top and
     78px across), then the headline and the pillars under it, centred */
  #sx-hero{min-height:100svh!important;justify-content:center!important;padding-top:64px}
  #sx-hero [data-orbit]{width:140vw!important;margin:0 0 -12vw!important;max-height:none!important;aspect-ratio:1.6!important}
  #sx-hero .orbit-mark{width:26%!important}
  #sx-hero .orbit-glow{width:64%!important}
  #sx-hero .hj-head{padding-bottom:0!important}
  #sx-hero .hj-pin{position:static!important;padding:28px 32px 24px!important}

  /* Business · Culture: Human Connection fills its screen (content centred) so Talent begins exactly
     on the next swipe, with room above its heading for the phone header (no dead gap under Joy) */
  [data-blur-culture]{margin-bottom:0!important;display:flex;flex-direction:column;justify-content:center}
  [data-rail-mark="DTN Talent"]{padding-top:var(--sec-top)}
  /* Business · role panels (Executives etc.): stacked, the How it runs half takes its own height
     (on desktop it shares the column's leftover height, which is zero once stacked) */
  .trn2-half{flex:none!important;min-height:auto!important}
  /* "The DTN Performance System" on its own line, then "applied to ..." */
  .ps-br{display:block}
  .ps-sep{display:none}
  /* footer: one clean centered column: the page links, the cyan globe, then Privacy Policy,
     Terms of Service and the copyright in plain sentence case (no social icons) */
  .ft{display:flex;flex-direction:column;align-items:center;padding:56px 24px calc(44px + env(safe-area-inset-bottom));text-align:center}
  .ft .ft-row{display:contents!important}
  .ft-socs{display:none!important}
  .ft-nav{order:1;align-items:center}
  .ft-mark{order:2;margin:56px 0 84px}
  .ft-mark img{width:50px!important;filter:none!important}
  .ft-legal{order:3;flex-direction:column;gap:22px!important}
  .ft-copy{order:4;margin-top:22px}
  /* Change the Game, phones: tab names on one line ("DTN Training"), the Culture headline and
     intro wrap instead of running off screen, speaker titles / names / credits wrap instead of
     cutting to "...", and the role panels' closing line gets room above it */
  .bz-h{flex-direction:row!important;flex-wrap:wrap;column-gap:.32em}
  [data-stage-label="How It Works"] [style*="white-space: nowrap"]{white-space:normal!important}
  [data-spk] p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  /* role panels: no closing "Every person developing as a... / Learn it. Live it. Lead it." on phones */
  .trn2-half p[style*="margin: auto 0"],.trn2-half p[style*="margin: auto 0"] ~ p{display:none!important}
  /* Change the Game: the closing CTA sits closer to the panel / speakers */
  .cx-cta{margin-top:22px!important}
  /* Culture: no grey "From kickoffs to offsites..." intro line on phones */
  [data-stage-label="How It Works"] p[style*="color: rgb(201, 202, 204)"][style*="white-space: nowrap"]{display:none!important}

  /* Business · Human Performance: photo full width on top, fading down into the copy */
  /* (the section header holds the top ~150px, so the photo starts under it) */
  [data-hp-photo]{left:0!important;right:0!important;top:140px!important;bottom:auto!important;height:46%!important;
    background-size:cover!important;background-position:var(--mpos,50% 30%)!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 62%,transparent 100%)!important}
  [data-mslide] > div:nth-child(2){background:linear-gradient(0deg,#04060b 0%,rgba(4,6,11,.7) 24%,rgba(4,6,11,0) 42%)!important}
  [data-mslide] > div:nth-child(3){display:none!important}
}

/* Home split, touch screens: tapping Athletes or Business lights that side (label Celestial Blue,
   its line drawn across in a soft glow), fades the other side, and pushes the galaxy and the DTN
   mark gently forward as they dissolve; then the curtain takes over (site.js waits ~0.42s). */
@media (hover:none) and (pointer:coarse){
  [data-stage-home] > div:first-child,[data-hm-l],[data-hm-r],[data-hml-line],[data-hmr-line]{transition:opacity .42s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.16,1,.3,1),background .3s,box-shadow .3s}
  html.hm-go [data-stage-home] > div:first-child{opacity:0;transform:scale(1.07)}
  html.hm-go-l [data-hm-r],html.hm-go-r [data-hm-l]{opacity:0;transform:translateY(6px)}
  html.hm-go-l [data-hm-l] a > span,html.hm-go-r [data-hm-r] a > span{background:none!important;-webkit-text-fill-color:#12CDF8!important;color:#12CDF8!important;text-shadow:0 0 18px rgba(18,205,248,.55)}
  html.hm-go-l [data-hml-line],html.hm-go-r [data-hmr-line]{background:#12CDF8!important;box-shadow:0 0 14px rgba(18,205,248,.7)}
  html.hm-go-l [data-hml-plus],html.hm-go-r [data-hmr-plus]{color:#12CDF8!important;transform:rotate(90deg)}
}

/* Touch screens: no filter blurs while the page moves. The big decorative glows are already soft
   radial gradients (the extra 30-74px blur only costs the phone), and the revolving globes'
   per-logo depth blur is recalculated every frame. */
@media (hover:none) and (pointer:coarse){
  div[aria-hidden="true"][style*="filter: blur("],div[aria-hidden="true"][style*="filter:blur("],
  [aria-hidden="true"] > div[style*="filter: blur("]{filter:none!important}
  [data-orbit] [style*="blur("]{filter:none!important}
}

/* background videos never show the browser's own play button (iOS draws one over a video it has
   not started yet); site.js starts them, and the poster stands in until then */
video[data-loopvid]::-webkit-media-controls,video[data-hero-video]::-webkit-media-controls,
video[data-loopvid]::-webkit-media-controls-start-playback-button,video[data-hero-video]::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

/* ---------- Join (contact page): two steps, then /api/join ---------- */
.jn-wrap{position:relative;max-width:820px;margin:0 auto;padding:150px 32px 120px;min-height:100svh;box-sizing:border-box}
.jn-mark{position:fixed;right:-12vw;bottom:-18vh;width:min(72vw,760px);opacity:.07;pointer-events:none;z-index:0;filter:drop-shadow(0 0 60px rgba(18,205,248,.6))}
.jn-mark img{display:block;width:100%;animation:dtnFloat 14s ease-in-out infinite}
.jn-steps{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:34px}
.jn-dot{width:28px;height:2px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .5s,box-shadow .5s}
.jn-dot[data-on="1"]{background:#12CDF8;box-shadow:0 0 10px rgba(18,205,248,.7)}
.jn-count{margin-left:10px;font:500 11px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#9A9C9F}
.jn-count b{color:#12CDF8;font-weight:500}
[data-jn]{position:relative}
.jn-step{display:none;flex-direction:column;gap:30px}
.jn-step[data-active]{display:flex;animation:jnIn .7s cubic-bezier(.16,1,.3,1) both}
@keyframes jnIn{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.jn-h{margin:0;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.96;font-size:clamp(32px,5.2vw,62px);color:#EDEDED}
.jn-h span{color:#12CDF8}
.jn-sub{margin:-12px 0 6px;font-family:'New Science',sans-serif;font-weight:300;font-size:16px;line-height:1.55;color:#C9CACC}
.jn-sub b{font-weight:500;color:#EDEDED}
.jn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.jn-field{position:relative;display:block}
.jn-req{color:#12CDF8;font-weight:500;margin-left:2px}
.jn-field input:focus,.jn-field textarea:focus,.jn-field select:focus{border-bottom-color:#12CDF8!important}
.jn-field input::placeholder,.jn-field textarea::placeholder{color:rgba(255,255,255,.22)}
.jn-field[data-bad] input,.jn-field[data-bad] textarea{border-bottom-color:rgba(18,205,248,.9)!important}
.jn-err{display:block;min-height:16px;margin-top:8px;font:500 10.5px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#12CDF8;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s}
.jn-field[data-bad] .jn-err{opacity:1;transform:none}
.jn-phone{display:flex;align-items:flex-end;gap:14px}
.jn-phone select{flex:0 0 auto;appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239A9C9F' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 2px center;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;padding:10px 22px 10px 2px;font-family:'New Science',sans-serif;font-size:18px;color:#EDEDED;outline:none;cursor:pointer}
.jn-phone select option{background:#05070C;color:#EDEDED}
.jn-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.jn-btn{cursor:pointer;display:inline-flex;align-items:center;gap:12px;font-family:'New Science',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#04060b;background:#12CDF8;border:1px solid #12CDF8;border-radius:999px;padding:15px 30px;box-shadow:0 0 40px rgba(18,205,248,.42);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.jn-btn i{font-style:normal;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jn-btn:hover{box-shadow:0 0 56px rgba(18,205,248,.62)}.jn-btn:hover i{transform:translateX(4px)}
.jn-btn[data-busy]{opacity:.6;cursor:progress}
.jn-back{cursor:pointer;background:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:14px 22px;font-family:'New Science',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#C9CACC;transition:border-color .25s,color .25s}
.jn-back:hover{border-color:rgba(18,205,248,.6);color:#EDEDED}
.jn-hint{margin:0;font:400 10.5px/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.jn-hint b{color:#9A9C9F;font-weight:500}
.jn-hint-lb{margin-top:-18px}
.jn-fail{margin:0;min-height:18px;font-family:'New Science',sans-serif;font-size:14px;color:#12CDF8}
.jn-done{display:none;flex-direction:column;gap:26px}
.jn-done[data-on="1"]{display:flex;animation:jnIn .8s cubic-bezier(.16,1,.3,1) both}
.jn-done .jn-sub{margin:0}
.jn-done .jn-back{align-self:flex-start}
@media (max-width:620px){
  .jn-wrap{padding:112px 24px 90px}
  .jn-grid2{grid-template-columns:1fr;gap:26px}
  .jn-step{gap:26px}
  .jn-hint:not(.jn-hint-lb){display:none}
  .jn-mark{width:120vw;right:-40vw;bottom:-10vh}
}
@media (hover:none){.jn-hint-lb{display:none}}
.jn-step[data-step="2"] .jn-h{font-size:clamp(26px,4vw,46px)}

/* Home split, touch screens: two clear doors. No popup (a hover preview costs a tap on a phone);
   the "+" becomes an arrow, each side's areas show as a quiet line under its name, and one tap
   anywhere on a side goes to that page (site.js) */
@media (hover:none) and (pointer:coarse){
  [data-hml-copy],[data-hmr-copy]{display:none!important}
  [data-hml-plus],[data-hmr-plus]{font-size:0!important;transform:none!important}
  [data-hml-plus]::after,[data-hmr-plus]::after{content:"\2192";font-size:22px;line-height:1;color:#12CDF8;text-shadow:0 0 14px rgba(18,205,248,.6)}
  [data-hm-l] > a,[data-hm-r] > a{padding-bottom:2px}
  [data-hm-l] > a::after,[data-hm-r] > a::after{display:block;margin-top:12px;font:500 10px/1.75 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(237,237,237,.5);-webkit-text-fill-color:rgba(237,237,237,.5)}
  [data-hm-l] > a::after{content:"Teams\A Training\A Opportunities";white-space:pre}
  [data-hm-r] > a::after{content:"Training\A Culture\A Talent";white-space:pre}
  [data-hml-line],[data-hmr-line]{background:rgba(18,205,248,.45)!important}
}

/* desktop keeps the one-line "The DTN Performance System, applied to ..." */
@media (min-width:621px){.ps-br{display:none}}

/* Athletes Training programs: the opened descriptions match the slide's copy ("Coached by proven
   performers...") — New Science, uppercase, tracked — instead of light sentence case */
.tp-body p{font-family:'New Science',sans-serif!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.055em!important;line-height:1.6!important;font-size:clamp(11.5px,1.05vw,14px)!important}

/* ---- Performance: nothing repaints the page in the background ----
   1) the drifting star field moves with transform (compositor only) instead of animating
      background-position, which repainted a full-screen layer every frame on every page
   2) the flip cards' breathing glow (box-shadow, repainted every frame) is a static glow */
[data-stars]{animation:dtnDriftT 70s linear infinite!important;bottom:-700px!important;will-change:transform}
@keyframes dtnDriftT{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-700px,0)}}
@media (prefers-reduced-motion:reduce){[data-stars]{animation:none!important}}
.stage-front{animation:none!important;box-shadow:inset 0 0 0 1px rgba(18,205,248,.36),0 0 28px -2px rgba(18,205,248,.24)}
.bq-wrap{animation:none!important;box-shadow:0 0 0 1px rgba(18,205,248,.36),0 0 28px -2px rgba(18,205,248,.24)}

/* Business Talent steps: one is always selected (Attract by default), so no close button */
[data-tldd] button[aria-label="Close"]{display:none!important}

/* Business Talent step copy: line-broken version on phones, the original flowing copy on laptops */
.tl-mob{display:none;white-space:pre-line}
@media (max-width:620px){.tl-desk{display:none}.tl-mob{display:inline}}

/* laptop: half the section break before Teams / Training / Opportunities */
@media (min-width:621px){div:has(+ [data-rail-mark="DTN Offerings"])[style*="--sec-break"]{height:calc(var(--sec-break) * .5)!important}}

/* ---- Laptop (wider than phones) ---- */
@media (min-width:621px){
  /* Home: the galaxy fills the whole opening screen behind the DTN mark and the Athletes / Business
     split (it was boxed to the mark and faded to plain black at 62%), like the phone */
  [data-stage-home]{position:relative}
  [data-stage-home] > div:first-child{position:static!important}
  [data-stage-home] > div:first-child > div[aria-hidden]{-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 88%,transparent 100%)!important}
  /* Home: no Athletes / Business split (the nav covers both); the lockup alone, larger, centered in the
     opening screen */
  [data-stage-home] [data-hmrow]{display:none!important}
  [data-stage-home]{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
  [data-stage-home] > div:first-child{padding:0 24px!important}
  [data-stage-home] [data-rise]{width:min(88vw,1560px,calc((100vh - 120px) * 1.9))!important}
  /* Value of Team: "You deserve one." on the line below, and the Wayne Gallman II credit at the bottom right */
  .vot-foot{display:block!important}
  [data-stage-label="Value of Team"] div:has(> [data-mcred]){position:static!important}
  [data-stage-label="Value of Team"] [data-mcred]{top:auto!important;bottom:calc(var(--sec-bot) + 8px)!important;right:32px!important;transform:none!important}
}

/* Laptop · Business Human Performance: slides 3, 4, 5, 7 and 11 show the whole athlete, like the phone
   (they were zoomed past the frame and cropped heads, feet and bats). The photo fits the frame's full
   height, anchored on its subject, with the same fade in from the left */
@media (min-width:621px){
  #sx-mindset [data-mslide="3"] [data-hp-photo],#sx-mindset [data-mslide="4"] [data-hp-photo],
  #sx-mindset [data-mslide="6"] [data-hp-photo]{background-size:auto 100%!important}
  /* CJ: show the top of the photo so the ball is in frame */
  #sx-mindset [data-mslide="5"] [data-hp-photo]{background-position:50% 0%!important}
  #sx-mindset [data-mslide="3"] [data-hp-photo]{background-position:61% 50%!important}
  #sx-mindset [data-mslide="4"] [data-hp-photo]{background-position:75% 50%!important}
  #sx-mindset [data-mslide="6"] [data-hp-photo]{background-position:100% 50%!important}
}

/* Laptop · Business Develop Your Dream Team: shorter tiles and a tighter gap so the heading, the four
   tiles and both logo rows fit one laptop screen together */
@media (min-width:861px){
  [data-rail-mark="DTN Talent"] ~ .bq-tiles .bq-wrap{aspect-ratio:1.16!important}
  [data-rail-mark="DTN Talent"] ~ .bq-tiles{margin-top:clamp(24px,2.6vw,40px)!important}
  [data-rail-mark="DTN Talent"] ~ [data-logofade]{margin-top:clamp(26px,3vw,44px)!important}
  /* the tile backs list their ten words in one column, slightly tighter so it fits */
  [data-rail-mark="DTN Talent"] ~ .bq-tiles .bq-back > div{padding:16px!important;gap:0!important}
  [data-rail-mark="DTN Talent"] ~ .bq-tiles .bq-back span{line-height:1.6!important}
}

/* Laptop · Athletes Sport Trains Human Performance: tiles the same size as Business's Develop Your Dream
   Team tiles (aspect 1.16), backs in one column with the same tighter spacing */
@media (min-width:861px){
  .sw-tiles .stage-wrap{aspect-ratio:1.16!important}
  .sw-tiles .stage-back > div{padding:16px!important;gap:0!important}
  .sw-tiles .stage-back span{line-height:1.6!important}
}

/* Laptop · Human Performance: McKenzie and Jahleel use AI-extended versions of their photos (Cloudinary
   generative fill) so they fill the frame like the others: McKenzie larger with the arena around her,
   Jahleel's arms and the stadium continued on the left. Chris sits lower so the ball clears the top fade. */
@media (min-width:621px){
  #sx-mindset [data-mslide="2"] [data-hp-photo]{background-image:url('https://res.cloudinary.com/deyxtfkz6/image/upload/c_pad,ar_5:4,g_center,b_gen_fill/c_limit,w_2400/f_auto/q_auto:best/website_business_mckenziewofford_llwo7z.png')!important;background-size:auto 128%!important;background-position:40% 22%!important}
  #sx-mindset [data-mslide="10"] [data-hp-photo]{background-image:url('https://res.cloudinary.com/deyxtfkz6/image/upload/c_pad,ar_3:2,g_east,b_gen_fill/c_limit,w_2400/f_auto/q_auto:best/website_business_jhaleeladdae_cwp1rs.png')!important;background-size:cover!important;background-position:46% 20%!important}
  #sx-mindset [data-mslide="3"] [data-hp-photo]{top:150px!important}
  /* Chris Conway: the defender's name and number are erased from his jersey (Cloudinary generative remove,
     limited to that patch) so he can't be identified */
  #sx-mindset [data-mslide="3"] [data-hp-photo]{background-image:url('https://res.cloudinary.com/deyxtfkz6/image/upload/e_gen_remove:region_((x_280;y_660;w_210;h_240))/c_limit,w_2560/f_auto/q_auto:best/IMG_1773_g9k8vt.png')!important}
}