.training-hero{position:relative;min-height:640px;height:min(800px,calc(100svh - 115px));isolation:isolate;overflow:hidden;background:#171a19;color:#fff}.training-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.training-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent 64%)}.training-copy{position:absolute;left:6%;top:9%;z-index:2}.training-copy>p:first-child{font-size:10px;letter-spacing:2px}.training-copy h1{font:900 clamp(65px,6.8vw,112px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:25px 0}.training-copy h1 span{color:#ff642a}.training-intro{font-size:14px;line-height:1.7;color:#ecebe6}.hero-explore{display:inline-block;margin-top:18px;padding:16px 21px;background:#fff;color:#171a19;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.5px}.hotspots{position:absolute;inset:0}.spot{position:absolute;z-index:3;display:flex;align-items:center;flex-direction:column;gap:12px}.spot>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:white;color:#171a19;font:26px Arial;box-shadow:0 0 0 9px #ffffff29;transition:transform .2s}.spot:hover>span,.spot:focus-visible>span{transform:scale(1.13);background:#ff642a}.spot b{font:600 10px Arial;letter-spacing:.5px;white-space:nowrap;background:#171a19e6;padding:10px;border-radius:4px;opacity:0;transition:opacity .2s}.spot:hover b,.spot:focus-visible b{opacity:1}.spot-0{left:40%;top:66%}.spot-1{left:55%;top:74%}.spot-2{left:68%;top:74%}.spot-3{left:82%;top:66%}.spot-hint{position:absolute;bottom:15px;left:6%;font-size:8px;letter-spacing:1.5px;color:#eeede5}.mobile-product-links{display:none}.real-products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}.real-product>div{height:280px;background:#eae6de;overflow:hidden;border-radius:6px}.real-product img{width:100%;height:100%;object-fit:contain}.real-product small{display:block;margin-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.real-product h3{font-size:22px;margin:8px 0}.real-product h3 span{float:right;color:#d65325}.detail-page{margin:0;background:#f9f5e9;color:#292419;font-family:Arial,sans-serif}.back{display:block;padding:30px 6%;color:inherit;text-decoration:none}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1050px;margin:50px auto;padding:0 6%;align-items:center}.detail-photo{background:#eae5dc;border-radius:8px;padding:30px}.detail-photo img{width:100%;max-height:510px;object-fit:contain}.detail-kicker{font-size:12px;text-transform:uppercase;letter-spacing:2px}.detail-layout h1{font-size:clamp(35px,5vw,65px);line-height:1;margin:20px 0}.availability{display:inline-block;padding:10px 15px;background:#f2d7c7;border-radius:25px;margin-top:20px;font-size:13px}.detail-note{font-size:13px;line-height:1.7;color:#71685e}.detail-button{display:inline-block;background:#292419;color:white;padding:17px 22px;text-decoration:none;margin-top:20px;border-radius:4px}@media(max-width:700px){.training-hero{height:auto;min-height:850px}.training-photo{height:700px;object-position:64% center}.training-copy{left:7%;top:40px}.training-copy h1{font-size:72px}.training-shade{background:linear-gradient(180deg,#0009,transparent 70%)}.training-intro{font-size:12px}.hotspots{height:700px}.spot-0{left:13%;top:68%}.spot-1{left:37%;top:76%}.spot-2{left:61%;top:76%}.spot-3{left:83%;top:68%}.spot>span{width:36px;height:36px}.spot b{display:none}.spot-hint{top:665px;bottom:auto;left:7%;font-size:7px}.mobile-product-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;position:absolute;top:710px;left:5%;right:5%}.mobile-product-links a{padding:18px 10px;font-size:10px;border-bottom:1px solid #ffffff30}.mobile-product-links span{float:right;color:#ff642a}.real-products{grid-template-columns:1fr 1fr;gap:15px}.real-product>div{height:210px}.real-product h3{font-size:18px}.detail-layout{grid-template-columns:1fr;margin:10px auto 50px;gap:30px}.detail-photo img{max-height:350px}}@media(prefers-reduced-motion:reduce){.spot>span{transition:none}}
.training-hero{height:auto;min-height:0;aspect-ratio:16/9}.training-photo{object-fit:fill}.training-copy{top:5%;left:6%}.training-copy h1{font-size:clamp(50px,5vw,82px);margin:12px 0}.training-intro{display:none}.hero-explore{margin-top:0;padding:12px 18px}.spot-0{left:23%;top:54%}.spot-1{left:43%;top:66%}.spot-2{left:62%;top:68%}.spot-3{left:81%;top:55%}@media(max-width:700px){.training-hero{aspect-ratio:auto;height:750px}.training-photo{top:285px;height:auto;width:100%;aspect-ratio:16/9}.training-copy{top:30px}.training-copy h1{font-size:68px}.training-shade{background:none}.hotspots{top:285px;height:auto;aspect-ratio:16/9}.spot-0{left:20%;top:50%}.spot-1{left:40%;top:63%}.spot-2{left:59%;top:65%}.spot-3{left:79%;top:53%}.spot>span{width:32px;height:32px;font-size:22px}.spot-hint{top:550px}.mobile-product-links{top:585px}}

/* Compact scene: image and hotspots share a proportional canvas. */
.training-hero{--scene-height:min(690px,calc(100svh - 125px));height:var(--scene-height);min-height:0;aspect-ratio:auto;background:#292b29}.training-photo,.hotspots{width:min(100%,calc(var(--scene-height) * 1.77778));height:100%;left:auto;right:0;top:0;bottom:auto;aspect-ratio:16/9}.training-photo{object-fit:fill}.training-shade{background:linear-gradient(90deg,#292b29 0%,#292b29d9 20%,transparent 55%)}.training-copy{top:20%;left:5%}.training-copy h1{font-size:clamp(55px,5.4vw,88px);margin:20px 0}.training-intro{display:block}.spot{transform:translateX(-50%)}.spot-0{left:45%;top:49%}.spot-1{left:59%;top:60%}.spot-2{left:73%;top:62%}.spot-3{left:87%;top:51%}.spot-hint{bottom:22px}.training-copy .hero-explore{margin-top:15px}@media(max-width:700px){.training-hero{height:calc(410px + 56.25vw);--scene-height:auto}.training-copy{top:25px;left:7%}.training-copy h1{font-size:58px;margin:14px 0}.training-intro{display:none}.training-photo,.hotspots{top:245px;width:100%;height:auto;aspect-ratio:16/9;right:0;bottom:auto}.training-shade{background:none}.spot-hint{top:calc(260px + 56.25vw);bottom:auto}.mobile-product-links{top:calc(290px + 56.25vw)}.spot-0{left:45%;top:49%}.spot-1{left:59%;top:60%}.spot-2{left:73%;top:62%}.spot-3{left:87%;top:51%}.spot>span{width:28px;height:28px;font-size:20px;box-shadow:0 0 0 5px #ffffff29}}

.detail-photo{padding:0;background:#fff;overflow:hidden}.detail-photo img{display:block;max-height:none;width:100%;aspect-ratio:1;object-fit:contain}
.delivery-benefits{margin-top:25px;padding:15px 18px;border:1px solid #29241922;border-radius:6px;background:#f2ede2}.delivery-benefits p{margin:4px 0;font-size:13px;line-height:1.5}.delivery-benefits p:last-child{color:#a04727}