@font-face{font-family:Montserrat;src:url('assets/montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
/* Semantic colors are defined in tokens.css (Sport Marketing). */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.wrap{width:min(100% - 128px,1312px);margin-inline:auto}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{flex-shrink:0}.brand img{width:190px;height:58px;object-fit:contain}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:500}.nav-cta{margin-left:110px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;background:var(--accent);color:var(--accent-on);font-size:16px;font-weight:650;border:1px solid transparent;border-radius:2px;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}nav>a:not(.button):hover,.email:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}.button:focus-visible{outline-color:var(--ink)}.menu-toggle{display:none}.skip{position:fixed;left:20px;top:-80px;z-index:20;padding:12px;background:var(--accent);color:var(--accent-on)}.skip:focus{top:12px}.hero{position:relative;isolation:isolate;min-height:760px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-image{object-fit:cover;object-position:center}.hero-shade{background:var(--hero-scrim)}.hero-content{padding-top:64px;padding-bottom:100px}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:500;margin-bottom:30px}h1{font-weight:800;font-size:clamp(64px,7.9vw,114px);letter-spacing:-.05em;line-height:1}.hero-description{font-size:23px;font-weight:500;margin:30px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;padding-block:44px}.metrics>div>p:last-child{font-size:13px;color:var(--muted);margin-top:8px}.metric{font-size:62px;font-weight:500;letter-spacing:-.035em}.section{padding-block:80px}h2{font-size:clamp(38px,4.6vw,66px);font-weight:600;line-height:1.2;letter-spacing:-.035em}.divider{height:1px;background:var(--line);margin-bottom:36px}.technology-grid{display:grid;grid-template-columns:650fr 598fr;gap:64px;margin-top:36px}.training-image{width:100%;height:410px;object-fit:cover}.technology-copy h3{font-size:25px;line-height:1.25;font-weight:500}.technology-copy>p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:24px}.features{padding:0;margin:24px 0 0;list-style:none}.features li{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;color:var(--muted);font-size:15px}.applications{padding-block:72px}.applications h2{margin-bottom:32px}.application{display:grid;grid-template-columns:550fr 706fr;gap:56px;padding-block:28px;border-top:1px solid var(--line)}.application h3{font-size:32px;font-weight:500;line-height:1.25}.application p{font-size:17px;line-height:1.5;color:var(--muted)}.intelligence{background:var(--panel);padding-block:88px}.intelligence-description{max-width:850px;font-size:23px;line-height:1.35;color:var(--muted);margin-top:28px}.validation{display:flex;align-items:center;gap:42px;margin-top:28px}.validation-number{font-size:96px;font-weight:500;color:var(--accent);letter-spacing:-.04em}.validation>p:last-child{max-width:500px;font-size:20px;line-height:1.4}.contact{padding-top:100px;padding-bottom:30px}.contact h2{font-size:clamp(48px,6.4vw,92px);font-weight:800;line-height:1.2;letter-spacing:-.04em;margin-bottom:30px}.email{display:block;width:fit-content;color:var(--muted);font-size:18px;margin-top:30px}.footer{padding-top:30px;padding-bottom:100px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-cta{margin-left:20px}.header{gap:24px}nav{gap:18px}.hero{min-height:690px}.technology-grid{gap:32px}.application{gap:32px}.metric{font-size:52px}}
@media(max-width:767px){.wrap{width:calc(100% - 48px)}.header{min-height:82px;position:relative}.brand img{width:150px;height:46px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;color:var(--ink);border:0;padding:12px 0;cursor:pointer;font-size:13px}.menu-toggle span{font-size:22px}nav{display:none;position:absolute;top:calc(100% - 1px);left:-24px;right:-24px;background:var(--bg);padding:24px;z-index:10;align-items:stretch;gap:24px;border-bottom:1px solid var(--line)}nav.is-open{display:flex;flex-direction:column}.nav-cta{margin-left:0}.hero{min-height:690px}.hero-content{padding-top:50px;padding-bottom:60px}.eyebrow{font-size:10px;margin-bottom:28px}h1{font-size:clamp(38px,12.3vw,72px)}.hero-description{font-size:18px;max-width:300px;margin-block:28px}.hero-image{object-position:54% center}.metrics{grid-template-columns:1fr;gap:28px;padding-block:44px}.metric{font-size:46px}.section{padding-block:54px}h2{font-size:37px}.technology-grid{grid-template-columns:1fr;gap:32px}.training-image{height:280px}.technology-copy h3{font-size:21px}.technology-copy>p{font-size:15px}.application{grid-template-columns:1fr;gap:12px;padding-block:24px}.application h3{font-size:25px}.application p{font-size:17px}.intelligence{padding-block:58px}.intelligence h2{font-size:36px}.intelligence-description{font-size:19px}.validation{flex-direction:column;align-items:flex-start;gap:12px}.validation-number{font-size:68px}.validation>p:last-child{font-size:16px}.contact{padding-top:70px;padding-bottom:30px}.contact h2{font-size:48px}.email{font-size:14px}.footer{padding-bottom:70px}}
@media(max-width:767px){h1{font-size:clamp(32px,10.7vw,65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Cinematic hero and photographic footer, based on the supplied references. */
.header{position:absolute;top:0;left:0;width:100%;max-width:none;min-height:80px;padding:18px 24px;z-index:5;margin:0;gap:24px}.brand img{width:148px;height:44px}nav{flex:1;justify-content:center;font-size:12px;text-transform:uppercase;gap:48px}nav .nav-cta{position:absolute;right:24px;top:34px;margin:0;font-size:11px}.hero{height:100dvh;min-height:700px;max-height:1400px}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.43),rgba(0,0,0,.14) 35%,rgba(0,0,0,.23) 75%,rgba(0,0,0,.5))}.hero-content{width:100%;height:100%;padding:112px 24px 24px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{display:flex;flex-direction:column;justify-content:space-between;flex:1;font-size:clamp(90px,12vw,240px);font-weight:650;line-height:.95;letter-spacing:-.065em;margin:0 0 32px}.hero h1 span{display:block;white-space:nowrap}.hero h1 span:nth-child(1){align-self:flex-start}.hero h1 span:nth-child(2){align-self:center}.hero h1 span:nth-child(3){align-self:flex-end}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hero-description{font-size:13px;font-weight:400;line-height:1.35;margin:0;max-width:390px}.video-toggle{color:var(--text-primary);background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.4);padding:10px 13px;font-size:11px;cursor:pointer;display:flex;gap:14px;align-items:center;white-space:nowrap}.video-toggle:hover{background:rgba(0,0,0,.5)}.footer{width:100%;margin:0;background:var(--footer-surface);color:var(--footer-text);padding:28px 24px 18px;border:0;overflow:hidden}.footer-logo{display:block;width:130px}.footer-logo img{width:130px;height:42px;object-fit:contain;filter:brightness(0)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-top:70px;padding-bottom:140px}.footer-grid h2{font-size:10px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:uppercase;margin-bottom:24px}.footer-grid a,.footer-grid p{display:block;width:fit-content;color:var(--footer-secondary);font-size:13px;line-height:1.6}.footer-grid a:hover{color:var(--footer-text)}.footer-copyright{justify-self:end}.footer-word{font-weight:400;font-size:17.7vw;letter-spacing:-.07em;line-height:.88;white-space:nowrap;width:100%;background:url('assets/footer-track-v2.jpg') center/cover;-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}
@media(min-width:1700px){.hero h1{font-size:12vw}}
@media(max-width:1100px){nav{gap:28px}.header .nav-cta{font-size:10px}.hero h1{font-size:12.7vw}.footer-grid{gap:24px;padding-bottom:110px}}
@media(max-width:767px){.header{min-height:76px;padding:16px 20px}.brand img{width:136px;height:42px}.menu-toggle{font-size:12px}.header nav{top:76px;left:0;right:0;padding:28px 24px;background:var(--surface-base);gap:24px}.header nav .nav-cta{position:static;font-size:12px}.hero{height:100svh;min-height:660px;max-height:1000px}.hero-content{padding:120px 20px 24px}.hero h1{font-size:clamp(44px,15vw,112px);font-weight:650;line-height:1;flex:1;margin-bottom:70px;max-height:450px;letter-spacing:-.065em}.hero-video{object-position:48% center}.hero-description{font-size:11px;max-width:230px}.hero-bottom{gap:12px}.video-toggle{font-size:10px;padding:9px;gap:8px}.footer{padding:28px 20px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 22px;padding-top:48px;padding-bottom:70px}.footer-grid h2{margin-bottom:14px}.footer-grid a,.footer-grid p{font-size:11px;overflow-wrap:anywhere}.footer-copyright{justify-self:start}.footer-word{font-size:17vw;letter-spacing:-.07em}.footer-logo img{width:110px;height:36px}}

/* Compact CTA and upward rolling navigation labels. */
.header>.nav-cta{position:static;margin:0;flex-shrink:0;background:var(--accent);color:var(--accent-on);font-size:11px;padding:11px 16px;text-transform:none;gap:10px;font-weight:550;line-height:1.2}
.header>.nav-cta:hover{background:var(--accent-hover);color:var(--accent-on);transform:none}
.header nav{flex:1}
.nav-link{position:relative;display:inline-flex;align-items:center;padding:12px 0;white-space:nowrap}
.header nav>.nav-link:hover,.header nav>.nav-link:focus-visible{color:var(--ink)}
.nav-word-window{display:block;height:1.35em;line-height:1.35;overflow:hidden}
.nav-word-track{display:block;position:relative;transition:transform .45s cubic-bezier(.22,.68,0,1)}
.nav-word{display:block;line-height:1.35}
.nav-word+.nav-word{position:absolute;left:0;top:100%;width:100%}
.nav-link:hover .nav-word-track,.nav-link:focus-visible .nav-word-track{transform:translateY(-100%)}
@media(max-width:767px){.header{gap:10px}.header .brand img{width:110px;height:38px}.header .menu-toggle{margin-left:auto;font-size:11px;gap:5px}.header>.nav-cta{font-size:10px;padding:10px 12px;gap:7px}.header nav{gap:24px}.nav-link{width:fit-content}}
@media(prefers-reduced-motion:reduce){.nav-word-track{transition:none}}

/* The fixed header condenses after leaving the top of the page. */
html{scroll-padding-top:92px}
.header{position:fixed;transition:padding .3s ease,min-height .3s ease,background-color .3s ease,box-shadow .3s ease;isolation:isolate}
.header .brand{position:relative;width:148px;height:44px;display:flex;align-items:center;transition:width .3s ease,height .3s ease}
.header .brand-full{transition:opacity .2s ease,transform .3s ease}
.header .brand-symbol{position:absolute;left:0;top:50%;width:38px;height:30px;object-fit:contain;opacity:0;transform:translateY(-50%) scale(.8);transition:opacity .2s ease,transform .3s ease;pointer-events:none}
.header.is-condensed{min-height:62px;padding:12px 24px;background:var(--surface-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.header.is-condensed .brand{width:148px;height:36px}
.header.is-condensed .brand-full{opacity:0;transform:translateY(-5px);pointer-events:none}
.header.is-condensed .brand-symbol{opacity:1;transform:translateY(-50%) scale(1)}
.header.is-condensed .nav-link{padding-block:8px}
.header.is-condensed>.nav-cta{padding-block:10px}
@media(max-width:767px){.header .brand{width:110px;height:42px}.header.is-condensed{min-height:58px;padding:9px 20px}.header.is-condensed .brand{width:110px;height:36px}.header.is-condensed .brand-symbol{width:32px;height:25px}.header.is-condensed nav{top:58px}.header.is-condensed>.nav-cta{padding-block:9px}}

.hero h1{mix-blend-mode:exclusion}

/* Floating, centered navigation once condensed. */
.header.is-condensed{left:50%;top:14px;width:calc(100% - 96px);max-width:920px;transform:translateX(-50%);min-height:62px;padding:12px 24px;border:1px solid var(--border-glass);border-radius:4px;box-shadow:none}
.header.is-condensed .brand{width:72px}
.header.is-condensed nav{gap:32px}
@media(max-width:1100px) and (min-width:768px){.header.is-condensed{width:calc(100% - 80px)}.header.is-condensed nav{gap:24px}}
@media(max-width:767px){.header.is-condensed{top:10px;width:calc(100% - 24px);min-height:56px;padding:8px 14px;gap:10px}.header.is-condensed .brand{width:46px}.header.is-condensed nav{top:calc(100% + 8px);left:-1px;right:-1px;border:1px solid var(--line);border-radius:4px;padding:24px;gap:24px}}

@supports not ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){.header.is-condensed{background:var(--surface-glass-fallback)}}
@media(prefers-reduced-transparency:reduce){.header.is-condensed{background:var(--surface-glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* The video frame gently pulls back as the hero leaves the viewport. */
.hero{view-timeline-name:--hero-exit;view-timeline-axis:block}
.hero-video{transform-origin:50% 50%}
@supports(animation-timeline:view()){
  .hero-video{animation:hero-pullback linear both;animation-timeline:--hero-exit;animation-range:exit 0% exit 100%}
}
@keyframes hero-pullback{from{transform:scale(1);border-radius:0}to{transform:scale(.86);border-radius:24px}}
.metric{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.hero-video{animation:none!important;transform:none!important;border-radius:0!important}}

/* Applications: one active story, paired with an explanatory hairline drawing. */
.applications{padding-block:100px}
.applications-heading{margin-bottom:54px}
.applications-heading h2{margin-bottom:22px}
.section-intro{color:var(--muted);font-size:19px;line-height:1.5}
.application-explorer{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}
.application-choice{border-top:1px solid var(--line)}
.application-choice:last-child{border-bottom:1px solid var(--line)}
.application-select{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:27px 0;font-size:clamp(22px,2.1vw,30px);font-weight:500;letter-spacing:-.035em;cursor:pointer;transition:color .2s ease}
.application-select:hover,.application-choice.is-active .application-select{color:var(--ink)}
.application-sign{font-size:23px;font-weight:400;color:var(--accent)}
.application-detail{padding:0 40px 32px 0;animation:section-copy-in .35s ease both}
.application-detail[hidden]{display:none}
.application-detail>p:first-child{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px}
.application-detail>p:nth-child(2){color:var(--muted);font-size:16px;line-height:1.6;max-width:390px}
.application-focus{display:block;margin-top:26px;font-size:11px;color:var(--accent);letter-spacing:.02em}
.application-drawing{margin:0;min-width:0;background:linear-gradient(140deg,rgba(255,255,255,.025),transparent);padding:22px 24px 24px;border-bottom:1px solid var(--line)}
.drawing-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.foot-diagram{width:100%;display:block;margin:12px auto 6px;overflow:visible}
.foot-diagram g,.signal-diagram g{fill:none;stroke:var(--ink);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.foot-diagram path,.foot-diagram circle,.foot-diagram ellipse,.signal-diagram path,.signal-diagram circle,.signal-diagram rect,.foot-diagram use{vector-effect:non-scaling-stroke}
.foot-diagram .diagram-guides,.signal-diagram .signal-guides{stroke:var(--border-subtle);stroke-width:.7}
.foot-diagram .inner-line,.foot-diagram ellipse,.foot-diagram circle{stroke:var(--border-strong)}
.foot-diagram .capture-mark,.foot-diagram .comparison-link{stroke:var(--accent);stroke-width:1.3}
.foot-diagram .right-foot{stroke:var(--accent)}
.foot-diagram .reference-outlines{stroke:var(--muted);stroke-dasharray:3 6;opacity:0;transition:opacity .3s ease}
.foot-diagram .progress-path{stroke:var(--accent);opacity:0;transition:opacity .3s ease}
.application-explorer[data-application="performance"] .progress-path{opacity:1}
.application-explorer[data-application="performance"] .comparison-link{opacity:0}
.application-explorer[data-application="return"] .reference-outlines{opacity:.6}
.application-explorer[data-application="return"] .comparison-link{opacity:.4}
.diagram-text text{fill:var(--muted);stroke:none;font-family:Montserrat,Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:.04em}
.application-drawing figcaption{display:flex;flex-direction:column;gap:10px;padding-top:14px}
.application-drawing figcaption strong{font-size:17px;font-weight:500;line-height:1.4}
.application-drawing figcaption>span,.signal-figure figcaption{font-size:10px;line-height:1.5;color:var(--muted)}
/* Intelligence: a single technical canvas, rather than three feature cards. */
.intelligence{padding-block:100px;background:var(--surface-raised)}
.intelligence-description{max-width:730px;margin-top:24px;font-size:21px}
.intelligence-explorer{margin-top:48px}
.intelligence-tabs{display:flex;border-bottom:1px solid var(--line);gap:40px}
.intelligence-tab{position:relative;display:flex;align-items:center;gap:14px;padding:20px 0;background:none;border:0;color:var(--muted);font-size:18px;font-weight:500;cursor:pointer;transition:color .2s ease}
.intelligence-tab>span{font-size:10px;font-weight:400;color:var(--muted)}
.intelligence-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.intelligence-tab:hover,.intelligence-tab[aria-selected="true"]{color:var(--ink)}
.intelligence-tab[aria-selected="true"]::after{transform:scaleX(1)}
.intelligence-tab[aria-selected="true"]>span{color:var(--accent)}
.intelligence-panel{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;min-height:410px;padding-block:32px}
.signal-figure{margin:0;min-width:0}
.signal-diagram{width:100%;display:block;overflow:visible}
.signal-figure figcaption{padding-left:20px}
.signal-diagram .accent-stroke{stroke:var(--accent);stroke-width:1.3}
.stage-art{opacity:0;transition:opacity .25s ease}
.intelligence-explorer[data-stage="measure"] .stage-art-measure,.intelligence-explorer[data-stage="understand"] .stage-art-understand,.intelligence-explorer[data-stage="decide"] .stage-art-decide{opacity:1}
.intelligence-kicker{display:block;font-size:11px;color:var(--accent);margin-bottom:20px}
.intelligence-title{font-size:clamp(29px,2.9vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin-bottom:22px}
.intelligence-body{color:var(--muted);font-size:17px;line-height:1.6;max-width:400px}
.intelligence-takeaway{font-size:13px;border-left:1px solid var(--accent);padding-left:16px;margin-top:28px;line-height:1.5}
.intelligence-narrative.is-changing{animation:section-copy-in .35s ease both}
.science-evidence{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;border-top:1px solid var(--line);padding-top:34px;margin-top:16px}
.science-number{font-size:60px;font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.science-number>span{color:var(--accent);font-size:.65em}
.science-evidence h3{font-size:17px;font-weight:500;line-height:1.5;margin-bottom:8px}
.science-evidence>div>p{font-size:12px;line-height:1.6;color:var(--muted);max-width:540px}
.science-evidence>a{font-size:12px;white-space:nowrap;display:flex;gap:12px;align-items:center}
.science-evidence>a:hover{color:var(--accent)}
@keyframes section-copy-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.application-explorer{gap:36px}.intelligence-panel{gap:32px}.science-evidence{grid-template-columns:auto 1fr;gap:24px}.science-evidence>a{grid-column:2}}
@media(max-width:767px){.applications,.intelligence{padding-block:64px}.applications-heading{margin-bottom:34px}.section-intro{font-size:16px}.application-explorer{grid-template-columns:1fr;gap:32px}.application-select{font-size:25px;padding-block:23px}.application-detail{padding-right:12px}.application-detail>p:first-child{font-size:21px}.application-detail>p:nth-child(2){font-size:15px}.application-drawing{padding:18px 12px}.application-drawing figcaption strong{font-size:15px}.intelligence-description{font-size:18px}.intelligence-explorer{margin-top:32px}.intelligence-tabs{justify-content:space-between;gap:8px}.intelligence-tab{font-size:14px;gap:7px;padding-block:18px}.intelligence-tab>span{font-size:9px}.intelligence-panel{grid-template-columns:1fr;gap:24px;min-height:0;padding-block:24px 36px}.signal-figure figcaption{padding-left:0}.intelligence-title{font-size:31px}.intelligence-body{font-size:16px}.intelligence-narrative{min-height:242px}.science-evidence{gap:16px;align-items:start}.science-number{font-size:47px}.science-evidence h3{font-size:15px}.science-evidence>div>p{font-size:11px}.science-evidence>a{font-size:11px}.diagram-text text{font-size:10px}}
@media(prefers-reduced-motion:reduce){.application-detail,.intelligence-narrative.is-changing{animation:none}}

/* Athlete-led stories: photography carries the emotion, hairlines support it. */
.application-explorer{grid-template-columns:.85fr 1.15fr;gap:72px}
.application-drawing.athlete-visual{background:none;border:0;padding:0}
.athlete-image-frame{width:100%;height:510px;overflow:hidden;background:var(--panel)}
.application-athlete{width:100%;height:100%;object-fit:cover;object-position:45% center}
.application-explorer[data-application="performance"] .application-athlete{object-position:35% center}
.application-explorer[data-application="return"] .application-athlete{object-position:55% center}
.athlete-visual figcaption{padding-top:22px;gap:14px}
.athlete-visual figcaption strong{font-size:19px;letter-spacing:-.025em}
.athlete-caption-line{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}
.comparison-detail{width:100px;height:22px;fill:none;stroke:var(--accent);stroke-width:1;opacity:.65}
.athlete-signal .intelligence-image-frame{height:360px;overflow:hidden;background:var(--bg)}
.intelligence-athlete{width:100%;height:100%;object-fit:cover;object-position:center}
.intelligence-explorer[data-stage="understand"] .intelligence-athlete{object-position:65% center}
.intelligence-explorer[data-stage="decide"] .intelligence-athlete{object-position:60% center}
.signal-journey{display:flex;justify-content:space-between;position:relative;margin-top:22px;padding:14px 0 0!important}
.signal-journey::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}
.signal-journey>span{position:relative;font-size:11px;line-height:1.5;transition:color .25s ease}
.signal-journey>span::before{content:'';position:absolute;top:-17px;left:0;width:5px;height:5px;background:var(--muted);border-radius:50%;box-shadow:0 0 0 4px var(--panel)}
.signal-journey>span:last-child::before{left:auto;right:0}
.signal-journey>span:nth-child(2)::before{left:50%;transform:translateX(-50%)}
.intelligence-explorer[data-stage="measure"] [data-journey="measure"],.intelligence-explorer[data-stage="understand"] [data-journey="understand"],.intelligence-explorer[data-stage="decide"] [data-journey="decide"]{color:var(--accent)}
.intelligence-explorer[data-stage="measure"] [data-journey="measure"]::before,.intelligence-explorer[data-stage="understand"] [data-journey="understand"]::before,.intelligence-explorer[data-stage="decide"] [data-journey="decide"]::before{background:var(--accent)}
.editorial-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:500;margin-top:28px;padding-block:8px;border-bottom:1px solid var(--accent);transition:color .2s ease}
.editorial-link:hover{color:var(--accent)}
.editorial-link>span{transition:transform .2s ease}
.editorial-link:hover>span{transform:translate(2px,-2px)}
.intelligence-panel{padding-block:40px;min-height:470px}
@media(max-width:1100px){.application-explorer{gap:36px}.athlete-image-frame{height:470px}.athlete-signal .intelligence-image-frame{height:310px}}
@media(max-width:767px){.application-explorer{grid-template-columns:1fr;gap:28px}.athlete-image-frame{height:360px}.athlete-visual figcaption strong{font-size:17px}.athlete-signal .intelligence-image-frame{height:250px}.intelligence-panel{min-height:0;padding-block:24px 36px}.editorial-link{font-size:12px}.intelligence-narrative{min-height:285px}}

/* Campaign photography paired with deliberately simple hairline illustrations. */
.application-drawing.athlete-visual{width:100%;max-width:540px;justify-self:end}
.athlete-image-frame{height:auto;aspect-ratio:4/5}
.application-athlete,.application-explorer[data-application="performance"] .application-athlete,.application-explorer[data-application="return"] .application-athlete{object-position:center}
.intelligence-artwork{width:100%;min-height:340px;display:flex;align-items:center;justify-content:center}
.intelligence-art{width:100%;height:auto;display:block;overflow:visible;animation:section-copy-in .35s ease both}
.intelligence-art[hidden]{display:none}
.intelligence-art .art-stroke,.intelligence-art .art-accent,.intelligence-art .art-muted{fill:none;stroke:var(--ink);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.intelligence-art .art-accent{stroke:var(--accent)}
.intelligence-art .art-muted{stroke:var(--border-strong);stroke-width:.8}
.intelligence-art path,.intelligence-art rect,.intelligence-art circle,.intelligence-art use{vector-effect:non-scaling-stroke}
.intelligence-art .art-label{font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.05em;fill:var(--muted)}
.hairline-figure .art-disclaimer{font-size:10px;color:var(--muted);text-align:center;padding:14px 0 0;line-height:1.5}
@media(max-width:767px){.application-drawing.athlete-visual{max-width:none}.athlete-image-frame{height:auto;aspect-ratio:4/5}.intelligence-artwork{min-height:220px}.intelligence-art .art-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intelligence-art{animation:none}}

/* A 95/100 ring makes the validation figure tangible without implying AI accuracy. */
.science-evidence{grid-template-columns:280px minmax(0,1fr);gap:22px 64px;padding-block:48px 4px;align-items:center}
.science-chart{position:relative;width:280px;aspect-ratio:1;grid-row:1 / span 2}
.science-chart svg{display:block;width:100%;height:100%;fill:none}
.science-ring-track{stroke:var(--border-strong);stroke-width:2}
.science-ring-value{stroke:var(--accent);stroke-width:3;stroke-linecap:butt}
.science-chart .science-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;font-size:100px;line-height:1;letter-spacing:-.065em;color:var(--ink);margin:0}
.science-chart .science-number>span{font-size:40px;letter-spacing:-.04em;color:var(--accent);align-self:center;margin-top:23px}
.science-evidence>div:not(.science-chart){align-self:end}
.science-evidence h3{max-width:540px;font-size:27px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px}
.science-evidence>div>p:not(.science-number){font-size:14px;line-height:1.6;max-width:510px}
.science-evidence>a{grid-column:2;align-self:start;justify-self:start;padding-bottom:8px;border-bottom:1px solid var(--accent)}
@media(max-width:1100px){.science-evidence{grid-template-columns:230px minmax(0,1fr);gap:20px 36px}.science-chart{width:230px}.science-chart .science-number{font-size:86px}.science-evidence h3{font-size:24px}}
@media(max-width:767px){.science-evidence{grid-template-columns:1fr;gap:26px;padding-top:36px}.science-chart{width:230px;grid-row:auto;justify-self:center}.science-chart .science-number{font-size:86px}.science-evidence>div:not(.science-chart){align-self:auto}.science-evidence h3{font-size:23px;max-width:340px}.science-evidence>div>p:not(.science-number){font-size:13px}.science-evidence>a{grid-column:1}}

/* Campaign close: a photographic invitation, centered above the light footer. */
.contact.contact-campaign{position:relative;isolation:isolate;display:grid;place-items:center;min-height:620px;padding:100px 24px;overflow:hidden;background:var(--bg)}
.contact-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.contact-campaign::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--campaign-scrim-edge),var(--campaign-scrim-center),var(--campaign-scrim-edge))}
.contact-campaign-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px;max-width:1000px}
.contact-campaign h2{margin:0;font-size:clamp(52px,6.6vw,98px);line-height:1.05;font-weight:650;letter-spacing:-.05em;text-wrap:balance}
.contact-campaign .button{font-size:14px;padding:16px 24px}
@media(max-width:767px){.contact.contact-campaign{min-height:510px;padding:72px 24px}.contact-background{object-position:56% 42%}.contact-campaign-content{gap:28px}.contact-campaign h2{font-size:clamp(46px,12vw,70px)}.contact-campaign .button{font-size:13px;padding:15px 22px}}

/* A full-width, heavier editorial signature. */
.footer-word{font-weight:750;font-size:19vw;letter-spacing:-.075em;line-height:.95;transform-origin:left center}
@media(max-width:767px){.footer-word{font-size:18vw;letter-spacing:-.075em}}

/* Semantic interactive states and the footer's light-surface focus color. */
.button:active,.header>.nav-cta:active{background:var(--accent-pressed);color:var(--accent-on);transform:none}
.footer{color-scheme:inherit}

/* Photo surfaces keep a readable overlay in either page theme. */
.hero,.contact-campaign,.header:not(.is-condensed){--ink:#EFECE8;--text-primary:#EFECE8;color:#EFECE8}
.header:not(.is-condensed) nav{--surface-base:#0B0A09;--bg:#0B0A09;--line:#30302D}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.theme-control{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px;font-weight:500;cursor:pointer;color:var(--footer-text)}
.theme-state{min-width:72px}
.theme-control input{position:absolute;right:0;top:0;width:62px;height:44px;margin:0;opacity:0;cursor:pointer}
.theme-switch-track{display:block;position:relative;width:62px;height:34px;border:1px solid var(--border-hover);border-radius:20px;background:var(--surface-base);pointer-events:none}
.theme-switch-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--accent);transition:transform .25s cubic-bezier(.22,.68,0,1)}
.theme-icon{position:absolute;top:8px;width:16px;height:16px;background:var(--text-secondary);mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.theme-icon-moon{left:8px;mask-image:url('assets/theme-moon.svg');-webkit-mask-image:url('assets/theme-moon.svg');background:var(--accent-on)}
.theme-icon-sun{right:8px;mask-image:url('assets/theme-sun.svg');-webkit-mask-image:url('assets/theme-sun.svg')}
.theme-control input:checked+.theme-switch-track .theme-switch-thumb{transform:translateX(28px)}
.theme-control input:checked+.theme-switch-track .theme-icon-sun{background:var(--accent-on)}
.theme-control input:checked+.theme-switch-track .theme-icon-moon{background:var(--text-secondary)}
.theme-control input:focus-visible+.theme-switch-track{outline:3px solid var(--footer-focus);outline-offset:5px}
:root:not([data-theme="light"]) .footer-logo img{filter:brightness(0) invert(1)}
:root:not([data-theme="light"]) .footer-word{background-image:linear-gradient(rgb(239 236 232 / 35%),rgb(239 236 232 / 35%)),url('assets/footer-track-v2.jpg')}
:root[data-theme="light"] .application-focus,
:root[data-theme="light"] .intelligence-kicker,
:root[data-theme="light"] .intelligence-tab[aria-selected="true"]>span{color:#B45309}
:root[data-theme="light"] .editorial-link:hover,
:root[data-theme="light"] .science-evidence>a:hover{color:#B45309}

/* Static film grain, applied only over photographs, never over copy or diagrams. */
.photo-grain{position:relative;isolation:isolate}
.photo-grain::after,.contact-campaign::after{content:'';position:absolute;inset:0;z-index:1;background:url('assets/photo-grain.svg') repeat;opacity:.085;mix-blend-mode:soft-light;pointer-events:none}
.training-photo{min-width:0;align-self:start;overflow:hidden}
.field-story{min-height:720px;display:flex;overflow:hidden;color:#EFECE8;background:#0B0A09;--ink:#EFECE8;--muted:#EFECE8}
.field-story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}
.field-story::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(11 10 9 / 45%),rgb(11 10 9 / 8%) 45%,rgb(11 10 9 / 80%))}
.field-story-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:180px;padding-block:62px 44px}
.field-story h2{font-size:clamp(48px,6.8vw,100px);font-weight:550;line-height:1.02;letter-spacing:-.055em;max-width:1000px}
.field-story-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;border-top:1px solid rgb(239 236 232 / 35%);padding-top:24px}
.field-story-bottom p{font-size:clamp(17px,1.65vw,24px);line-height:1.4;max-width:540px;text-wrap:pretty}
.field-story-bottom .editorial-link{flex-shrink:0;margin:0;color:#EFECE8}
.field-gallery{overflow:hidden;padding-block:80px 100px}
.gallery-shell{position:relative}
.gallery-toggle{position:absolute;top:20px;right:24px;z-index:3;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgb(239 236 232 / 45%);border-radius:50%;background:rgb(11 10 9 / 65%);color:#EFECE8;font-size:14px;cursor:pointer}
.gallery-toggle:hover{background:rgb(11 10 9 / 90%)}
.gallery-toggle[hidden]{display:none}
.gallery-viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:6px;outline-offset:-3px}
.gallery-viewport::-webkit-scrollbar{display:none}
.gallery-viewport:focus-visible{outline:2px solid var(--focus-ring)}
.gallery-viewport.is-animated{overflow:hidden}
.gallery-track,.gallery-group{display:flex;width:max-content;gap:16px}
.gallery-track{will-change:transform}
.gallery-group{padding-right:16px;gap:16px}
.gallery-track{gap:0}
.gallery-photo{margin:0;width:clamp(300px,39vw,620px);aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:var(--panel)}
.gallery-photo img{width:100%;height:100%;object-fit:cover}
.gallery-photo:nth-child(1) img{object-position:center 37%}
.gallery-photo:nth-child(4) img{object-position:center 35%}
.gallery-editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--border-strong);margin-top:110px;padding-top:28px}
.gallery-editorial h2{font-size:clamp(32px,3.2vw,48px);line-height:1.12;font-weight:550;letter-spacing:-.04em}
.gallery-editorial-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;color:var(--muted);font-size:14px;line-height:1.65}
.contact-campaign-content{position:relative;z-index:2}
@media(max-width:1100px){.gallery-editorial{gap:32px}.gallery-editorial-copy{grid-template-columns:1fr;gap:18px}}
@media(max-width:767px){.field-story{min-height:650px}.field-story-content{padding-block:42px 30px;gap:180px}.field-story-background{object-position:36% center}.field-story h2{font-size:clamp(44px,11vw,70px)}.field-story-bottom{flex-direction:column;align-items:flex-start;gap:28px;padding-top:20px}.field-story-bottom p{font-size:17px;max-width:340px}.field-story-bottom .editorial-link{font-size:12px}.field-gallery{padding-block:46px 60px}.gallery-photo{width:80vw;max-width:440px;aspect-ratio:4/3}.gallery-editorial{grid-template-columns:1fr;gap:24px;margin-top:54px;padding-top:24px}.gallery-editorial h2{font-size:34px}.gallery-editorial-copy{font-size:14px;max-width:500px}.gallery-toggle{top:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.gallery-track{will-change:auto}}

.gallery-group[hidden]{display:none}

/* Editorial FAQ: native disclosures, thin rules and one Sport accent. */
.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:80px;padding-block:88px 110px;border-top:1px solid var(--line)}
.faq-eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:24px;color:var(--muted)}
.faq-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.045em}
.faq-heading>p:last-child{margin-top:32px;font-size:13px;color:var(--muted);line-height:1.65}
.faq-heading .editorial-link{margin-top:8px;color:var(--ink);font-size:12px}
.faq-list{min-width:0;border-top:1px solid var(--border-strong)}
.faq-item{border-bottom:1px solid var(--border-strong)}
.faq-item summary{list-style:none;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;cursor:pointer;font-size:clamp(17px,1.5vw,22px);font-weight:500;line-height:1.35;letter-spacing:-.025em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:''}
.faq-item summary:hover{color:var(--muted)}
.faq-item summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:5px}
.faq-sign{position:relative;flex-shrink:0;width:18px;height:18px;color:var(--accent)}
.faq-sign::before,.faq-sign::after{content:'';position:absolute;top:8px;left:3px;width:12px;height:1px;background:currentColor}
.faq-sign::after{transform:rotate(90deg);transition:transform .2s ease}
.faq-item[open] .faq-sign::after{transform:rotate(0)}
.faq-answer{padding:0 42px 28px 0;color:var(--muted);font-size:14px;line-height:1.7;max-width:650px}
.faq-answer .editorial-link{font-size:12px;margin-top:18px;color:var(--ink)}
@media(max-width:1100px){.faq{gap:40px}}
@media(max-width:767px){.faq{grid-template-columns:1fr;gap:34px;padding-block:54px 64px}.faq-heading h2{font-size:38px}.faq-eyebrow{margin-bottom:16px}.faq-heading>p:last-child{margin-top:22px}.faq-item summary{font-size:18px;padding-block:23px;gap:20px}.faq-answer{padding-right:24px;font-size:13px}}

/* Three editorial lines enter from alternating sides, then retrace their paths. */
.hero-intro-pending .hero h1>span{transform:translateX(-110vw)}
.hero-intro-pending .hero h1>span:nth-child(2){transform:translateX(110vw)}
.hero h1>span{transform-origin:center;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.hero h1>span{transform:none!important;opacity:1!important}}

/* Inline film mode: sound on, unobstructed frame, controls kept in reach. */
.hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.film-toggle{display:inline-flex;align-items:center;gap:18px;padding:10px 13px;border:1px solid rgb(239 236 232 / 65%);border-radius:0;background:#EFECE8;color:#1D1D1B;font-size:11px;font-weight:550;cursor:pointer;white-space:nowrap}
.film-toggle:hover{background:#fff}
.film-toggle[hidden]{display:none}
.hero h1,.hero-description,.hero-shade,.header{transition:opacity .3s ease,visibility .3s ease}
.is-watching-film .hero{background:#000}
.is-watching-film .hero-description,.is-watching-film .hero-shade,.is-watching-film .header{opacity:0;visibility:hidden;pointer-events:none}
.is-watching-film .hero-video{object-fit:contain;animation:none!important;transform:none!important;border-radius:0!important}
.is-watching-film .hero-actions{position:relative;z-index:3}
.is-watching-film .video-toggle{background:rgb(0 0 0 / 65%)}
@media(max-width:767px){.hero-bottom{flex-direction:column;align-items:stretch;gap:18px}.hero-actions{justify-content:flex-end;gap:8px}.film-toggle{padding:9px 11px;font-size:10px;gap:12px}}

.header{transition:padding .3s ease,min-height .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .3s ease,visibility .3s ease}

/* Film mode retraces the title's entrance, independently of its scroll transform. */
.hero h1>span{translate:0 0;transition:translate .85s cubic-bezier(.76,0,.24,1);transition-delay:var(--title-return-delay,0ms)}
.hero h1>span:nth-child(1){--title-return-delay:0ms;--title-film-delay:140ms}
.hero h1>span:nth-child(2){--title-return-delay:90ms;--title-film-delay:70ms}
.hero h1>span:nth-child(3){--title-return-delay:180ms;--title-film-delay:0ms}
.is-watching-film .hero h1>span{translate:var(--title-film-x,-110vw) 0;transition-delay:var(--title-film-delay,0ms)}
@media(prefers-reduced-motion:reduce){.hero h1>span{translate:none!important}.is-watching-film .hero h1{visibility:hidden}}

/* Editorial comparison: precise context, with the Sport row foregrounded. */
.comparison{padding-block:88px 72px}
.comparison-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:44px}
.comparison-eyebrow{font-size:11px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:22px}
.comparison-heading h2{font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.045em}
.comparison-heading>p{max-width:440px;justify-self:end;font-size:16px;line-height:1.6;color:var(--muted)}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-strong);font-size:13px;line-height:1.6}
.comparison-table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.comparison-system-col{width:40%}
.comparison-table thead{background:var(--surface-overlay)}
.comparison-table thead th{text-align:left;padding:16px 22px;font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.comparison-table td,.comparison-table tbody th{padding:26px 22px;border:1px solid var(--border-strong);vertical-align:middle;text-align:left}
.comparison-table tbody th{font-weight:400}
.comparison-table td{color:var(--muted)}
.comparison-table tbody tr:nth-child(even){background:var(--surface-raised)}
.comparison-system{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center}
.comparison-system strong{display:block;font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.02em;color:var(--ink)}
.comparison-placement{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}
.comparison-subtitle{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.comparison-symbol{display:block;width:32px;height:32px;background:var(--muted);mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat;justify-self:center}
.comparison-gps{mask-image:url('assets/compare-gps.svg');-webkit-mask-image:url('assets/compare-gps.svg')}
.comparison-platform{mask-image:url('assets/compare-platform.svg');-webkit-mask-image:url('assets/compare-platform.svg')}
.comparison-camera{mask-image:url('assets/compare-camera.svg');-webkit-mask-image:url('assets/compare-camera.svg')}
.comparison-shoe{mask-image:url('assets/compare-shoe.svg');-webkit-mask-image:url('assets/compare-shoe.svg')}
.comparison-cell-label{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.comparison-table .comparison-baliston{background:#171513;--ink:#EFECE8;--muted:#C2C0B8;color:var(--ink)}
.comparison-baliston th{box-shadow:inset 3px 0 var(--accent)}
.comparison-baliston .comparison-placement,.comparison-baliston .comparison-cell-label,.comparison-baliston .comparison-system strong{color:var(--accent)}
.comparison-baliston .comparison-system strong{font-size:25px;font-weight:600}
.comparison-brand{width:36px;height:36px;object-fit:contain;justify-self:center}
.comparison-benefit{display:block;font-size:14px;font-weight:550;color:#EFECE8;margin-bottom:5px}
.comparison-baliston .editorial-link{display:flex;width:fit-content;font-size:11px;color:#EFECE8;margin-top:17px;gap:14px}
.comparison-notes{font-size:11px;line-height:1.65;color:var(--muted);margin-top:18px;max-width:820px}
.comparison-notes summary{list-style:none;display:flex;align-items:center;gap:18px;cursor:pointer;width:fit-content;padding:8px 0}
.comparison-notes summary::-webkit-details-marker{display:none}
.comparison-notes summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}
.comparison-notes summary>span{font-size:16px;color:var(--accent)}
.comparison-notes[open] summary>span{transform:rotate(45deg)}
.comparison-notes>div{padding-block:8px}
.comparison-notes p+p{margin-top:8px}
.comparison-notes a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.comparison-system{grid-template-columns:32px 1fr;gap:14px}.comparison-table td,.comparison-table tbody th{padding:24px 18px}.comparison-system strong{font-size:15px}.comparison-symbol{width:26px;height:26px}.comparison-heading{gap:32px}}
@media(max-width:767px){.comparison{padding-block:54px 36px}.comparison-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.comparison-heading h2{font-size:37px}.comparison-heading>p{justify-self:start;font-size:14px;max-width:420px}.comparison-eyebrow{margin-bottom:16px}.comparison-table,.comparison-table tbody{display:block}.comparison-table colgroup{display:none}.comparison-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-table tr{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--border-strong)}.comparison-table tr:last-child{border-bottom:0}.comparison-table tbody th,.comparison-table td{display:block;border:0;padding:0 22px 22px}.comparison-table tbody th{padding-top:24px;padding-bottom:22px}.comparison-table td::before{content:attr(data-label);display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin-bottom:8px}.comparison-cell-label{display:none}.comparison-system{grid-template-columns:36px 1fr;gap:18px}.comparison-system strong{font-size:19px}.comparison-symbol{width:30px;height:30px}.comparison-baliston th{box-shadow:none}.comparison-table .comparison-baliston{box-shadow:inset 3px 0 var(--accent)}.comparison-baliston td::before{color:var(--accent)}.comparison-table td{font-size:13px}.comparison-notes{font-size:10px}}

/* Demo request: review locally, then explicitly open an email draft. */
.contact-campaign-content{width:100%;max-width:1000px}
.contact-campaign:has(.demo-form){min-height:800px;padding-block:88px}
.contact-campaign:has(.demo-form) h2{font-size:clamp(48px,5.5vw,80px)}
.demo-form,.demo-preview{width:min(100%,720px);text-align:left}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-bottom:30px}
.demo-field label{display:block;color:#EFECE8;font-size:12px;font-weight:550;margin-bottom:10px}
.demo-field input,.demo-field select{display:block;width:100%;min-height:52px;padding:14px 16px;border:1px solid rgb(239 236 232 / 45%);border-radius:2px;background:rgb(11 10 9 / 78%);color:#EFECE8;font:inherit;font-size:14px;line-height:1.4;color-scheme:dark}
.demo-field input::placeholder{color:#C2C0B8;opacity:1}
.demo-field input:hover,.demo-field select:hover{border-color:#EFECE8}
.demo-field input:focus-visible,.demo-field select:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.demo-form>.button{display:flex;width:fit-content;margin-inline:auto}
.demo-helper{font-size:11px;line-height:1.5;text-align:center;color:#EFECE8;margin-top:16px}
.demo-form[hidden],.demo-preview[hidden]{display:none}
.demo-preview{padding:30px;background:rgb(11 10 9 / 90%);border:1px solid rgb(239 236 232 / 30%);border-radius:3px;color:#EFECE8}
.demo-preview h3{font-size:25px;font-weight:550;letter-spacing:-.03em;margin-bottom:12px}
.demo-preview h3:focus{outline:none}
.demo-preview>p{font-size:12px;line-height:1.5;color:#C2C0B8}
.demo-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;padding-block:24px;border-block:1px solid rgb(239 236 232 / 22%)}
.demo-preview dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#C2C0B8;margin-bottom:8px}
.demo-preview dd{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.demo-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.demo-edit{padding:12px 0;border:0;background:none;color:#EFECE8;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
@media(max-width:767px){.contact-campaign:has(.demo-form){padding:64px 24px;min-height:0}.contact-campaign:has(.demo-form) h2{font-size:48px}.demo-fields{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.demo-field input,.demo-field select{font-size:16px}.demo-preview{padding:24px}.demo-preview dl{grid-template-columns:1fr;gap:20px}.demo-preview-actions{align-items:stretch;flex-direction:column-reverse;gap:12px}.demo-preview-actions .button{width:100%}.demo-edit{align-self:center}}

/* A compact football ribbon: monochrome marks blend against the page surface. */
.club-strip{position:relative;isolation:isolate;background:var(--bg);padding-block:16px;border-bottom:1px solid var(--line);overflow:hidden}
.club-viewport{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:8px}
.club-viewport::-webkit-scrollbar{display:none}
.club-viewport.is-animated{overflow:hidden}
.club-viewport:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}
.club-track,.club-group{display:flex;width:max-content;align-items:center}
.club-track{mix-blend-mode:exclusion;will-change:transform}
.club-mark{width:clamp(110px,12vw,175px);height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.club-mark img{width:44px;height:52px;object-fit:contain;filter:grayscale(1) contrast(1.2) brightness(1.4);opacity:.58}
.club-mark .club-psg{width:50px;height:50px;clip-path:circle(49%)}
.club-group[hidden],.club-mark[hidden]{display:none}
@media(max-width:767px){.club-strip{padding-block:12px}.club-mark{width:100px;height:48px}.club-mark img{width:34px;height:40px}.club-mark .club-psg{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.club-track{will-change:auto}}

.club-group{justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.club-group{min-width:0;justify-content:flex-start}}

.demo-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:48px;text-align:left;text-align-last:left;box-shadow:none;background-image:none}.demo-field select:invalid{color:#C2C0B8}.demo-field select option{background:#171513;color:#EFECE8}

/* Original Sport SVG paths enter independently: left, right, left. */
.application-brand-mark{position:absolute;left:15%;top:50%;z-index:2;width:70%;height:auto;translate:0 -50%;filter:brightness(0) invert(1);mix-blend-mode:exclusion;opacity:.28;pointer-events:none;overflow:visible}
.application-brand-bar{transform-box:view-box;transform-origin:center;transition:transform .75s cubic-bezier(.22,.68,0,1),opacity .4s ease;--bar-direction:-250%;--bar-delay:0ms}
.application-brand-bar:nth-child(2){--bar-direction:250%;--bar-delay:80ms}
.application-brand-bar:nth-child(3){--bar-delay:160ms}
.has-mark-motion .application-brand-bar{transform:translateX(var(--bar-direction));opacity:0}
.has-mark-motion.is-visible .application-brand-bar{transform:translateX(0);opacity:1;transition-delay:var(--bar-delay)}
.has-mark-motion.is-switching .application-brand-bar{transform:translateX(var(--bar-direction));opacity:0;transition-duration:.23s;transition-delay:0ms}
.athlete-image-frame .application-athlete{transition:opacity .45s ease,transform .65s cubic-bezier(.22,.68,0,1)}
.athlete-image-frame.is-switching .application-athlete{opacity:.25;transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.application-brand-bar{transform:none!important;transition:none!important}.athlete-image-frame .application-athlete{transform:none!important;transition:none}}

/* Keep the native menu, with the same field surface and sizing as text inputs. */
.demo-field input,.demo-field select{height:52px}
.demo-select{position:relative}
.demo-select::after{content:'';position:absolute;right:19px;top:21px;width:7px;height:7px;border-right:1.5px solid #C2C0B8;border-bottom:1.5px solid #C2C0B8;transform:rotate(45deg);pointer-events:none}
.demo-select:focus-within::after{border-color:var(--accent)}

/* A clearer, more visible hero promise. */
.hero-description{font-size:18px;line-height:1.5;max-width:480px}
.hero-description strong{font-weight:600}
@media(max-width:767px){.hero-description{font-size:14px;line-height:1.5;max-width:360px}}

/* A light rotating volume explains three directions without implying live data. */
.field-story-content{gap:24px}
.field-story h2{font-size:clamp(46px,5.8vw,84px)}
.load-visual{width:320px;max-width:100%;align-self:flex-end;margin:0;background:radial-gradient(ellipse,rgb(11 10 9 / 35%),transparent 72%)}
.load-visual-title{font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#EFECE8}
.load-volume{display:block;width:100%;height:auto;overflow:visible}
.load-wireframe{fill:none;stroke:#EFECE8;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.load-axes{fill:none;stroke:#F88818;stroke-width:1;stroke-linecap:round}
.load-axis-label{fill:#EFECE8;font:500 11px Montserrat,Arial,sans-serif;stroke:none;text-anchor:middle;dominant-baseline:middle}
.load-visual figcaption{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;color:#EFECE8;font-size:9px;line-height:1.5;padding-bottom:12px}
@media(max-width:767px){.field-story{min-height:780px}.field-story h2{font-size:clamp(39px,9.5vw,64px)}.load-visual{width:260px}.field-story-content{gap:24px}}

/* An orange-led final row makes the Baliston proposition easier to scan. */
.comparison-table .comparison-baliston{background:#241A12}
.comparison-table .comparison-baliston>th,.comparison-table .comparison-baliston>td{padding-block:36px;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);border-left-color:rgb(248 136 24 / 25%);border-right-color:rgb(248 136 24 / 25%)}
.comparison-baliston>th{background:rgb(248 136 24 / 9%);box-shadow:inset 5px 0 var(--accent)}
.comparison-baliston .comparison-system{grid-template-columns:56px 1fr;gap:24px}
.comparison-baliston .comparison-brand{width:48px;height:48px}
.comparison-baliston .comparison-system strong{font-size:clamp(24px,2.3vw,34px);font-weight:650;letter-spacing:-.04em}
.comparison-baliston .comparison-subtitle{font-size:13px;color:#EFECE8;margin-top:10px}
.comparison-load-promise{display:block;color:#EFECE8;font-size:24px;font-weight:550;line-height:1.15;letter-spacing:-.035em;margin-bottom:14px}
.comparison-load-detail{display:block;color:#C2C0B8;font-size:13px;line-height:1.6}
.comparison-baliston .comparison-benefit{font-size:17px;line-height:1.3;margin-bottom:9px}
.comparison-baliston .editorial-link{background:var(--accent);color:var(--accent-on);border:1px solid transparent;border-radius:2px;padding:10px 12px;font-weight:600;line-height:1.4;margin-top:20px;gap:18px}
.comparison-baliston .editorial-link:hover{background:var(--accent-hover);color:var(--accent-on)}
.comparison-baliston .editorial-link:focus-visible{outline-color:#EFECE8}
@media(max-width:1100px){.comparison-baliston .comparison-system{grid-template-columns:42px 1fr;gap:16px}.comparison-baliston .comparison-brand{width:38px;height:38px}}
@media(max-width:767px){.comparison-table .comparison-baliston{border-block:2px solid var(--accent);box-shadow:inset 4px 0 var(--accent)}.comparison-table .comparison-baliston>th,.comparison-table .comparison-baliston>td{border:0;padding-block:0 24px}.comparison-table .comparison-baliston>th{padding-top:30px;padding-bottom:30px;background:none;box-shadow:none}.comparison-baliston .comparison-system strong{font-size:29px}.comparison-load-promise{font-size:25px}.comparison-load-promise br{display:none}.comparison-load-promise br::after{content:' '}.comparison-load-promise{max-width:none}.comparison-baliston .editorial-link{margin-top:18px}}

/* Dedicated insole campaign image: keep the insert visible through each crop. */
.field-story-background{object-position:center 58%}
@media(max-width:767px){.field-story-background{object-position:24% center}}

/* The sports stay inside the signature; only two narrow bands shift briefly. */
.footer-word{position:relative;isolation:isolate;--footer-sport:url('assets/footer-track-v2.jpg');--footer-previous:var(--footer-sport);--footer-tint:rgb(239 236 232 / 0%);background-image:linear-gradient(var(--footer-tint),var(--footer-tint)),var(--footer-sport)}
:root:not([data-theme="light"]) .footer-word{--footer-tint:rgb(239 236 232 / 25%);background-image:linear-gradient(var(--footer-tint),var(--footer-tint)),var(--footer-sport)}
.footer-word::before,.footer-word::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:transparent;background-image:linear-gradient(var(--footer-tint),var(--footer-tint)),var(--footer-previous);background-position:center;background-size:cover;-webkit-background-clip:text;background-clip:text;opacity:0}
.footer-word::before{clip-path:inset(24% 0 59%)}
.footer-word::after{clip-path:inset(64% 0 23%)}
.footer-word.is-glitching::before{animation:footer-sport-slice 260ms steps(1,end) both}
.footer-word.is-glitching::after{animation:footer-sport-slice 260ms steps(1,end) both reverse}
@keyframes footer-sport-slice{0%{opacity:0;transform:translateX(0)}15%{opacity:.9;transform:translateX(-.025em)}38%{opacity:.8;transform:translateX(.035em)}62%{opacity:.8;transform:translateX(-.012em)}82%,100%{opacity:0;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.footer-word.is-glitching::before,.footer-word.is-glitching::after{animation:none}}

/* Give the photographic story and the three-axis explanation their own pace. */
.field-story-content{gap:180px}
.load-section{padding-block:86px;border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-primary)}
.load-section-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.load-section-copy h2{font-size:clamp(40px,4.4vw,64px);line-height:1.06;letter-spacing:-.05em;font-weight:550;margin-bottom:26px}
.load-section-copy p{max-width:440px;color:var(--text-secondary);font-size:16px;line-height:1.7;text-wrap:pretty}
.load-section-note{display:block;margin-top:26px;font-size:10px;letter-spacing:.04em;color:var(--text-secondary)}
.load-section .load-visual{width:440px;max-width:100%;justify-self:center;align-self:center;background:none}
.load-section .load-wireframe{stroke:var(--text-primary)}
.load-section .load-axis-label{fill:var(--text-primary)}
.load-section .load-visual figcaption{font-size:11px;color:var(--text-secondary);gap:10px 20px;padding-bottom:0}
@media(max-width:767px){.field-story{min-height:650px}.field-story-content{gap:180px}.load-section{padding-block:54px}.load-section-layout{grid-template-columns:1fr;gap:28px}.load-section-copy h2{font-size:40px;margin-bottom:22px}.load-section-copy p{font-size:14px;max-width:440px}.load-section-note{margin-top:20px}.load-section .load-visual{width:360px}.load-section .load-visual figcaption{font-size:10px;gap:8px 14px}}

/* Product UI and a quiet wire volume share one illustrative composition. */
.understanding-ui{display:flex;flex-direction:column;gap:14px;overflow:hidden;animation:section-copy-in .45s ease both}
.signal-context{display:flex;align-items:center;gap:20px;min-height:114px;padding:0 4px}
.ui-overline{font-size:9px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}
.signal-context p{font-size:16px;line-height:1.35;letter-spacing:-.025em;margin-top:8px}
.ui-demo-tag{margin-left:auto;color:var(--text-secondary);font-size:9px;border:1px solid var(--border-subtle);padding:6px 8px;white-space:nowrap}
.signal-orbit{width:90px;height:90px;display:grid;place-items:center;perspective:360px;margin-left:auto}
.signal-cube{position:relative;width:40px;height:40px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(30deg);animation:signal-cube-spin 18s linear infinite;animation-play-state:paused}
.intelligence-explorer.is-in-view[data-stage="understand"] .signal-cube{animation-play-state:running}
.signal-cube i{position:absolute;inset:0;border:1px solid var(--border-strong);backface-visibility:visible}
.signal-cube i:nth-child(1){transform:translateZ(20px);border-color:var(--accent)}
.signal-cube i:nth-child(2){transform:rotateY(180deg) translateZ(20px)}
.signal-cube i:nth-child(3){transform:rotateY(90deg) translateZ(20px)}
.signal-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(20px)}
.signal-cube i:nth-child(5){transform:rotateX(90deg) translateZ(20px)}
.signal-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(20px)}
@keyframes signal-cube-spin{from{transform:rotateX(-24deg) rotateY(30deg)}to{transform:rotateX(-24deg) rotateY(390deg)}}
.load-ui-card,.trend-ui-card{background:var(--surface-raised);border:1px solid var(--border-subtle);padding:22px;color:var(--text-primary)}
.load-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}
.load-card-heading h4{margin:0;font-size:13px;font-weight:500;letter-spacing:-.02em}
.load-card-heading>span{color:var(--text-secondary);font-size:9px}
.load-ui-chart{display:flex;align-items:flex-end;gap:10px;height:122px;border-bottom:1px solid var(--border-strong);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--border-subtle) 40px,transparent 41px)}
.load-bar-pair{display:flex;align-items:flex-end;gap:3px;flex:1;height:100%;min-width:0}
.load-bar-pair i{display:block;flex:1;height:var(--bar);background:var(--text-secondary);opacity:.6;transform-origin:bottom}
.load-bar-pair i+i{background:var(--accent);opacity:1}
.intelligence-explorer.is-in-view[data-stage="understand"] .load-bar-pair i{animation:load-bar-reveal .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i)*35ms)}
@keyframes load-bar-reveal{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.load-chart-times{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:8px;padding-top:10px}
.load-chart-legend{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:9px;color:var(--text-secondary)}
.load-chart-legend>span::before{content:'';display:inline-block;width:6px;height:6px;background:var(--text-secondary);margin-right:7px;opacity:.6}
.load-chart-legend>span+span::before{background:var(--accent);opacity:1}
.load-chart-legend small{margin-left:auto;font-size:8px}
.trend-ui-card{display:flex;align-items:center;gap:28px;padding-block:18px}
.trend-ui-card>div{flex-shrink:0}
.trend-ui-card p{font-size:35px;line-height:1.1;letter-spacing:-.06em;margin-block:7px 3px;font-variant-numeric:tabular-nums}
.trend-ui-card p span{font-size:17px;margin-left:4px}
.trend-ui-card small{font-size:8px;color:var(--text-secondary)}
.trend-ui-card svg{width:45%;height:auto;margin-left:auto;overflow:visible;fill:none;stroke:var(--accent);stroke-width:1.5}
.trend-ui-card .trend-baseline{stroke:var(--border-strong);stroke-dasharray:3 4;stroke-width:1}
.trend-ui-card circle{fill:var(--accent);stroke:none}
.trend-line{stroke-dasharray:240;stroke-dashoffset:0}
.intelligence-explorer.is-in-view[data-stage="understand"] .trend-line{animation:trend-reveal 1s ease both}
@keyframes trend-reveal{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@media(max-width:767px){.signal-context{gap:12px}.signal-context p{font-size:14px}.signal-orbit{width:65px;flex-shrink:0}.ui-demo-tag{font-size:8px;padding:5px}.load-ui-card,.trend-ui-card{padding:16px}.load-ui-chart{gap:6px;height:108px}.load-bar-pair{gap:2px}.load-card-heading{margin-bottom:22px}.load-chart-legend{gap:14px}.trend-ui-card{gap:20px}.trend-ui-card p{font-size:30px}}
@media(prefers-reduced-motion:reduce){.understanding-ui,.signal-cube,.intelligence-explorer.is-in-view[data-stage="understand"] .load-bar-pair i,.intelligence-explorer.is-in-view[data-stage="understand"] .trend-line{animation:none}}

/* Supporting illustration: the narrative keeps the strongest hierarchy. */
.understanding-ui{width:min(100%,430px);margin-inline:auto;gap:0}
.understanding-ui .load-ui-card{padding:24px 20px;border:0;background:transparent}
.understanding-ui .load-card-heading{margin-bottom:24px}
.understanding-ui .load-card-heading h4{font-size:11px;color:var(--text-secondary);font-weight:400}
.understanding-ui .load-card-heading>span{font-size:8px}
.understanding-ui .load-ui-chart{height:104px;gap:8px}
.understanding-ui .load-bar-pair{gap:3px}
.understanding-ui .load-bar-pair i+i{opacity:.8}
.understanding-ui .load-chart-legend{margin-top:18px;font-size:8px}
.intelligence-explorer[data-stage="understand"] .art-disclaimer{text-align:center;font-size:9px;padding-left:0;color:var(--text-secondary)}
@media(max-width:767px){.understanding-ui{width:min(100%,330px)}.understanding-ui .load-ui-card{padding:12px 0}.understanding-ui .load-ui-chart{height:86px;gap:6px}.understanding-ui .load-bar-pair{gap:2px}.intelligence-explorer[data-stage="understand"] .intelligence-artwork{min-height:190px}}

.intelligence-explorer[data-stage="understand"] .intelligence-artwork{min-height:0}

/* Two quiet product volumes and a compact staff decision tree. */
.insole-volume-art,.decision-art{max-width:430px;margin-inline:auto}
.insole-shell{fill:none;stroke:var(--text-primary);stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.insole-shell-bottom{stroke:var(--text-secondary);opacity:.38}
.insole-seam{stroke:var(--text-secondary);stroke-width:.65;opacity:.4}
.insole-sensor{fill:none;stroke:var(--accent);stroke-width:1.1}
.intelligence-explorer[data-stage="measure"] .art-disclaimer,.intelligence-explorer[data-stage="decide"] .art-disclaimer{padding-left:0;text-align:center;font-size:9px;color:var(--text-secondary)}
.decision-art .art-stroke{stroke:var(--border-strong);stroke-width:.9}
.decision-art .art-label{font-size:12px;letter-spacing:0}
.intelligence-explorer.is-in-view[data-stage="decide"] .decision-art .art-stroke path{stroke-dasharray:800;animation:decision-branch-in 1s ease both}
@keyframes decision-branch-in{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@media(max-width:767px){.insole-volume-art,.decision-art{max-width:330px}.intelligence-explorer[data-stage="measure"] .intelligence-artwork,.intelligence-explorer[data-stage="decide"] .intelligence-artwork{min-height:0}}
@media(prefers-reduced-motion:reduce){.intelligence-explorer.is-in-view[data-stage="decide"] .decision-art .art-stroke path{animation:none}}

/* A restrained orange light crosses Intelligence once every three seconds. */
.header .nav-link[href="#intelligence"] .nav-word{
  background-image:linear-gradient(105deg,currentColor 0%,currentColor 40%,#f88818 48%,#ffc180 50%,#f88818 52%,currentColor 60%,currentColor 100%);
  background-size:300% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:nav-intelligence-light 3s ease-in-out infinite;
}
@keyframes nav-intelligence-light{
  0%,12%{background-position:100% 50%}
  44%,100%{background-position:0% 50%}
}
@media(prefers-reduced-motion:reduce){
  .header .nav-link[href="#intelligence"] .nav-word{animation:none;background:none;-webkit-text-fill-color:currentColor}
}

/* The three-axis volume now supports the Measure narrative. */
.measure-cube{width:min(100%,360px);margin-inline:auto}
.measure-cube .load-wireframe{stroke:var(--text-primary)}
.measure-cube .load-axis-label{fill:var(--text-primary)}
.measure-axis-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;font-size:9px;line-height:1.5;color:var(--text-secondary);margin-top:4px}
@media(max-width:767px){.measure-cube{width:min(100%,300px)}.measure-axis-legend{font-size:8px;gap:7px 10px}}

/* Letter entrances replay when a heading re-enters the reading area. */
.h2-reveal-word{display:inline-block;white-space:nowrap}
.h2-reveal-mask{display:inline-block;overflow:clip;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.h2-reveal-letter{display:inline-block;transform:translateY(115%);opacity:0;vertical-align:top}
.is-title-visible .h2-reveal-letter{animation:h2-letter-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--letter-delay)}
@keyframes h2-letter-rise{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.h2-reveal-letter,.is-title-visible .h2-reveal-letter{animation:none;transform:none;opacity:1}}
@media print{.h2-reveal-letter{animation:none!important;transform:none!important;opacity:1!important}}


/* One active stroke: a single arrival, then colour and marker activate together. */
.application-brand-mark:not(.application-analysis-mark){opacity:.19}
.application-analysis-mark{filter:none;mix-blend-mode:normal;opacity:1;z-index:3;color:var(--analysis-color)}
.application-explorer[data-application="prevention"]{--analysis-color:#df7169}
.application-explorer[data-application="performance"]{--analysis-color:#f88818}
.application-explorer[data-application="return"]{--analysis-color:#8fbd9d}
.application-brand-bar,.application-brand-bar:nth-child(2),.application-brand-bar:nth-child(3){--bar-delay:0ms;transition:transform .6s cubic-bezier(.22,.68,0,1),opacity .35s ease}
.application-analysis-mark .analysis-bar{display:block;visibility:hidden}
.application-explorer[data-application="prevention"] .analysis-bar[data-signal="1"],
.application-explorer[data-application="performance"] .analysis-bar[data-signal="1"],
.application-explorer[data-application="return"] .analysis-bar[data-signal="2"]{visibility:visible}
.application-explorer[data-application="prevention"] .application-brand-mark:not(.application-analysis-mark) .application-brand-bar:nth-child(2),
.application-explorer[data-application="performance"] .application-brand-mark:not(.application-analysis-mark) .application-brand-bar:nth-child(2),
.application-explorer[data-application="return"] .application-brand-mark:not(.application-analysis-mark) .application-brand-bar:nth-child(3){visibility:hidden}
.application-explorer[data-application="prevention"] .application-brand-mark{top:45%;left:12%}
.application-explorer[data-application="performance"] .application-brand-mark{top:60%;left:10%}
.application-explorer[data-application="return"] .application-brand-mark{top:52%;left:15%}
.analysis-outline{fill:none;stroke:var(--analysis-color);stroke-width:.6;stroke-opacity:.42}
.analysis-base{fill:url(#analysis-local-signal);fill-opacity:.78;stroke:none}
.analysis-marker{fill:none;stroke:var(--analysis-color);stroke-width:1.1;opacity:.9;transform-box:fill-box;transform-origin:center}
.analysis-light{fill:#ffd7aa;opacity:0}
.has-mark-motion.is-visible:not(.is-switching) .analysis-base{animation:active-signal-settle .8s ease .6s both}
.has-mark-motion.is-visible:not(.is-switching) .analysis-marker{animation:active-marker-settle .8s ease .6s both}
.application-explorer[data-application="prevention"] .is-visible:not(.is-switching) .analysis-base{animation-name:active-signal-pulse}
.application-explorer[data-application="prevention"] .is-visible:not(.is-switching) .analysis-marker{animation-name:active-marker-pulse}
.application-explorer[data-application="performance"] .is-visible:not(.is-switching) .analysis-light{animation:active-local-sweep .8s ease .6s both}
.application-explorer[data-application="return"] .is-visible:not(.is-switching) .analysis-base{animation-name:active-signal-progress;transform-box:fill-box}
@keyframes active-signal-settle{from{fill-opacity:.18}to{fill-opacity:.78}}
@keyframes active-marker-settle{from{opacity:.25}to{opacity:.9}}
@keyframes active-signal-pulse{0%{fill-opacity:.18}40%{fill-opacity:1}100%{fill-opacity:.78}}
@keyframes active-marker-pulse{0%{opacity:.25;transform:scale(.9)}40%{opacity:1;transform:scale(1.12)}100%{opacity:.9;transform:scale(1)}}
@keyframes active-local-sweep{0%{opacity:0;transform:translateX(0)}25%{opacity:.4}75%{opacity:.4}100%{opacity:0;transform:translateX(65px)}}
@keyframes active-signal-progress{from{clip-path:inset(0 100% 0 0);fill-opacity:.18}to{clip-path:inset(0);fill-opacity:.78}}
.application-analysis-note{position:absolute;bottom:14px;left:16px;z-index:4;font-size:9px;letter-spacing:.025em;color:rgb(247 246 243 / 70%);pointer-events:none;text-shadow:0 1px 6px rgb(0 0 0 / 60%)}
@media(prefers-reduced-motion:reduce){.application-brand-bar{transition:none!important}.has-mark-motion.is-visible:not(.is-switching) .analysis-base,.has-mark-motion.is-visible:not(.is-switching) .analysis-marker,.has-mark-motion.is-visible:not(.is-switching) .analysis-light{animation:none!important}.analysis-light{display:none}.analysis-base{clip-path:none!important}}

/* A three-step scroll story on spacious desktops; normal accordions elsewhere. */
@media(min-width:1024px) and (min-height:740px) and (prefers-reduced-motion:no-preference){
  .applications.is-scroll-pinned{height:340svh;padding-block:0;position:relative}
  .is-scroll-pinned .applications-pin{position:sticky;top:0;height:100svh;padding-block:100px 30px;display:flex;flex-direction:column;justify-content:center;gap:28px}
  .is-scroll-pinned .applications-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:0}
  .is-scroll-pinned .applications-heading h2{margin:0}
  .is-scroll-pinned .section-intro{font-size:16px;line-height:1.5;justify-self:start}
  .is-scroll-pinned .application-explorer{gap:64px;align-items:center}
  .is-scroll-pinned .athlete-image-frame{height:min(54svh,560px);aspect-ratio:auto}
  .is-scroll-pinned .application-select{padding-block:19px;font-size:clamp(23px,2vw,29px)}
  .is-scroll-pinned .application-detail{padding:0 24px 22px 0}
  .is-scroll-pinned .application-detail>p:first-child{font-size:21px;margin-bottom:12px}
  .is-scroll-pinned .application-detail>p:nth-child(2){font-size:14px;line-height:1.55}
  .is-scroll-pinned .application-focus{margin-top:18px;font-size:10px}
  .is-scroll-pinned .application-detail .editorial-link{margin-top:18px}
}

/* A discreet scroll cue tracks the whole three-application sequence. */
.application-scroll-progress{display:none}
.is-scroll-pinned .applications-heading{display:block}
.is-scroll-pinned .application-scroll-progress{display:block;position:absolute;left:18px;right:18px;bottom:12px;height:3px;background:rgb(247 246 243 / 24%);z-index:5;pointer-events:none;overflow:hidden}
.application-scroll-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--application-progress,0));transform-origin:left center}
.application-scroll-progress::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent calc(33.333% - 1px),rgb(11 10 9 / 65%) calc(33.333% - 1px),rgb(11 10 9 / 65%) calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),rgb(11 10 9 / 65%) calc(66.666% - 1px),rgb(11 10 9 / 65%) calc(66.666% + 1px),transparent calc(66.666% + 1px))}
.is-scroll-pinned .application-analysis-note{bottom:25px;left:18px}

/* Editorial captions suggest the use behind each training image. */
.gallery-photo{position:relative}
.gallery-use-tag{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 76px);padding:8px 11px;border:1px solid rgb(247 246 243 / 20%);border-radius:2px;background:rgb(11 10 9 / 65%);color:#f7f6f3;font-size:11px;font-weight:450;line-height:1.4;letter-spacing:.01em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
.gallery-use-tag::before{content:'';flex:0 0 4px;width:4px;height:4px;background:var(--accent);border-radius:50%}
@media(max-width:767px){.gallery-use-tag{top:12px;left:12px;padding:7px 9px;font-size:10px;gap:7px}}