.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}
.hero-v2{position:relative;isolation:isolate;height:clamp(520px,calc(100svh - 122px),820px);min-height:520px;background:#101820;color:#fff;overflow:hidden;touch-action:pan-y}
.hero-canvas,.hero-shot,.hero-shade{position:absolute;inset:0}
.hero-canvas{z-index:-1}
.hero-shot{opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero-shot.is-active{opacity:1}
.hero-shot img{height:100%;width:100%;object-fit:cover;object-position:38% center;transform:scale(1.035);transition:transform 9s linear}
.hero-shot.is-active img{transform:scale(1)}
.hero-shot.is-archive img{filter:grayscale(1);object-position:25% center}
.hero-shade{background:linear-gradient(270deg,#0c1620f5 0%,#0e1720c9 27%,#111a2170 48%,#111a2112 73%),linear-gradient(0deg,#101922e8,transparent 37%)}
.hero-frame{position:absolute;inset:24px 26px 130px;border:1px solid #ffffff12;pointer-events:none}
.hero-frame:before,.hero-frame:after{content:'';position:absolute;height:24px;width:24px;border-color:#ffffff75;border-style:solid}
.hero-frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.hero-frame:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.hero-v2-interior{position:relative;height:calc(100% - 102px);display:flex;align-items:center;padding-block:45px 48px}
.hero-v2-copy{width:min(540px,52%);position:relative;padding-bottom:4px}
.hero-slide-kicker{display:flex;align-items:center;gap:11px;font-size:11px;color:#d0d5d8;letter-spacing:.025em;margin-bottom:23px;font-weight:700}
.hero-slide-kicker>span{width:23px;height:2px;background:#dc5147;flex-shrink:0}
.hero-v2 h1{font-size:clamp(46px,4.9vw,76px);font-weight:800;line-height:1.3;letter-spacing:-1.9px;margin:0 0 23px}
.hero-v2 h1>span{display:block;white-space:normal}
.hero-v2 h1 .accent{color:#ed655b}
.hero-slide-description{font-size:14px;line-height:2.1;color:#c4cbd1;max-width:400px;margin-bottom:28px}
.hero-slide-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-button{display:inline-flex;align-items:stretch;gap:21px;background:#bf3a33;color:#fff!important;border:1px solid #df6257;border-radius:2px;font-size:13px;font-weight:700;min-height:50px}
.hero-button>span:first-child{display:flex;align-items:center;padding:12px 20px}
.hero-button-arrow{display:flex;align-items:center;justify-content:center;width:50px;border-inline-start:1px solid #ffffff22;background:#ffffff06}
.hero-button:hover{background:#d24b40;transform:translateY(-2px)}
.hero-secondary{color:#e1e5e7;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid #a0a9af4a;padding:8px 0;font-size:12px;font-weight:700}
.hero-secondary svg{height:17px;width:17px}
.hero-secondary:hover{color:white;border-color:white}
.hero-scene-caption{position:absolute;inset-inline-end:0;top:39px;display:flex;flex-direction:column;gap:6px;direction:ltr;font-family:Arial,sans-serif;letter-spacing:2.5px;font-size:9px;color:#e1e5e7a3}
.hero-scene-caption span:last-child{font-size:8px;color:#aab7c57d;letter-spacing:1.7px}
.hero-image-note{position:absolute;inset-inline-end:0;bottom:22px;font-size:9px;color:#b9c3cd;letter-spacing:.03em}
.hero-navigation{position:absolute;bottom:0;inset-inline:0;background:#111c27bc;backdrop-filter:blur(16px);border-top:1px solid #ffffff23}
.hero-nav-layout{display:flex;gap:27px;align-items:center;height:102px}
.hero-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:22px;align-self:stretch;min-width:0}
.hero-chapter{position:relative;display:flex;align-items:center;gap:11px;color:#a3aeb7;background:transparent;text-align:start;padding:21px 0;border:0;min-width:0}
.hero-chapter-number{align-self:center;direction:ltr;font:10px Arial,sans-serif;color:#7e8d98;letter-spacing:1px}
.hero-chapter-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.hero-chapter strong{font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}
.hero-chapter small{font:8px Arial,sans-serif;letter-spacing:.9px;line-height:1.4;direction:ltr;color:#7e909f;white-space:nowrap}
.hero-chapter.is-active{color:white}
.hero-chapter.is-active .hero-chapter-number{color:#e7665c}
.hero-chapter.is-active small{color:#b6c0c9}
.hero-chapter-track{position:absolute;inset-inline:0;top:-1px;height:2px;background:transparent;overflow:hidden}
.hero-chapter.is-active .hero-chapter-track{background:#ffffff20}
.hero-chapter.is-active .hero-chapter-track:after{content:'';height:100%;display:block;width:calc(var(--slide-progress) * 100%);background:#f1766b;min-width:7px}
.hero-chapter:hover{color:white}
.hero-control-tray{display:flex;align-items:center;gap:21px;flex-shrink:0;border-inline-start:1px solid #ffffff15;padding-inline-start:25px}
.hero-page-count{display:flex;align-items:baseline;gap:7px;direction:ltr;font-family:Arial,sans-serif;white-space:nowrap}
.hero-page-count strong{font-weight:400;letter-spacing:-1px;font-size:30px;line-height:1}
.hero-page-count span{font-size:10px;color:#82919d}
.hero-controls{display:flex;gap:7px;direction:rtl}
.hero-control{height:35px;width:35px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #ffffff28;color:#d7dee3;border-radius:50%;padding:0}
.hero-control svg{height:16px;width:16px}
.hero-control.previous svg{transform:rotate(180deg)}
.hero-control.playback{border-color:transparent;color:#aab7c1;width:29px}
.hero-control.playback svg{width:13px;height:13px}
.hero-control:hover{color:white;border-color:#c4cdd3;background:#ffffff12}
.hero-control:focus-visible,.hero-chapter:focus-visible{outline:2px solid #f29a70;outline-offset:4px}
[dir=ltr] .hero-shade{background:linear-gradient(90deg,#0c1620f5 0%,#0e1720c9 27%,#111a2170 48%,#111a2112 73%),linear-gradient(0deg,#101922e8,transparent 37%)}
[dir=ltr] .hero-shot img{transform:scaleX(-1) scale(1.035)}
[dir=ltr] .hero-shot.is-active img{transform:scaleX(-1) scale(1)}
[dir=ltr] .hero-shot.is-archive img{transform:scale(1.035)}
[dir=ltr] .hero-shot.is-archive.is-active img{transform:scale(1)}
[dir=ltr] .hero-v2 h1{letter-spacing:-2px;font-size:clamp(44px,4.6vw,70px)}
[dir=ltr] .hero-controls{direction:ltr}
[dir=ltr] .hero-control.next svg,[dir=ltr] .hero-button-arrow svg{transform:rotate(180deg)}
[dir=ltr] .hero-control.previous svg{transform:none}
[dir=ltr] .hero-slide-description{line-height:1.8}
[dir=ltr] .hero-chapter strong{font-size:11px}
.site-header{box-shadow:0 2px 20px #121e2605}.home-products{background:#f1f3f3}.home-products .product-card{border-radius:2px}.home-products .eyebrow{letter-spacing:.08em}.home-products .section-head h2{font-weight:800;letter-spacing:-.65px}
@media(min-width:1450px){.hero-v2-copy{width:600px}.hero-slide-description{font-size:16px;max-width:440px}.hero-slide-kicker{font-size:12px}.hero-v2-interior{padding-bottom:65px}.hero-nav-layout{gap:50px}.hero-chapters{gap:38px}}
@media(max-width:1050px){.hero-nav-layout{gap:18px}.hero-chapters{gap:15px}.hero-chapter{gap:7px}.hero-chapter strong{font-size:12px}.hero-chapter small{font-size:7px;letter-spacing:.4px}.hero-control-tray{gap:15px;padding-inline-start:15px}.hero-page-count strong{font-size:26px}.hero-control{width:31px;height:31px}.hero-v2 h1{font-size:55px}.hero-v2-copy{width:52%}.hero-slide-actions{gap:15px}.hero-secondary{font-size:11px}.hero-button{gap:10px;font-size:12px}.hero-frame{inset-inline:18px}}
@media(max-width:800px){.hero-v2{height:660px}.hero-v2-copy{width:min(490px,68%)}.hero-shade{background:linear-gradient(270deg,#0c1620f5 0%,#0e1720c9 47%,#111a2140 100%),linear-gradient(0deg,#101922e8,transparent 37%)}.hero-frame{bottom:144px}.hero-nav-layout{height:119px;gap:13px}.hero-chapters{gap:10px}.hero-chapter-number{display:none}.hero-chapter small{font-size:6px}.hero-control-tray{flex-direction:column;gap:13px}.hero-v2-interior{height:calc(100% - 119px)}.hero-image-note{bottom:21px}.hero-scene-caption{top:26px}.hero-v2 h1{font-size:54px}.hero-slide-description{font-size:13px}.hero-chapter strong{font-size:11px}}
@media(max-width:640px){.hero-v2{height:calc(100svh - 102px);min-height:665px;max-height:800px}.hero-frame{inset:18px 14px 160px}.hero-v2-interior{height:calc(100% - 137px);align-items:flex-start;padding-top:73px;padding-bottom:40px}.hero-v2-copy{width:100%;padding:0}.hero-v2 h1{font-size:clamp(37px,10vw,47px);line-height:1.37;letter-spacing:-1px;margin-bottom:19px}.hero-slide-kicker{font-size:9px;margin-bottom:19px;gap:7px}.hero-slide-kicker>span{width:18px}.hero-slide-description{font-size:12px;max-width:310px;line-height:2;min-height:72px;margin-bottom:23px}.hero-slide-actions{gap:19px}.hero-button{min-height:44px;font-size:11px;gap:3px}.hero-button>span:first-child{padding:11px 15px}.hero-button-arrow{width:38px}.hero-button-arrow svg{width:16px}.hero-secondary{font-size:10px;gap:6px}.hero-secondary svg{width:14px}.hero-scene-caption{inset-inline-end:0;top:29px;font-size:8px;letter-spacing:1.8px;gap:4px}.hero-scene-caption span:last-child{font-size:6px;letter-spacing:1.2px}.hero-image-note{bottom:13px;font-size:8px}.hero-nav-layout{height:137px;flex-direction:column;gap:0;align-items:stretch}.hero-chapters{flex:initial;height:72px;gap:14px}.hero-chapter{padding:16px 0;display:flex;justify-content:center;text-align:center}.hero-chapter strong{font-size:10px;white-space:normal;line-height:1.8}.hero-chapter small{display:none}.hero-chapter.is-active .hero-chapter-track:after{min-width:8px}.hero-control-tray{border-inline-start:0;border-top:1px solid #ffffff10;padding:11px 0 13px;flex-direction:row;justify-content:space-between;gap:10px}.hero-page-count strong{font-size:25px}.hero-page-count span{font-size:9px}.hero-control{width:32px;height:32px}.hero-control.playback{width:32px}.hero-controls{gap:9px}.hero-shot img{object-position:34% center}.hero-shot.is-archive img{object-position:30% center}.hero-shade{background:linear-gradient(180deg,#101b25cc 0%,#101b25b3 40%,#101b2538 68%,#101b2599 100%)}[dir=ltr] .hero-shade{background:linear-gradient(180deg,#101b25dd 0%,#101b25b3 42%,#101b2555 70%,#101b2599 100%)}[dir=ltr] .hero-v2 h1{font-size:40px;letter-spacing:-1.6px;line-height:1.3}[dir=ltr] .hero-chapter strong{font-size:9px}[dir=ltr] .hero-slide-description{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.hero-shot,.hero-shot img{transition:none!important}.hero-shot img{transform:none}.hero-shot.is-active img{transform:none}[dir=ltr] .hero-shot img,[dir=ltr] .hero-shot.is-active img{transform:scaleX(-1)}}
@media print{.hero-v2{height:auto;min-height:0;background:white;color:black;overflow:visible}.hero-canvas,.hero-navigation,.hero-scene-caption,.hero-image-note{display:none}.hero-v2-interior{height:auto;padding:20px 0}.hero-v2-copy{width:100%}.hero-v2 h1{font-size:30px}.hero-slide-description,.hero-slide-kicker{color:#444}.hero-slide-actions{display:none}}
.hero-scene-caption{inset-inline-end:auto;left:0;right:auto}
[dir=ltr] .hero-scene-caption{left:auto;right:0}
.hero-shot.is-precision img{object-fit:contain;object-position:left center}
@media(max-width:640px){.hero-shot.is-precision img{object-fit:cover;object-position:29% center}}
[dir=ltr] .hero-v2 h1{font-size:clamp(39px,3.65vw,60px);line-height:1.25;letter-spacing:-1.7px}
@media(max-width:640px){[dir=ltr] .hero-v2 h1{font-size:38px;line-height:1.3}}

/* Product families use a separate image area and consistent carousel height. */
.hero-chapters{display:flex;gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#52616c transparent}
.hero-chapter{flex:0 0 auto;min-width:110px}
.hero-shot.is-product-family{inset:55px auto 120px 0;width:65%;overflow:hidden}
.hero-shot.is-product-family img,[dir=ltr] .hero-shot.is-product-family img,[dir=ltr] .hero-shot.is-product-family.is-active img{position:absolute;left:0;right:auto;top:0;width:130%;max-width:none;object-fit:contain;object-position:left center;transform:none}
[dir=ltr] .hero-shot.is-product-family{left:auto;right:0}
.hero-v2:has(.is-product-family.is-active){background:#090e12}
.hero-v2:has(.is-product-family.is-active) .hero-shade{background:none}
.hero-v2:has(.is-product-family.is-active) .hero-v2-copy{width:34%}
.hero-v2:has(.is-product-family.is-active) h1{font-size:clamp(33px,3.3vw,55px);letter-spacing:-1px}
.hero-v2:has(.is-product-family.is-active) .hero-slide-actions{gap:14px}
.hero-v2:has(.is-product-family.is-active) .hero-scene-caption{color:#c0cbd4}
@media(max-width:800px){.hero-chapter{min-width:105px}.hero-shot.is-product-family{width:60%}.hero-v2:has(.is-product-family.is-active) .hero-v2-copy{width:39%}.hero-v2:has(.is-product-family.is-active) h1{font-size:34px}}
@media(max-width:640px){.hero-v2{height:780px;min-height:780px;max-height:780px}.hero-chapters{gap:12px;height:72px}.hero-chapter{min-width:82px;max-width:110px}.hero-shot.is-product-family,[dir=ltr] .hero-shot.is-product-family{inset:350px 0 150px;width:100%}.hero-v2:has(.is-product-family.is-active) .hero-v2-copy{width:100%}.hero-v2:has(.is-product-family.is-active) .hero-v2-interior{padding-top:65px}.hero-v2:has(.is-product-family.is-active) h1{font-size:34px;margin-bottom:14px}.hero-v2:has(.is-product-family.is-active) .hero-slide-description{min-height:0;margin-bottom:18px}.hero-v2:has(.is-product-family.is-active) .hero-slide-kicker{margin-bottom:14px}.hero-v2:has(.is-product-family.is-active) .hero-slide-actions{gap:14px}}