@charset "UTF-8";
/* Wide scene banners and open product compositions, without picture cards. */
.hero-panorama{min-height:590px;display:flex;align-items:center}
.hero-panorama .hero-backdrop{opacity:1;object-position:center 52%;width:100%;height:100%}
.hero-panorama:before{background:linear-gradient(90deg,#061c35f5 0%,#08223de8 30%,#0c294399 52%,#0d2c4420 83%),linear-gradient(0deg,#06192c72,transparent 28%)}
.hero-panorama>.wrap{padding-top:76px;padding-bottom:98px}
.hero-panorama-copy{max-width:675px}
.hero-panorama .eyebrow{color:#86d1fb;font-size:11px;letter-spacing:.18em;margin-bottom:25px}
.hero-panorama h1{font-size:clamp(40px,4.2vw,59px);line-height:1.35;letter-spacing:-.04em;color:#fff;margin-bottom:25px}
.hero-panorama .hero-description{font-size:15px;color:#d3dfeb;line-height:1.95;max-width:570px}
.hero-panorama .actions{margin-top:32px}
.hero-panorama .btn.secondary{color:white;border-color:#c6d6e888}
.hero-panorama .btn.secondary:hover{background:#ffffff13}
.hero-panorama .hero-support{color:#c8d9e8;margin-top:30px}
.scene-caption{position:absolute;right:0;bottom:24px;font-size:10px;letter-spacing:.08em;color:#e4edf3;border-top:1px solid #ffffff55;padding-top:11px}
.scene-caption span{padding:0 11px;opacity:.7}
.page-hero{position:relative;overflow:hidden}
.page-hero>.wrap{position:relative;z-index:2}
.banner-product{background:#c7c9cd;color:#102c49;padding:22px 0;border-bottom:1px solid #bfc3c9}
.banner-product .page-hero-grid{grid-template-columns:1fr 1fr;gap:42px;min-height:340px}
.banner-product .banner-copy{padding:25px 0;max-width:650px}
.banner-product .eyebrow{color:#246188}
.banner-product h1{font-size:clamp(33px,3.2vw,46px)}
.banner-product .description{color:#40536a;font-size:16px;max-width:600px;line-height:1.85}
.banner-product .hero-image{background:transparent;border-radius:0;overflow:visible;max-height:none;align-self:stretch;display:flex;align-items:center;position:relative}
.banner-product .hero-image img{width:100%;height:350px;object-fit:contain;mask-image:radial-gradient(ellipse 75% 74% at 50% 50%,#000 55%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 75% 74% at 50% 50%,#000 55%,transparent 88%)}
.banner-product .btn.secondary{border-color:#7d8b9a;color:#18364e}
.banner-product .btn.secondary:hover{background:#ffffff40}
.banner-product .actions{margin-top:26px}
.banner-scene{padding:0;background:#0b2945;color:white;min-height:365px;display:flex;align-items:center}
.banner-scene>.wrap{padding-top:51px;padding-bottom:51px}
.banner-scene .banner-copy{max-width:680px}
.banner-scene .banner-scene-image{position:absolute;inset:0 0 0 28%}
.banner-scene-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:1}
.banner-scene:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#09243ef5 0%,#0a2845e8 34%,#0a28457d 63%,#0a284529 100%)}
.banner-scene .description{max-width:630px;color:#d1dfeb;font-size:15px;line-height:1.9}
.banner-scene h1{font-size:clamp(32px,3.3vw,47px)}
.banner-scene .eyebrow{color:#98d8ff}
.banner-about .banner-scene-image img{object-position:center 55%}
.banner-quality .banner-scene-image img{object-position:center 59%}
.banner-scene .actions{margin-top:24px}
.banner-plain{background:#f0f5fa;color:#12304f;border-top:1px solid #e5edf5;border-bottom:1px solid #dce6f0;padding:43px 0 46px}
.banner-plain .banner-copy{max-width:900px}
.banner-plain .eyebrow{color:#2f769e}
.banner-plain h1{font-size:clamp(30px,3.2vw,45px);line-height:1.45}
.banner-plain .description{color:#63758a;font-size:16px;max-width:780px;line-height:1.9;margin-top:17px}
.banner-plain .btn.secondary{color:#214160;border-color:#a0b4c6}
.banner-plain .btn.secondary:hover{background:#e2edf7}
.banner-plain .actions{margin-top:23px}
.article-context-image{margin:0 0 40px;background:#f0f4f7;border:1px solid #e3eaf1}
.article-context-image img{width:100%;height:auto;max-height:420px;object-fit:contain}
.article-context-image figcaption{font-size:12px;color:#708094;padding:12px 18px;background:#fff}
.article-product-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:42px}
.article-product-comparison figure{background:#f0f4f8}
.article-product-comparison img{width:100%;height:auto;aspect-ratio:1.25;object-fit:contain}
.article-product-comparison figcaption{padding:15px 18px;color:#294561;font-size:13px;background:#edf2f7}
.banner-product .page-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:36px;min-height:360px}
.banner-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center;min-width:0}
.banner-gallery figure{min-width:0;margin:0}
.banner-gallery img{width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;mask-image:none;-webkit-mask-image:none}
.banner-gallery a{display:block}
.banner-gallery figcaption{font-size:11px;color:#53677c;text-align:center;padding:9px 0 0;line-height:1.8}
.banner-gallery a:hover{opacity:.88}
@media(max-width:980px){.banner-product .page-hero-grid{grid-template-columns:minmax(0,1fr);gap:5px;min-height:0}.banner-gallery{max-width:740px;width:100%;margin:0 auto 14px}.banner-product .banner-copy{max-width:760px;padding-bottom:14px}}
@media(max-width:680px){.banner-gallery{gap:12px;margin-bottom:0}.banner-gallery figcaption{font-size:10px;padding-top:7px}.banner-product .banner-copy{padding-bottom:18px}}
@media(max-width:680px){.banner-scene .banner-scene-image{left:0}}
@media(min-width:1500px){.hero-panorama{min-height:630px}.hero-panorama>.wrap{padding-top:90px;padding-bottom:112px}}
@media(max-width:980px){.hero-panorama{min-height:530px}.hero-panorama-copy{max-width:600px}.hero-panorama h1{font-size:44px}.hero-panorama>.wrap{padding:64px 0 84px}.banner-product .page-hero-grid{gap:20px;min-height:315px}.banner-product h1{font-size:34px}.banner-product .hero-image img{height:300px}.banner-product .description{font-size:14px}.banner-product .btn{font-size:12px;padding:13px 16px;gap:12px}.banner-scene .banner-copy{max-width:600px}.banner-scene h1{font-size:37px}}
@media(max-width:680px){.hero-panorama{min-height:540px;align-items:stretch}.hero-panorama .hero-backdrop{object-position:61% center}.hero-panorama:before{background:linear-gradient(90deg,#071f37e8,#071f37af 72%,#071f3768),linear-gradient(0deg,#061a32a0,transparent 50%)}.hero-panorama>.wrap{padding:52px 0 76px}.hero-panorama h1{font-size:35px;line-height:1.45;margin-bottom:22px}.hero-panorama .eyebrow{font-size:10px;margin-bottom:22px}.hero-panorama .hero-description{font-size:13px;line-height:1.95}.hero-description br{display:none}.hero-panorama .actions{margin-top:26px;gap:10px}.hero-panorama .actions .btn{font-size:13px;gap:12px}.hero-panorama .hero-support{gap:14px;font-size:10px;margin-top:26px}.scene-caption{left:0;right:auto;bottom:20px;font-size:9px}.banner-product{padding:15px 0 22px}.banner-product .page-hero-grid{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.banner-product .banner-copy{padding:16px 0 10px}.banner-product h1{font-size:31px}.banner-product .description{font-size:14px;margin-top:16px}.banner-product .actions{margin-top:21px}.banner-product .hero-image{margin:0 -8px;order:2}.banner-product .hero-image img{height:240px;mask-image:radial-gradient(ellipse 75% 78% at 50% 50%,#000 58%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse 75% 78% at 50% 50%,#000 58%,transparent 88%)}.banner-scene{min-height:365px}.banner-scene>.wrap{padding:38px 0}.banner-scene h1{font-size:31px;line-height:1.5}.banner-scene .description{font-size:14px}.banner-scene:after{background:linear-gradient(90deg,#09243eef,#0a2845b8 85%)}.banner-scene-image img{object-position:62% center}.banner-plain{padding:30px 0 33px}.banner-plain h1{font-size:30px}.banner-plain .description{font-size:14px;margin-top:16px}.banner-plain .actions{gap:10px}.article-context-image{margin-bottom:30px}.article-context-image img{height:auto;max-height:none}.article-product-comparison{gap:12px;margin-bottom:30px}.article-product-comparison figcaption{font-size:11px;padding:11px 12px}}