/* Progressive enhancement: content remains visible without scripting. */
.hero-shell{background:radial-gradient(ellipse at 80% 18%,#20494e 0,transparent 52%),#112f39}
.hero-gallery{padding-bottom:0;min-width:0}
.hero-stage{height:420px;position:relative;overflow:hidden;background:#eaf0ec;isolation:isolate}
.hero-stage-pane{position:absolute;inset:0;margin:0;visibility:hidden;pointer-events:none}
.hero-stage-pane.is-active{visibility:visible;pointer-events:auto}
.hero-stage .hero-factory>img{width:100%;height:100%;object-fit:cover}
.hero-product-pane{display:flex;flex-direction:column;padding:23px 25px 25px;background:radial-gradient(ellipse at 50% 42%,#fff 8%,#edf3ef 80%);color:var(--ink)}
.hero-product-pane>.eyebrow{position:relative;margin:0;font-size:9px;color:var(--teal);z-index:1}
.hero-product-pane>img{flex:1;min-height:0;width:100%;height:265px;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 65%}
.hero-product-caption{display:flex;gap:22px;align-items:end;border-top:1px solid #b8cec9;padding-top:17px}
.hero-product-caption h2{font:600 25px/1.18 'Barlow Condensed',Barlow,sans-serif;color:var(--ink);margin:0;flex:1;min-width:0}
.hero-product-caption>a{color:var(--teal);font-size:12px;line-height:1.6;max-width:130px;flex-shrink:0;border-bottom:1px solid #96b8af;padding-bottom:3px}
.hero-product-caption>a span{display:inline-block;margin-inline-start:7px}
.hero-selector{position:relative;z-index:2;margin:14px 0 0;background:#f5f8f5;color:var(--ink);padding:17px 18px 14px;box-shadow:0 18px 38px #06191c1f;border-top:2px solid #a6d2c6}
.hero-selector[hidden]{display:none}
.hero-selector-heading{display:flex;gap:10px;align-items:start;justify-content:space-between;margin-bottom:12px}
.hero-selector-heading .eyebrow{font-size:9px;margin:0;color:var(--teal);white-space:nowrap}
.hero-selector-heading>span:last-child{font-size:10px;line-height:1.5;color:#607678;text-align:end;max-width:260px}
.hero-selector-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hero-selector-options button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid transparent;border-bottom:2px solid #ccdcd5;background:#eaf0eb;padding:8px 5px;color:#456367;cursor:pointer;text-align:center;transition:background .2s,border-color .2s,color .2s}
.hero-selector-options button[aria-pressed=true]{border-color:#007f86;background:#fff;color:#005f65}
.hero-selector-options img{display:block;width:70px;height:50px;object-fit:contain;mix-blend-mode:multiply}
.hero-selector-options button[data-hero-choice=factory] img{object-fit:cover;mix-blend-mode:normal}
.hero-selector-options button span{font-size:11px;line-height:1.4}
.hero-selector-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d8e3dd;margin-top:12px;padding-top:12px}
.hero-selector-footer a{font-size:11px;line-height:1.6;color:#286c68}
.hero-selector-footer a:first-child{font-weight:600;color:#005f65}
.hero-selector-footer a span:last-child{display:inline-block;margin-inline-start:8px}
.hero-selector-footer a:focus-visible{outline:3px solid #008d94;outline-offset:4px}
.hero-selector-options button:focus-visible,.hero-product-caption>a:focus-visible{outline:3px solid #008d94;outline-offset:3px}
.hero-pathways>a{position:relative;overflow:hidden}
.hero-pathways>a:after{content:'';position:absolute;bottom:0;inset-inline-start:0;height:2px;width:100%;background:#a4d8cd;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
[dir=rtl] .hero-pathways>a:after{transform-origin:right}
.hero-pathways>a:focus-visible:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .button>span:last-child,.plain-link>span:last-child,.header-rfq>span:last-child,.hero-product-caption>a span{transition:transform .25s ease}
 .button:hover>span:last-child,.header-rfq:hover>span:last-child,.hero-product-caption>a:hover span{transform:translate(3px,-3px)}
 .plain-link:hover>span:last-child{transform:translateX(4px)}
 [dir=rtl] .plain-link:hover>span:last-child{transform:translateX(-4px)}
 .hero-selector-options img{transition:transform .32s cubic-bezier(.2,.65,.3,1)}
 .hero-selector-options button:hover{background:#fff;border-color:#70a99c}
 .hero-selector-options button:hover img{transform:scale(1.08)}
 .hero-pathways>a:hover:after{transform:scaleX(1)}
 .product-card .product-image{overflow:hidden}
 .product-card .product-image img{transition:transform .55s cubic-bezier(.2,.65,.3,1)}
 .product-card:hover .product-image img{transform:scale(1.035)}
 .family-grid>a .arrow{display:inline-block;transition:transform .25s ease}
 .family-grid>a:hover .arrow{transform:translate(3px,-3px)}
}
@media(max-width:1100px){.hero-stage{height:390px}.hero-product-caption h2{font-size:22px}.hero-selector{padding:14px}.hero-selector-heading{flex-wrap:wrap}.hero-selector-heading>span:last-child{max-width:none}.hero-product-caption>a{max-width:110px}}
@media(max-width:900px){.hero-stage{height:400px}.hero-gallery{padding-bottom:0}.hero-selector-heading{flex-wrap:nowrap}}
@media(max-width:650px){.hero-stage{height:340px}.hero-gallery{padding-bottom:0}.hero-product-pane{padding:18px}.hero-product-pane>img{height:210px}.hero-product-pane>.eyebrow{font-size:8px;margin:0}.hero-product-caption{padding-top:13px;gap:12px}.hero-product-caption h2{font-size:21px}.hero-product-caption>a{max-width:100px;font-size:11px}.hero-selector{padding:13px 11px;margin-top:10px}.hero-selector-heading{gap:10px;flex-wrap:wrap}.hero-selector-heading .eyebrow{font-size:9px;margin:0}.hero-selector-heading>span:last-child{text-align:start;font-size:10px}.hero-selector-options{gap:6px}.hero-selector-options img{width:55px;height:44px}.hero-selector-options button{padding:7px 3px}.hero-selector-options button span{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}