.home-hero{--hero-bg:#243B68;--pointer-x:0px;--pointer-y:0px;background:var(--hero-bg);color:#E2E8F0;position:relative;isolation:isolate;overflow:hidden}
.hero-inner{position:relative;z-index:1;padding-block:36px 28px}
.hero-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:center;min-height:260px}
.hero-copy{position:relative;z-index:2;padding-block:12px}
.hero-copy h1{font-size:52px;line-height:1.3;font-weight:700;letter-spacing:0;color:#FFFFFF;margin:0 0 20px;max-width:13em}
.hero-copy h1 span{display:inline}
.hero-statement{font-size:21px;line-height:1.6;font-weight:600;color:#FFFFFF;margin-bottom:12px}
.hero-description{font-size:17px;line-height:1.9;color:#D7E1F0;max-width:36em}
.home-hero a:focus-visible{outline:3px solid #BFDBFE;outline-offset:4px}
.hero-visual{height:250px;position:relative;margin:0 16px 0 10px}
.hero-blue-slab{position:absolute;inset:-12px 12px 8px 56px;background:#1D4ED8;transform:skewX(-14deg)}
.hero-sport-photo{position:absolute;inset:14px 0 0;clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);background:#193F39}
.hero-sport-photo picture,.hero-sport-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 55%}
.hero-visual-rule{position:absolute;bottom:-14px;left:35px;width:92px;height:4px;background:#A7D8CC;transform:skewX(-14deg)}
.hero-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.hero-shortcuts>a{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#304A79;padding:18px 22px;border:1px solid #52678C;border-radius:4px;min-height:90px;color:#FFFFFF;transition:background-color 200ms,border-color 200ms,transform 200ms}
.hero-shortcuts strong{display:block;font-size:17px;line-height:1.5;font-weight:600}
.hero-shortcuts small{display:block;font-size:14px;line-height:1.6;color:#D7E1F0;margin-top:4px}
.hero-link-arrow{font-size:24px;line-height:1;transition:transform 200ms}
.hero-shortcuts>a:hover{background:#3A5789;border-color:#A5B8D8;transform:translateY(-2px);color:#FFFFFF}.hero-shortcuts>a:hover .hero-link-arrow{transform:translateX(3px)}
.hero-shortcuts>a:active{transform:translateY(0)}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;color:#9BB5DE}
.hero-atmosphere>[data-depth]{position:absolute;opacity:.16;transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0) rotate(var(--tilt,0deg));transition:transform 260ms ease-out}
.hero-orbit{border:1px solid currentColor;border-radius:50%;width:115px;height:115px}.hero-orbit:before{content:'';position:absolute;inset:9% 28%;border:1px solid currentColor;border-radius:50%}.hero-orbit:after{content:'';position:absolute;left:0;right:0;top:49%;border-top:1px solid currentColor;transform:rotate(-25deg)}
.orbit-one{left:2%;top:30px;--tilt:-15deg}.orbit-two{right:3%;bottom:28px;width:84px;height:84px;--tilt:20deg}
.hero-court{width:174px;height:116px;left:48%;top:24px;stroke:currentColor;stroke-width:1.2;--tilt:-18deg}
.hero-cross{width:28px;height:28px;right:13%;top:20px;--tilt:15deg}.hero-cross:before,.hero-cross:after{content:'';position:absolute;background:currentColor;left:50%;top:0;width:1px;height:100%}.hero-cross:after{transform:rotate(90deg)}
@media(max-width:1200px){.hero-main{gap:24px}.hero-copy h1{font-size:46px}.hero-statement{font-size:19px}.hero-description{font-size:16px}.hero-desktop-break{display:none}.hero-shortcuts>a{padding:16px}.hero-shortcuts strong{font-size:16px}.hero-visual{height:270px}}
@media(max-width:960px){.hero-inner{padding-block:32px 28px}.hero-main{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.hero-copy h1{font-size:38px;margin-bottom:16px}.hero-statement{font-size:17px}.hero-visual{height:245px;margin-inline:0}.hero-description{font-size:16px}.hero-shortcuts{gap:12px;margin-top:24px}.hero-shortcuts>a{gap:12px;padding:14px;min-height:96px}.hero-shortcuts small{font-size:13px}.hero-link-arrow{font-size:21px}.hero-court{left:43%}}
@media(max-width:640px){.hero-inner{padding-block:26px 24px}.hero-main{grid-template-columns:1fr;gap:20px;min-height:0}.hero-copy{padding:0}.hero-copy h1{font-size:32px;line-height:1.35;margin-bottom:14px}.hero-copy h1 span{display:inline}.hero-statement{font-size:17px;margin-bottom:10px}.hero-description{font-size:16px;line-height:1.8}.hero-editorial-link{margin-top:6px}.hero-visual{height:150px;margin:0 14px 0 10px}.hero-blue-slab{inset:-5px 16px 6px 32px}.hero-sport-photo{inset:6px 0 0}.hero-sport-photo img{object-position:50% 60%}.hero-visual-rule{bottom:-8px;width:64px}.hero-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.hero-shortcuts>a{position:relative;min-height:76px;padding:12px 10px;gap:0}.hero-shortcuts strong>span{display:block}.hero-shortcuts .hero-link-arrow{position:absolute;right:10px;top:13px;font-size:18px}.hero-shortcuts small{display:none}.hero-shortcuts strong{font-size:15px;line-height:1.7}.hero-shortcuts>a:hover{background:#3A5789;transform:none}.hero-court{left:auto;right:-24px;top:28px;width:140px}.orbit-one{left:-45px;top:230px}.orbit-two{right:-26px;bottom:25px}.hero-cross{display:none}}
@media(max-width:360px){.hero-copy h1{font-size:30px}.hero-statement{font-size:16px}.hero-visual{height:132px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere>[data-depth],.hero-shortcuts>a,.hero-link-arrow{transition:none;transform:none!important}}