/* Court photograph, real product capture, and one conversation: three deliberate layers. */
.layered-hero{display:block;padding:0;min-height:0;overflow:clip;background:#091e2e}
.layered-hero:before{display:none}
.hero-court{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-court img{width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:.92}
.hero-court:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091e2ef2 0%,#091e2edd 35%,#091e2e4d 72%,#091e2e38),linear-gradient(0deg,#091e2e 0%,transparent 38%,#091e2e40 100%)}
.hero-composition{display:grid;grid-template-columns:1.08fr 1fr;gap:30px;align-items:center;min-height:720px;padding-block:62px 38px}
.layered-hero .immersive-copy{position:relative;padding-bottom:38px}
.layered-hero .immersive-copy .eyebrow{color:var(--brand-jade);font-size:.69rem;letter-spacing:.15em;margin-bottom:30px}
.layered-hero .immersive-copy h1{font-size:clamp(3.5rem,6.7vw,6.3rem);letter-spacing:-.055em;line-height:1.02;max-width:650px}
.layered-hero .immersive-copy h1 em{white-space:nowrap;color:var(--brand-jade)}
.layered-hero .intro{color:#d0dbe0;max-width:390px;font-size:1rem;line-height:1.8;margin-top:29px}
.layered-hero .hero-footnote{color:#bdcbd1}
.layered-hero .immersive-stage{height:615px;width:100%;max-width:550px;margin-inline:auto}
.hero-device-label{position:absolute;top:0;left:20%;right:8%;display:flex;justify-content:space-between;color:#d3e0dc;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.layered-hero .immersive-stage>.device{width:255px;left:24%;top:39px;transform:rotateY(-12deg) rotateZ(5deg);box-shadow:28px 34px 65px #0008;border-radius:35px}
.hero-insight{position:absolute;z-index:4;bottom:62px;left:-1%;width:266px;padding:24px 26px;background:#f1f3ec;color:#1b3932;border:1px solid #ffffffe0;border-radius:4px;box-shadow:0 18px 45px #001a2380;backdrop-filter:blur(24px)}
.insight-kicker{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#3e5b50;margin-bottom:15px;font-weight:600}
.insight-quote{font:400 1.6rem/1.2 var(--serif);letter-spacing:-.025em}
.insight-caption{font-size:.63rem;color:#3e5b50;margin-top:18px}
.layered-hero .stage-caption{bottom:-14px;color:#c1d0d5;font-size:.65rem}
.hero-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px 27px;color:#bdccd2;font-size:.7rem;letter-spacing:.025em}
@media(min-width:1500px){.hero-composition{min-height:780px;padding-top:80px}.layered-hero .immersive-stage{height:650px}.layered-hero .immersive-stage>.device{width:270px}}
@media(max-width:1100px){.hero-composition{min-height:670px;gap:20px}.layered-hero .immersive-stage{height:550px}.layered-hero .immersive-stage>.device{width:220px;left:25%}.hero-insight{width:235px;padding:21px;bottom:35px;left:0}.insight-quote{font-size:1.4rem}.layered-hero .stage-caption{bottom:-25px}}
@media(max-width:820px){.hero-composition{grid-template-columns:1fr;padding-block:48px 28px;gap:10px}.layered-hero .immersive-copy{padding-bottom:20px}.layered-hero .immersive-copy h1{font-size:clamp(3.5rem,9.8vw,5.8rem)}.layered-hero .intro{max-width:470px}.hero-court:after{background:linear-gradient(180deg,#091e2ef5 0%,#091e2ee6 37%,#091e2e30 70%,#091e2e 100%)}.layered-hero .immersive-stage{max-width:460px;height:585px}.layered-hero .immersive-stage>.device{width:235px;left:31%}.hero-device-label{left:31%;right:6%}.hero-insight{left:1%;bottom:58px;width:250px}.layered-hero .stage-caption{bottom:-8px}.hero-scene-footer{padding-block:20px 25px}}
@media(max-width:600px){.hero-composition{padding-top:39px;gap:20px}.layered-hero .immersive-copy .eyebrow{font-size:.59rem;letter-spacing:.11em;margin-bottom:23px}.layered-hero .immersive-copy h1{font-size:clamp(2.85rem,11.4vw,4.7rem)}.layered-hero .intro{font-size:.94rem;line-height:1.75;margin-top:22px;margin-bottom:24px}.layered-hero .immersive-stage{height:515px}.layered-hero .immersive-stage>.device{width:205px;left:auto;right:7%;top:31px;transform:rotateZ(3deg)}.hero-device-label{left:17%;right:7%;font-size:.58rem}.hero-insight{width:226px;left:0;bottom:38px;padding:20px}.insight-quote{font-size:1.4rem}.insight-caption{font-size:.6rem}.layered-hero .stage-caption{bottom:-8px;font-size:.6rem}.hero-scene-footer{flex-wrap:wrap;gap:10px;padding-top:8px;font-size:.64rem}.hero-court img{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.layered-hero .immersive-stage>.device{transform:none}}

/* Preserve the full court geometry in the academy image at every width. */
.immersive .academy-hard-court{height:auto;align-self:center;background:#102c38}
.immersive .academy-hard-court>img{width:100%;height:auto;object-fit:contain}
.immersive .academy-hard-court:after{display:none}
.immersive .academy-hard-court p{position:static;padding:21px 26px;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.45}