.court-hero{--court-surface:linear-gradient(180deg,transparent 65%,#f1f6fe 100%),linear-gradient(110deg,#dceefa 0%,#eef7fc 46%,#fff 82%);padding:0;background:#f1f6fe;color:#102e63;overflow:hidden;isolation:isolate}
.court-stage{display:grid;position:relative;max-width:1600px;margin:auto}
.court-slide{grid-area:1/1;display:grid;position:relative;background:var(--court-surface);min-height:clamp(620px,51vw,780px);min-width:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none}
.court-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.court-copy{position:relative;z-index:2;width:57%;padding:64px 0 80px clamp(28px,6vw,90px);align-self:center;min-width:0}
.court-eyebrow{font-size:.875rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#216787;margin:0 0 26px}
.court-copy h1,.court-copy h2{font-size:clamp(2.8rem,5.4vw,5.4rem);letter-spacing:-.05em;line-height:1.02;font-weight:750;margin:0 0 26px;color:#102e63;text-wrap:balance}
.court-copy>p:not(.court-eyebrow){font-size:1.0625rem;line-height:1.7;max-width:38ch;color:#435c78;margin:0 0 30px}
.court-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.court-actions .btn{background:linear-gradient(120deg,#1c5288,#237b9b);color:white;border:1px solid transparent;border-radius:4px;padding:15px 22px}
.court-actions .btn:hover{background:#184b78}
.court-text-link{color:#102e63;text-decoration:underline;text-underline-offset:6px;font-weight:600;font-size:1rem;padding:12px 0}
.court-photo{position:absolute;inset:12px 0 0 auto;width:61%;margin:0;min-width:0;overflow:hidden;pointer-events:none;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 87%,transparent 100%)}
.court-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:75% center;filter:brightness(1.02)}
.court-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:10px clamp(28px,6vw,90px) 32px;background:transparent;border:0}
.court-caption{font-size:.875rem;line-height:1.5;margin:0;color:#435c78}
.court-caption strong{color:#102e63;font-weight:700}
.court-hero + #products{background:linear-gradient(180deg,#f1f6fe 0%,rgba(241,246,254,0) 360px)}
.court-controls{display:none;align-items:center;gap:12px;flex-shrink:0}
.court-hero.is-ready .court-controls{display:flex}
.court-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #a8c5d9;border-radius:50%;background:#ffffff80;color:#102e63;font:inherit;cursor:pointer}
.court-controls button:hover{background:#dceefa}
.court-controls .court-dot{border:0;min-width:28px;width:28px;position:relative}
.court-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:#91aabd;transition:transform .25s,background .25s}
.court-dot[aria-current="true"]::before{background:#237b9b;transform:scale(1.4)}
.court-controls .court-toggle{border-radius:4px;padding:0 12px;font-size:.875rem;min-width:70px}
.court-hero a:focus-visible,.court-hero button:focus-visible{outline:3px solid #237b9b;outline-offset:5px}
.court-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px) and (min-width:761px){.court-copy{width:53%;padding-left:32px}.court-copy h1,.court-copy h2{font-size:4.8vw}.court-copy>p:not(.court-eyebrow){max-width:31ch}.court-photo{width:56%}}
@media(max-width:760px){.court-hero{background:linear-gradient(180deg,#eef7fc 0%,#e5f2fa 62%,#f1f6fe 100%)}.court-slide{min-height:0;--court-image-height:clamp(350px,95vw,490px)}.court-photo{inset:0 0 auto;width:100%;height:var(--court-image-height);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}.court-photo img{object-position:75% top}.court-copy{width:100%;padding:calc(var(--court-image-height) - 20px) 24px 30px;align-self:start}.court-copy h1,.court-copy h2{font-size:clamp(2.7rem,9vw,4rem);margin-bottom:20px;max-width:13ch}.court-copy h1 br,.court-copy h2 br{display:none}.court-eyebrow{margin-bottom:18px;max-width:32ch}.court-copy>p:not(.court-eyebrow){margin-bottom:22px;max-width:45ch}.court-footer{padding:12px 24px 24px;flex-wrap:wrap;gap:12px}.court-caption{flex-basis:100%}.court-controls{width:100%;justify-content:center}}
@media(max-width:760px){.court-photo img{object-position:center top}}
@media(prefers-reduced-motion:reduce){.court-slide,.court-dot::before{transition:none}}