:root{--ink:#17384a;--paper:#f6f7f3;--gold:#e6be48;--muted:#5d7890;--line:#d9e1e5;--font:"Segoe UI",Arial,sans-serif;--display:Georgia,"Times New Roman",serif;font-family:var(--font);color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8b691e;outline-offset:4px}.skip{position:fixed;left:16px;top:-90px;z-index:9;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px}.brand-header{height:110px;display:flex;align-items:center;gap:28px;padding:14px 4.7%;max-width:1700px;margin:auto;position:relative;z-index:2}.brand{display:block;flex-shrink:0}.brand-name{font:52px/1 var(--display);letter-spacing:-2.4px;white-space:nowrap;color:#102c46}.brand-name>span{color:#c18b2b}.brand small{display:block;color:#637f96;font-size:11px;font-weight:600;letter-spacing:2.15px;margin-top:12px}.brand-header nav{display:flex;gap:26px;margin-left:auto;align-items:center}.brand-header nav a{display:flex;align-items:center;min-height:44px;font-size:15px;position:relative}.brand-header nav a[aria-current]:after{position:absolute;content:"";height:2px;bottom:2px;left:0;right:0;background:#d3a43b}.header-actions{display:flex;align-items:center;gap:13px}.language{display:flex;align-items:center;gap:3px;white-space:nowrap}.language button{background:transparent;border:0;color:#5d7890;padding:10px 2px;min-height:44px;font-size:12px}.language button[aria-pressed=true]{color:#17384a;font-weight:650}.search-button{width:27px;height:44px;padding:2px;border:0;background:none;color:#17384a}.search-button svg{stroke:currentColor;stroke-width:1.8;fill:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 27px;border-radius:30px;font-size:15px;font-weight:600;gap:24px;line-height:1.35}.cta{background:#e6be48;color:#163247;border:1px solid #e6be48}.cta:hover{background:#dfb139;text-decoration:none}.outline{background:#ffffff70;color:#17384a;border:1px solid #8fa9bb}.header-cta{padding-inline:24px;white-space:nowrap}.brand-hero{position:relative;isolation:isolate;min-height:445px;padding:37px 4.7% 28px;max-width:1700px;margin:auto;background:radial-gradient(ellipse at 55% 55%,#dce9ee55,transparent 65%)}.hero-copy{position:relative;z-index:1;width:47%;max-width:660px}.eyebrow{font-size:12px;line-height:1.55;letter-spacing:1.3px;font-weight:650;color:#17384a;margin:0 0 13px}.hero-copy h1{font:400 clamp(56px,4.05vw,68px)/1.03 var(--display);letter-spacing:-1.9px;margin:0 0 18px;color:#102c46}.hero-copy h1 span{display:block;white-space:nowrap}.hero-copy h1 .gold-line{color:#bb8429}.hero-intro{font-size:18px;line-height:1.5;max-width:465px;color:#5e7e98;margin:0 0 25px}.hero-buttons{display:flex;gap:15px}.hero-scene{position:absolute;z-index:0;right:0;top:-6px;bottom:0;width:63%;pointer-events:none}.hero-scene img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:none;opacity:1}.course-grid{max-width:1700px;margin:0 auto;padding:10px 2.3% 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;scroll-margin-top:20px}.course-card{display:flex;flex-direction:column;background:linear-gradient(140deg,#f2f2ee,#f8f8f4);border-radius:17px;overflow:hidden;position:relative;min-width:0;padding:0 12px 12px;min-height:260px}.course-card>img{width:calc(100% + 24px);max-width:none;height:118px;object-fit:cover;object-position:center;margin:0 -12px 11px;filter:none}.course-card h2{font:600 20px/1.08 var(--display);letter-spacing:-.65px;min-height:43px;margin:0 0 8px;color:#17384a}.course-card p{font-size:14px;line-height:1.4;margin:0;color:#5b7a93}.arrow{display:block;font-size:23px;color:#b38022;margin-top:auto;padding-top:10px;line-height:1}.course-card:hover{background:#edf1f1}.athle-home footer{max-width:1620px;margin:22px auto 0;padding:18px 3%;display:flex;align-items:center;gap:22px;border-top:1px solid #e2e6e6;color:#647d90;font-size:11px;scroll-margin-top:20px}.athle-home footer p{max-width:720px;margin:0}.athle-home dialog{width:calc(100% - 32px);max-width:520px;background:#f6f7f3;color:#17384a;border:1px solid #d0dae1;border-radius:18px;padding:32px}.athle-home dialog::backdrop{background:#17384a80}.athle-home dialog h2{font-size:27px;margin:0 0 20px}.close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:30px;color:var(--ink)}#topic-search{display:block;width:100%;padding:12px;border:1px solid #a5b9c6;background:white;border-radius:8px;margin:12px 0}#search-results{list-style:none;padding:0}#search-results a{display:block;min-height:44px;padding:11px;border-bottom:1px solid var(--line)}#search-results a:hover{background:#e8edf1}[lang=fr] .hero-copy h1{font-size:clamp(48px,3.55vw,61px)}
@media(max-width:1250px){.brand-header{padding-inline:4%;gap:20px}.brand-name{font-size:43px}.brand small{font-size:9px;letter-spacing:1.75px}.brand-header nav{gap:20px}.header-actions{gap:10px}.header-cta{padding-inline:17px}.hero-copy{width:49%}.hero-intro{font-size:17px;max-width:425px}.hero-copy h1{font-size:4.2vw}.course-grid{gap:10px}.course-card{padding-inline:10px;min-height:256px}.course-card>img{width:calc(100% + 20px);margin-inline:-10px;height:103px}.course-card h2{font-size:18px;letter-spacing:-.5px}.course-card p{font-size:13px}}
@media(max-width:1050px){.brand-header{height:auto;flex-wrap:wrap;justify-content:space-between;padding:18px 4% 10px;gap:10px}.brand-header nav{order:3;margin:8px 0 0;flex-basis:100%;justify-content:space-between;max-width:460px}.brand-hero{min-height:390px;padding-top:26px}.hero-copy h1{font-size:4.3vw}.hero-intro{font-size:16px}.hero-copy .eyebrow{font-size:10px}.hero-scene{width:62%}.course-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:3%;gap:14px}.course-card{min-height:245px}.course-card>img{height:125px;object-fit:contain}.course-card h2{font-size:21px;min-height:24px}.course-card p{font-size:14px}.athle-home footer{flex-wrap:wrap}}
@media(max-width:760px){.brand-header{padding:18px 18px 4px;gap:10px}.brand-name{font-size:37px;letter-spacing:-1.7px}.brand small{font-size:7px;letter-spacing:1.2px;margin-top:7px}.brand-header nav{margin:4px 0 0;max-width:none;gap:12px}.brand-header nav a{font-size:14px;min-height:44px}.header-actions{gap:10px}.header-cta{display:none}.language button{font-size:12px;padding-inline:1px}.search-button{width:23px}.brand-hero{min-height:0;padding:27px 20px 0;display:flex;flex-direction:column}.hero-copy{width:100%;max-width:none}.hero-copy h1{font-size:clamp(34px,9.3vw,44px);line-height:1.06;letter-spacing:-1px;margin-bottom:19px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:13px}.hero-intro{font-size:16px;line-height:1.55;max-width:450px;margin-bottom:23px}.hero-buttons{gap:12px}.button{padding:12px 23px;min-height:48px;font-size:15px;gap:18px}.hero-scene{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:1027/536;margin:6px -20px 0}.hero-scene img{object-fit:contain;object-position:center bottom}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px;gap:12px}.course-card{padding:0 14px 14px;min-height:265px}.course-card>img{width:calc(100% + 28px);height:125px;object-fit:cover;margin:0 -14px 12px}.course-card h2{font-size:20px;line-height:1.12;letter-spacing:-.4px;min-height:44px;margin-bottom:8px}.course-card p{font-size:14px}.arrow{padding-top:11px}.athle-home footer{font-size:11px;gap:12px;margin-inline:14px;padding:20px 0}.athle-home footer p{flex-basis:100%}[lang=fr] .hero-copy h1{font-size:clamp(30px,8.1vw,40px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Independent masthead backdrop: same artwork scale, extended under the header. */
.athle-home{position:relative;isolation:isolate}
.athle-home::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:74px;right:max(0px,calc((100% - 1700px)/2));width:min(63%,1071px);height:451px;background:url('assets/athlescope-home-scene.png') right bottom / contain no-repeat;mask-image:linear-gradient(to right,transparent,#000 12%),linear-gradient(to bottom,transparent,#000 6% 94%,transparent),linear-gradient(to left,transparent,#000 1.5%);mask-composite:intersect}
.athle-home::after{content:"";position:absolute;z-index:-2;pointer-events:none;top:0;left:50%;transform:translateX(-50%);width:min(100%,1700px);height:555px;background:radial-gradient(ellipse at 76% 30%,#dce9ee55,transparent 68%)}
.athle-home .brand-hero{background:none;isolation:auto}
.athle-home .hero-scene{visibility:hidden}
@media(max-width:1050px) and (min-width:761px){.athle-home::before{width:62%;height:396px;top:118px}.athle-home::after{height:540px}}
@media(max-width:760px){.athle-home::before,.athle-home::after{display:none}.athle-home .hero-scene{visibility:visible}.athle-home .hero-scene img{mask-image:linear-gradient(to bottom,transparent,#000 6% 94%,transparent),linear-gradient(to right,transparent,#000 4% 97%,transparent);mask-composite:intersect}}
/* Carry the same approved blue-grey paper treatment through the full masthead. */
.athle-home::after{background:radial-gradient(ellipse at 100% 4%,#17384a33,transparent 67%),radial-gradient(ellipse at 76% 30%,#dce9ee99,transparent 68%)}
@media(max-width:760px){.athle-home .hero-scene::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-20px 0 -10px;background:radial-gradient(ellipse at 80% 45%,#dce9ee55,transparent 70%)}}