.immersive-hero{position:relative;min-height:610px;overflow:hidden;background:#071e32;color:white}
.hero-slides,.hero-slide,.hero-vignette{position:absolute;inset:0}
.hero-slide{opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 5s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide[data-slide="2"] img{object-position:center 45%}
.hero-slide[data-slide="4"]{background:linear-gradient(100deg,#061e32 0%,#345665 58%,#9aabb0 100%)}
.hero-slide[data-slide="4"] img{position:absolute;right:0;left:auto;width:min(52vw,760px);height:100%;object-fit:cover;object-position:center 48%}
@media(max-width:760px){.hero-slide[data-slide="4"] img{width:75%;opacity:.85}}
.hero-slide[data-slide="5"] img{object-position:center 57%}
.hero-vignette{background:linear-gradient(90deg,rgba(2,23,41,.95) 0%,rgba(3,29,48,.82) 40%,rgba(2,20,34,.24) 78%,rgba(2,20,34,.36)),linear-gradient(0deg,rgba(2,20,34,.73),transparent 28%)}
.immersive-content{position:relative;z-index:1;min-height:610px;display:flex;flex-direction:column;padding-top:25px}
.hero-topline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff90;padding-top:12px;color:#e6f4f7;font:800 10px 'Manrope',sans-serif;letter-spacing:.19em}
.immersive-copy{margin:auto 0 30px;max-width:820px;padding-top:35px}
.immersive-copy h1{font-size:clamp(56px,6.8vw,106px);line-height:1.02;letter-spacing:-.075em;margin:0 0 24px;text-wrap:balance;text-shadow:0 10px 35px #061b2a77}
.immersive-copy h1 i{font-style:normal;color:#74e2e9}
.immersive-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:560px;color:#ecf5f7;margin:0 0 29px;text-shadow:0 2px 10px #061b2acc}
.immersive-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-text-link{font:800 14px 'Manrope',sans-serif;border-bottom:1px solid #b4dbe2;padding-bottom:8px}
.hero-text-link:hover{color:#7de6ec}
.hero-control-wrap{margin-top:auto;background:rgba(5,30,47,.92);border:1px solid #7da5b355;backdrop-filter:blur(14px)}
.control-label{display:flex;justify-content:space-between;align-items:center;padding:15px 22px 0;color:#a6dce3;font:800 10px 'Manrope',sans-serif;letter-spacing:.15em}
.control-label a{font-size:11px;letter-spacing:0;color:#fff;border-bottom:1px solid #4bd1df;padding-bottom:4px}
.hero-controls{display:grid;grid-template-columns:repeat(4,1fr);padding:12px}
.hero-choice{background:transparent;color:#d0e5eb;border:0;border-top:1px solid #89abb966;text-align:left;padding:16px 15px 17px;display:grid;grid-template-columns:1fr auto;gap:12px;min-height:83px;transition:background .2s}
.hero-choice:not(:first-child){border-left:1px solid #89abb933}
.hero-choice:hover,.hero-choice.is-active{background:#5cb9c524}
.hero-choice.is-active{border-top:3px solid #61dbe5;padding-top:14px}
.hero-choice span{font:800 11px 'Manrope',sans-serif;color:#7ddde5;grid-column:1/-1}
.hero-choice strong{font:700 14px/1.25 'Manrope',sans-serif;align-self:end}
.hero-choice em{font-style:normal;align-self:end;color:#83e0e9}
.home-intro{padding:115px 0 95px}
.home-intro>div{display:grid;grid-template-columns:1.1fr .7fr;gap:90px;align-items:end}
.home-intro h2{font-size:clamp(46px,5.2vw,76px);line-height:1.08;margin:0;letter-spacing:-.07em}
.home-intro h2 span{color:#7395a3}
.home-intro>div>p{font-size:18px;line-height:1.7;color:#5b7180;max-width:460px;margin:0}
.showcase{padding-bottom:120px}
.showcase-row{display:grid;grid-template-columns:1.08fr .92fr;gap:0;min-height:480px;border-top:1px solid #cedce1}
.showcase-row:last-child{border-bottom:1px solid #cedce1}
.showcase-row.reverse{grid-template-columns:.92fr 1.08fr}
.showcase-row.reverse .showcase-image{order:2}
.showcase-image{height:480px;overflow:hidden;position:relative;background:#cfdde2}
.showcase-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.showcase-row:hover .showcase-image img{transform:scale(1.045)}
/* Let the Division 04 photo reach the bottom of its adjacent text panel. */
@media(min-width:761px){.showcase-row:last-child .showcase-image{height:auto;min-height:480px;align-self:stretch}}
.showcase-row:last-child .showcase-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:none}
.showcase-row:last-child:hover .showcase-image img{transform:none}
.showcase-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061d3155,transparent 30%)}
.showcase-image>span{position:absolute;z-index:1;top:28px;left:30px;color:white;font:800 12px 'Manrope',sans-serif;letter-spacing:.16em}
.showcase-copy{background:#f0f5f6;padding:55px clamp(30px,5vw,85px);display:flex;flex-direction:column;justify-content:center}
.showcase-row:nth-child(2n) .showcase-copy{background:#e8f2f4}
.showcase-copy h3{font-size:clamp(36px,3.8vw,58px);line-height:1.12;max-width:550px;margin:0 0 15px}
.showcase-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;color:#5a7080;margin:0 0 25px}
.showcase-products{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:31px}
.showcase-products span{font:700 11px 'Manrope',sans-serif;color:#315568;border:1px solid #bbd0d9;padding:8px 10px}
.showcase-copy>a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #afc7cf;padding-top:18px;font:800 14px 'Manrope',sans-serif}
.showcase-copy>a b{font-size:20px}
.showcase-copy>a:hover{color:#068ba0}
.home-manifesto{position:relative;overflow:hidden;background:#061d31;color:#fff}
.manifesto-inner{position:relative;z-index:1;padding:120px 0 130px;display:grid;grid-template-columns:1fr .42fr;gap:40px;align-items:end}
.manifesto-overline{grid-column:1/-1;color:#67dce5;font:800 12px 'Manrope',sans-serif;letter-spacing:.2em}
.manifesto-inner h2{font-size:clamp(50px,6vw,88px);line-height:1.1;margin:0;letter-spacing:-.07em}
.manifesto-inner h2 em{font-style:normal;color:#69d7e1}
.manifesto-inner>div p{color:#bcd0d9;line-height:1.7;font-size:17px;margin:0 0 30px}
.manifesto-inner>div a{font:800 14px 'Manrope',sans-serif;border-bottom:1px solid #5ed4df;padding-bottom:8px}
.manifesto-inner>div a span{margin-left:30px}
.manifesto-word{position:absolute;bottom:-.26em;left:-.035em;font:800 clamp(180px,30vw,500px) 'Manrope',sans-serif;letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px #ffffff13;white-space:nowrap;pointer-events:none}
@media(max-width:1000px){.immersive-copy h1{font-size:clamp(54px,7vw,82px)}.hero-choice{padding:12px 8px}.hero-choice strong{font-size:12px}.showcase-image{height:430px}.showcase-row{min-height:430px}.showcase-copy{padding:40px}}
@media(max-width:760px){.immersive-hero,.immersive-content{min-height:720px}.hero-vignette{background:linear-gradient(90deg,#031e32eb,#031e3280 75%),linear-gradient(0deg,#031e32ad,transparent 40%)}.immersive-copy{margin:auto 0 35px;padding-top:55px}.immersive-copy h1{font-size:clamp(50px,9vw,70px)}.hero-controls{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.hero-choice{flex:0 0 150px;scroll-snap-align:start}.home-intro{padding:80px 0 70px}.home-intro>div{grid-template-columns:1fr;gap:25px}.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;min-height:auto}.showcase-row.reverse .showcase-image{order:0}.showcase-image{height:360px}.showcase-copy{min-height:300px;padding:38px}.showcase{padding-bottom:80px}.manifesto-inner{grid-template-columns:1fr;padding:90px 0}.manifesto-overline{grid-column:auto}.manifesto-inner h2{font-size:62px}}
@media(max-width:520px){.immersive-hero,.immersive-content{min-height:695px}.hero-topline span:last-child{display:none}.immersive-copy h1{font-size:49px}.immersive-copy>p:not(.eyebrow){font-size:16px}.immersive-actions{align-items:start;flex-direction:column;gap:23px}.hero-control-wrap{margin-inline:-18px}.control-label{padding:13px 17px 0}.control-label a{display:none}.hero-choice{flex-basis:138px;min-height:76px}.hero-choice strong{font-size:11px}.home-intro h2{font-size:46px}.showcase-image{height:280px}.showcase-copy{padding:34px 25px}.showcase-copy h3{font-size:40px}.manifesto-inner h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.showcase-image img{transition:none}}
.hero-slide[data-slide="3"]{background:linear-gradient(105deg,#061e32 0%,#123d50 42%,#8eb1bb 72%,#e9f2f2 100%);isolation:isolate}
.hero-slide[data-slide="3"] img{position:absolute;right:-1%;left:auto;top:50%;width:min(65vw,900px);height:auto;max-height:95%;object-fit:contain;mix-blend-mode:multiply;transform:translateY(-50%)}
@media(max-width:760px){.hero-slide[data-slide="3"]{background:linear-gradient(105deg,#061e32 0%,#16495b 49%,#a7c5ca 100%)}.hero-slide[data-slide="3"] img{right:-36%;top:54%;width:115vw;max-height:75%}}
.electrical-hero-media{display:flex;align-items:center;justify-content:center;background:#fff}
.electrical-hero-media img,.category-hero:hover .electrical-hero-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:none;margin:auto}
.electrical-hero-media::after,.electrical-hero-media span{display:none}
.electrical-gallery .variant-grid{grid-template-columns:1fr;gap:0}
.electrical-gallery .variant-card{grid-template-columns:minmax(0,864px) minmax(0,1fr);min-height:0;align-items:stretch;background:#fff;border:0;border-bottom:1px solid #e1e9ec;padding:24px 0}
.electrical-gallery .variant-image{display:flex;justify-content:center;align-items:center;min-height:0;height:auto;align-self:stretch;background:#fff;overflow:visible}
.electrical-gallery .variant-body{padding:0 28px 24px}
.electrical-gallery .variant-body .datasheet-line{font-size:13px;line-height:1.5;color:#56717d;margin:0 0 18px}
#electrical-cable .product-grid,.electrical-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px}
#electrical-cable .product-card,.electrical-products .product-card{height:100%;border:0}
#electrical-cable .product-photo:has(.electrical-photo-set),.electrical-products .product-photo:has(.electrical-photo-set){height:420px;min-height:0;aspect-ratio:auto;overflow:hidden;background:#fff}
.electrical-photo-set{--photo-columns:3;display:flex!important;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:0;background:#fff!important;padding:16px}
.electrical-photo-set:has(>.electrical-photo-frame:only-child){--photo-columns:1}
.electrical-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(2)){--photo-columns:2}
.electrical-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(4)){--photo-columns:2}
.electrical-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(7)){--photo-columns:4}
.electrical-photo-frame,.electrical-gallery .variant-image .electrical-photo-frame{display:block;position:relative;left:auto;top:auto;flex:0 0 calc((100% - (var(--photo-columns) - 1)*8px)/var(--photo-columns));width:calc((100% - (var(--photo-columns) - 1)*8px)/var(--photo-columns));height:auto;aspect-ratio:1;padding:16px;background:#fff;color:inherit;overflow:hidden;border:0;outline:0;box-shadow:none;font:inherit;line-height:0}
.electrical-photo-frame img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;transform:none!important;background:#fff!important;border:0!important;padding:0!important}
.electrical-gallery .variant-photo-set{width:100%;max-width:864px;height:auto;padding:0;gap:12px}
.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:only-child){max-width:280px}
.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(2)),.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(4)){max-width:572px}
.electrical-gallery .variant-image .electrical-photo-frame{flex:0 0 280px;width:280px;height:280px}
#electrical-cable .product-card:hover .product-photo img,.electrical-products .product-card:hover .product-photo img{transform:none}
@media(max-width:1200px){.electrical-gallery .variant-card{grid-template-columns:1fr}.electrical-gallery .variant-body{padding:20px 24px 26px}}
@media(max-width:950px){.electrical-gallery .variant-photo-set{max-width:744px}.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(2)),.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:first-child:nth-last-child(4)){max-width:492px}.electrical-gallery .variant-image .electrical-photo-frame{flex-basis:240px;width:240px;height:240px}}
@media(max-width:820px){.electrical-gallery .variant-image .electrical-photo-frame{flex-basis:min(28vw,200px);width:min(28vw,200px);height:min(28vw,200px)}}
@media(max-width:760px){#electrical-cable .product-grid,.electrical-products .product-grid{grid-template-columns:1fr}}
@media(max-width:560px){.electrical-gallery .variant-image .electrical-photo-frame{flex-basis:min(28vw,160px);width:min(28vw,160px);height:min(28vw,160px)}.electrical-gallery .variant-photo-set:has(>.electrical-photo-frame:only-child) .electrical-photo-frame{flex-basis:min(70vw,280px);width:min(70vw,280px);height:min(70vw,280px)}.electrical-gallery .variant-body{padding:20px 23px 25px}#electrical-cable .product-photo:has(.electrical-photo-set),.electrical-products .product-photo:has(.electrical-photo-set){height:280px}}

/* Product 04 salt: pair the exact form labels with equal-sized photographs. */
.salt-photo-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;gap:12px;padding:12px;background:#fff;min-height:0}
.salt-photo-set figure{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}
.salt-photo-set figure img{display:block;flex:none;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;padding:8px}
.salt-photo-set figcaption{font:700 12px/1.25 Manrope,sans-serif;color:#164359;text-align:center;padding:2px 0 6px}
@media(max-width:420px){.salt-photo-set{gap:6px;padding:8px}.salt-photo-set figcaption{font-size:11px}}
