/* The product is the opening visual. Keep the surrounding page quiet. */
.product-hero{padding-top:clamp(34px,4.1vw,66px);padding-bottom:56px}
.product-intro{max-width:1400px;margin:0 auto 30px}
.product-intro h1{font-size:clamp(32px,3.75vw,61px);font-weight:500;line-height:1.15;letter-spacing:-.055em;margin:0}
.product-intro>p{max-width:850px;font-size:clamp(15px,1.2vw,18px);line-height:1.65;color:var(--muted);margin:19px 0 0}
.product-intro .hero-actions{margin-top:24px;gap:24px}
.product-film{position:relative;margin:0;background:#111a1b;isolation:isolate;box-shadow:0 18px 60px #1117191a}
.product-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111a1b;object-fit:contain}
.film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;width:100%;border:0;border-radius:0;background:linear-gradient(180deg,#0c171b0a,#0c171b45);color:#fff;font:500 16px/1.3 var(--sans);cursor:pointer}
.film-play[hidden]{display:none}
.film-play-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffff75;border-radius:50%;background:#101c1de6;box-shadow:0 0 0 10px #101c1d3b;transition:transform .2s,background .2s}
.film-play:hover .film-play-icon{background:#253b3d;transform:scale(1.07)}
.film-play-icon svg{width:23px;height:23px;margin-left:4px;fill:currentColor}
.film-play-label{padding:9px 15px;background:#101c1ded;border:1px solid #ffffff26}
.film-play-label small{margin-left:14px;color:#c5d0d2;font-size:12px;font-variant-numeric:tabular-nums}
.film-play:focus-visible{outline:3px solid #f7f8f9;outline-offset:-7px}
.product-film video:focus-visible{outline:3px solid #52737d;outline-offset:4px}
.film-caption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:18px;font-size:13px;color:var(--muted)}
.film-caption p{margin:0;max-width:720px}
.film-caption a{flex-shrink:0;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.film-error{padding:16px 20px;margin:0;background:#e7e9eb;color:#191b1d;font-size:14px}
.film-error a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1100px){.product-intro h1{white-space:nowrap}}
@media(min-width:1600px){.product-hero{max-width:1520px}.product-intro h1{font-size:57px}}
@media(max-width:650px){.product-hero{padding-top:32px;padding-bottom:36px}.product-intro{margin-bottom:25px}.product-intro h1{font-size:clamp(32px,8.6vw,48px);max-width:520px;line-height:1.16}.product-intro>p{font-size:15px;line-height:1.6;margin-top:17px}.product-intro .hero-actions{gap:16px;align-items:center}.product-intro .button{padding:12px 15px;gap:20px}.product-intro .plain-link{font-size:12px;gap:10px}.film-play-icon{width:54px;height:54px;box-shadow:0 0 0 7px #101c1d3b}.film-play-icon svg{width:18px;height:18px}.film-play{gap:12px;font-size:14px}.film-play-label{padding:7px 11px}.film-play-label small{margin-left:10px;font-size:11px}.film-caption{display:block;padding-top:15px;font-size:12px}.film-caption a{display:inline-flex;align-items:center;min-height:44px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.film-play-icon{transition:none}}