/* A floor-level campaign, framed fully within the opening viewport. */
.training-hero{--scene-height:min(740px,calc(100svh - 125px));height:var(--scene-height);background:#222625}
.training-photo,.hotspots{width:min(100%,calc(var(--scene-height) * 1.77778));height:100%;left:50%;right:auto;transform:translateX(-50%);top:0}
.training-photo{object-fit:fill}
.training-shade{background:linear-gradient(90deg,#222625b8,transparent 40%,transparent 85%,#22262555);pointer-events:none}
.training-copy{top:7%;left:5.5%}
.training-copy h1{font-size:clamp(48px,4.7vw,74px);margin:15px 0;line-height:.9}
.training-copy>p:first-child{font-size:9px;letter-spacing:2px}
.training-intro{display:none}
.training-copy .hero-explore{margin-top:4px;padding:13px 19px}
.spot-hint{left:50%;transform:translateX(-50%);white-space:nowrap;bottom:16px;top:auto}
.spot>span{width:36px;height:36px;font-size:23px;box-shadow:0 0 0 7px #ffffff22}
@media(max-width:700px){
 .training-hero{height:calc(380px + 56.25vw);--scene-height:auto}
 .training-copy{top:24px;left:7%}
 .training-copy h1{font-size:60px}
 .training-photo,.hotspots{top:220px;width:100%;height:auto;aspect-ratio:16/9;left:0;transform:none}
 .training-shade{background:none}
 .spot-hint{top:calc(235px + 56.25vw);bottom:auto;font-size:7px}
 .mobile-product-links{top:calc(265px + 56.25vw)}
 .spot>span{width:28px;height:28px;font-size:20px;box-shadow:0 0 0 5px #ffffff22}
}
.spot-0{left:28%;top:56%}.spot-1{left:45%;top:67%}.spot-2{left:59%;top:69%}.spot-3{left:73%;top:57%}

.training-hero{height:auto;aspect-ratio:1914/822;max-height:calc(100svh - 125px)}.training-photo,.hotspots{width:100%;height:100%;left:0;right:0;top:0;transform:none;aspect-ratio:auto}.training-photo{object-fit:fill}.training-shade{background:linear-gradient(90deg,#0003,transparent 37%)}.training-copy{top:7%;left:4%}.training-copy h1{font-size:clamp(45px,4.4vw,72px)}.spot-0{left:31%;top:55%}.spot-1{left:43%;top:66%}.spot-2{left:54%;top:69%}.spot-3{left:64%;top:56%}@media(max-width:700px){.training-hero{height:calc(370px + 42.95vw);aspect-ratio:auto;max-height:none}.training-photo,.hotspots{top:220px;height:auto;aspect-ratio:1914/822}.training-copy{top:24px;left:7%}.training-copy h1{font-size:56px}.training-shade{background:none}.spot-hint{top:calc(235px + 42.95vw)}.mobile-product-links{top:calc(265px + 42.95vw)}}

.spot-0{left:33%;top:55%}.spot-1{left:45.5%;top:66%}.spot-2{left:56%;top:69%}.spot-3{left:66%;top:56%}
.real-product>div{height:auto;aspect-ratio:1;background:#fff}.real-product img{display:block;width:100%;height:100%;object-fit:contain}.detail-photo{background:#fff;padding:0;overflow:hidden}.detail-photo img{display:block;max-height:none;aspect-ratio:1;object-fit:contain}
.shipping-announcement{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;background:#101214;color:#f5f5f3;font-size:11px;letter-spacing:.3px;padding:11px 20px;text-align:center}.shipping-announcement>strong{color:#ff7138}.shipping-announcement span{color:inherit}.shipping-announcement .shipping-dot{color:#ff7138}@media(max-width:480px){.shipping-announcement{font-size:10px;gap:5px 10px}}

.real-products{row-gap:44px}.real-product{min-width:0}.real-product h3{line-height:1.15}.real-product img{transition:transform .4s ease}.real-product:hover img{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.real-product img{transition:none}}

/* Preserve the native panorama proportions instead of stretching to viewport height. */
@media(min-width:701px){.training-hero{min-height:0;max-height:none;height:auto;aspect-ratio:1913/822}}