/* Uses the live site's 1280px container, Inter and blue/cyan brand palette. */
.mke-hero{--mke-blue:#60a5fa;position:relative;isolation:isolate;overflow:hidden;background:#0f172a;color:#fff;font-family:Inter,sans-serif;min-height:652px}
.mke-hero *, .mke-hero *::before, .mke-hero *::after{box-sizing:border-box}
.mke-hero__media,.mke-hero__shade{position:absolute;inset:0;pointer-events:none}
.mke-hero__media{left:31%;z-index:-3;transform:translateY(var(--mke-parallax,0px));mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
.mke-hero__picture{position:absolute;inset:0;display:block;opacity:0;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1)}
.mke-hero__picture.is-active{opacity:1}
.mke-hero__picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:74% 50%;transform:scale(1.025);animation-play-state:paused}
.mke-hero__picture.is-active img{animation:mke-hero-camera 9s ease-out both;animation-play-state:paused}
.mke-hero.is-playing .mke-hero__picture.is-active img{animation-play-state:running}
.mke-hero__picture[data-picture="2"] img{object-position:78% 50%}
.mke-hero__shade{z-index:-2;background:linear-gradient(90deg,rgba(15,23,42,.98) 0%,rgba(15,23,42,.94) 26%,rgba(15,23,42,.81) 42%,rgba(15,23,42,.20) 62%,rgba(15,23,42,.04) 100%),linear-gradient(0deg,rgba(15,23,42,.9),transparent 26%),linear-gradient(145deg,rgba(30,58,138,.17),transparent 60%)}
.mke-hero::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:rgba(96,165,250,.25)}
.mke-hero__container{max-width:1280px;margin:0 auto;padding:58px 32px 22px;position:relative;z-index:1}
.mke-hero__content{max-width:610px;display:flex;flex-direction:column}
.mke-hero__h1{font-size:48px;font-weight:700;line-height:1.06;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 20px}
.mke-hero__h1 span{color:var(--mke-blue)}
.mke-hero__intro{font-size:18px;line-height:1.6;color:#dbeafe;opacity:.9;max-width:560px;margin:0 0 27px}
.mke-hero__scenes{min-height:108px;margin-bottom:22px}
.mke-hero__scene[hidden]{display:none!important}
.mke-hero__eyebrow{color:#93c5fd;font-size:10px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.13em;margin:0 0 9px;display:flex;align-items:center;gap:10px}
.mke-hero__eyebrow::before{content:"";height:2px;width:22px;flex:0 0 22px;background:#22d3ee}
.mke-hero__scene h2{font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 10px;color:#fff}
.mke-hero__spec{font-size:15px;line-height:1.6;color:#cbd5e1;margin:0}
.mke-hero__actions{display:flex;gap:14px;align-items:stretch}
.mke-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:15px 24px;border-radius:8px;font-size:16px;line-height:22px;font-weight:700;text-decoration:none;color:#fff;border:1px solid transparent;transition:background .2s,box-shadow .2s}
.mke-hero__button--primary{background:linear-gradient(to right,#2563eb,#06b6d4);box-shadow:0 5px 20px rgba(37,99,235,.15)}
.mke-hero__button--primary:hover{box-shadow:0 7px 24px rgba(37,99,235,.35)}
.mke-hero__button--catalog{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.45)}
.mke-hero__button--catalog:hover{background:rgba(255,255,255,.12)}
.mke-hero__button span{font-size:21px;font-weight:400}
.mke-hero__utility{display:flex;gap:24px;margin-top:17px;font-size:12px;line-height:1.7}
.mke-hero__utility a{color:#cbd5e1;text-decoration:none}
.mke-hero__utility a:hover{color:#fff}
.mke-hero__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(148,163,184,.24);margin-top:34px;padding-top:16px}
.mke-hero button{font:inherit;color:inherit;cursor:pointer;appearance:none}
.mke-hero__pagination{display:flex;gap:24px;width:680px}
.mke-hero__pagination button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:6px 0 12px;flex:1;min-height:44px;font-size:12px;font-weight:500;text-align:left;background:none;border:0;color:#94a3b8;white-space:nowrap}
.mke-hero__number{font-size:10px;color:#64748b;padding-top:1px}
.mke-hero__pagination button[aria-current="true"]{color:#fff}
.mke-hero__pagination button[aria-current="true"] .mke-hero__number{color:#67e8f9}
.mke-hero__track{position:absolute;bottom:0;width:100%;height:2px;background:rgba(148,163,184,.22);overflow:hidden}
.mke-hero__track>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2563eb,#22d3ee)}
.mke-hero__pagination button[aria-current="true"] .mke-hero__track>span{transform:scaleX(1)}
.mke-hero.is-playing .mke-hero__pagination button[aria-current="true"] .mke-hero__track>span{animation:mke-hero-progress 7s linear forwards}
.mke-hero__controls{display:flex;gap:8px}
.mke-hero__controls[hidden]{display:none!important}
.mke-hero__controls button{width:44px;height:44px;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.4);border-radius:8px;font-size:22px;line-height:1}
.mke-hero__controls button:hover{background:rgba(96,165,250,.2)}
.mke-hero__controls button:disabled{opacity:.4;cursor:default}
.mke-hero a:focus-visible,.mke-hero button:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}
.mke-hero__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes mke-hero-camera{from{transform:scale(1.055) translateX(5px)}to{transform:scale(1.015) translateX(-3px)}}
@keyframes mke-hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1800px){.mke-hero__picture img{object-fit:cover;object-position:70% 45%}}
@media(min-width:640px) and (max-width:1023px){.mke-hero__container{padding:45px 24px 22px}.mke-hero__content{max-width:550px}.mke-hero__h1{font-size:42px}.mke-hero__shade{background:linear-gradient(90deg,rgba(15,23,42,.97),rgba(15,23,42,.88) 40%,rgba(15,23,42,.30))}.mke-hero__pagination{width:510px;gap:20px}.mke-hero__intro{max-width:500px}.mke-hero__picture img{object-position:79% 50%}}
@media(max-width:639px){
 .mke-hero{min-height:0;background:radial-gradient(ellipse 88% 220px at 50% 255px,#1b2d44 0%,#142137 48%,#0f172a 100%)}
 .mke-hero__container{padding:25px 16px 24px}
 .mke-hero__content{max-width:none}
 .mke-hero__h1{font-size:28px;line-height:1.12;margin-bottom:0;letter-spacing:-.04em}
 .mke-hero__media{top:132px;left:0;bottom:auto;height:250px;transform:none;mask-image:none;-webkit-mask-image:none}
 .mke-hero__picture{inset:0}
 .mke-hero__picture.is-active img{animation:none;transform:none}
 .mke-hero__picture img{width:auto;max-width:100%;margin:0 auto;object-fit:contain;object-position:center;animation:none;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);-webkit-mask-composite:source-in}
 .mke-hero__picture[data-picture="2"] img{object-position:center}
 .mke-hero__shade{background:linear-gradient(180deg,#0f172a 90px,rgba(15,23,42,.08) 170px,transparent 270px,#0f172a 370px)}
 .mke-hero__scenes{order:2;min-height:114px;height:114px;margin:240px 0 14px}
 .mke-hero__eyebrow{font-size:8px;letter-spacing:.10em;gap:8px;margin-bottom:8px}
 .mke-hero__eyebrow::before{width:17px;flex-basis:17px}
 .mke-hero__scene h2{font-size:25px;max-width:350px;margin-bottom:8px}
 .mke-hero__spec{font-size:13px;line-height:1.6}
 .mke-hero__actions{order:3;gap:10px}
 .mke-hero__button{flex:1;padding:13px 12px;gap:14px;min-height:50px;font-size:14px;white-space:nowrap}
 .mke-hero__intro{order:4;font-size:14px;line-height:1.6;margin:19px 0 0;color:#b9c9e0}
 .mke-hero__utility{order:5;font-size:11px;margin-top:14px;gap:22px}
 .mke-hero__footer{flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:12px;align-items:center}
 .mke-hero__pagination{gap:12px;width:100%;flex:1 0 100%}
 .mke-hero__pagination button{display:flex;gap:0;min-width:0;min-height:44px;padding:10px 0 12px;font-size:10px;justify-content:center}
 .mke-hero__number{display:none}
 .mke-hero__controls{gap:4px;margin-left:auto}
 .mke-hero__controls button{width:32px;height:44px;font-size:18px;border-color:transparent;background:none}
}
@media(max-width:359px){.mke-hero__h1{font-size:25px}.mke-hero__scene h2{font-size:23px}.mke-hero__button{font-size:13px;gap:10px}.mke-hero__pagination{gap:8px}.mke-hero__pagination button{font-size:9px}.mke-hero__utility{gap:15px}}
@media(prefers-reduced-motion:reduce){.mke-hero__picture{transition:none}.mke-hero__picture img,.mke-hero__track>span{animation:none!important;transform:none!important}.mke-hero__media{transform:none}.mke-hero a{transition:none}}
/* More breathing room, with the valve brought towards the text column. */
@media(min-width:1024px){
 .mke-hero__picture[data-picture="0"]{inset:22px 10% 48px -12%}
 .mke-hero__picture[data-picture="0"] img{object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 85%,transparent)}
}
@media(max-width:639px){.mke-hero__media{height:230px}}
/* Cinematic depth: compositor-only movement and a broad, restrained light pass. */
@media(min-width:640px) and (prefers-reduced-motion:no-preference){
 .mke-hero__picture{transform:translate3d(24px,0,0) scale(1.035);transition:opacity 1.6s cubic-bezier(.22,.61,.36,1),transform 2s cubic-bezier(.22,.61,.36,1)}
 .mke-hero__picture.is-active{transform:translate3d(0,0,0) scale(1)}
 .mke-hero__picture img{transform-origin:72% 54%}
 .mke-hero__picture.is-active img{animation-name:mke-cinema-dolly;animation-duration:9s;animation-timing-function:cubic-bezier(.2,.4,.65,1)}
 .mke-hero__picture[data-picture="1"].is-active img,.mke-hero__picture[data-picture="3"].is-active img{animation-name:mke-cinema-drift}
 .mke-hero__picture::after{content:"";position:absolute;inset:3% -25%;pointer-events:none;background:linear-gradient(112deg,transparent 33%,rgba(123,194,255,.025) 43%,rgba(195,229,255,.14) 50%,rgba(123,194,255,.025) 57%,transparent 67%);opacity:0;transform:translate3d(-22%,0,0);mask-image:radial-gradient(ellipse at 67% 48%,#000 8%,transparent 67%);-webkit-mask-image:radial-gradient(ellipse at 67% 48%,#000 8%,transparent 67%)}
 .mke-hero__picture.is-active::after{animation:mke-cinema-light 7s ease-in-out both;animation-play-state:paused}
 .mke-hero.is-playing .mke-hero__picture.is-active::after{animation-play-state:running}
}
@keyframes mke-cinema-dolly{from{transform:scale(1.015) translate3d(-9px,4px,0)}to{transform:scale(1.10) translate3d(9px,-3px,0)}}
@keyframes mke-cinema-drift{from{transform:scale(1.09) translate3d(14px,-3px,0)}to{transform:scale(1.025) translate3d(-12px,3px,0)}}
@keyframes mke-cinema-light{0%{opacity:0;transform:translate3d(-22%,0,0)}25%{opacity:.6}60%{opacity:1}100%{opacity:0;transform:translate3d(24%,0,0)}}
@media(max-width:639px){.mke-hero__picture{transition:opacity 1.1s ease}}
@media(prefers-reduced-motion:reduce){.mke-hero__picture{transition:none!important;transform:none!important}.mke-hero__picture::after{display:none}}

[data-premium-home] .mke-hero{background:#101a2b}
[data-premium-home] .mke-hero__h1{letter-spacing:-.045em;font-weight:600}
[data-premium-home] .mke-hero__button{border-radius:5px}
[data-premium-home] .mke-hero__button--primary{background:linear-gradient(115deg,#225bc9,#2587b2);box-shadow:0 6px 24px #030c2026}
[data-premium-home] .mke-hero__pagination button{letter-spacing:.025em}

/* Outline control icons; original company logo is preserved. */
.mke-line-icon{display:block;width:20px;height:20px;flex-shrink:0}
[data-premium-home] .mke-hero__controls button{border:1px solid #b4c8e048;border-radius:50%;background:#0d1c2c44;display:grid;place-items:center;transition:border-color .2s,background .2s}
[data-premium-home] .mke-hero__controls button:hover{border-color:#c3d8ed;background:#38557540}
[data-premium-home] [data-pause-symbol]{display:block;width:20px;height:20px;font-size:0}
[data-premium-home] [data-pause-symbol] svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[data-premium-home] .mke-hero__button--catalog{border-color:#b4c8e066;background:#14253d22}

[data-premium-home] .mke-hero__utility a{display:inline-flex;align-items:center;gap:6px}
[data-premium-home] .mke-hero__utility .mke-line-icon{width:12px;height:12px}
@media(max-width:767px){[data-premium-home] .mke-hero__controls button{width:36px;height:36px}[data-premium-home] .mke-hero__controls{gap:8px}}

.mke-depth-background{display:block;height:100%}
/* Scoped to the hero: the restored catalogue is deliberately untouched. */
.mke-depth-object,.mke-depth-floor{display:none}
@media(min-width:1024px){
 [data-premium-home] .mke-hero{min-height:560px}
 [data-premium-home] .mke-hero__container{padding:42px 32px 20px}
 [data-premium-home] .mke-hero__content{max-width:610px}
 [data-premium-home] .mke-hero__h1{font-size:40px;line-height:1.1;margin-bottom:17px}
 [data-premium-home] .mke-hero__intro{font-size:16px;line-height:1.5;max-width:525px;margin-bottom:21px}
 [data-premium-home] .mke-hero__scenes{min-height:84px;margin-bottom:17px}
 [data-premium-home] .mke-hero__scene h2{font-size:28px}
 [data-premium-home] .mke-hero__footer{margin-top:24px;padding-top:13px}
 [data-premium-home] .mke-hero__media{left:0;mask-image:none;-webkit-mask-image:none}
 [data-premium-home] .mke-hero__picture:not(.mke-depth-scene){left:31%}
 [data-premium-home] .mke-hero__picture.mke-depth-scene{inset:0;transform:none}
 [data-premium-home] .mke-depth-scene::after{display:none}
 [data-premium-home] .mke-depth-background{position:absolute;inset:0;display:block}
 [data-premium-home] .mke-depth-scene .mke-depth-background img{width:100%;height:100%;object-fit:cover;object-position:center 65%;mask-image:none;-webkit-mask-image:none;transform-origin:72% 62%;animation:none;opacity:1}
 [data-premium-home] .mke-depth-scene.is-active .mke-depth-background{animation:mke-depth-room 9s ease-in-out both;animation-play-state:paused}
 [data-premium-home] .mke-depth-object{display:block;position:absolute;left:calc(50% + 86px);top:26px;bottom:74px;width:clamp(290px,29vw,430px);transform-origin:50% 96%}
 [data-premium-home] .mke-depth-object picture{display:block;width:100%;height:100%}
 [data-premium-home] .mke-depth-scene .mke-depth-object img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:none;-webkit-mask-image:none;animation:none;transform:none}
 [data-premium-home] .mke-depth-scene.is-active .mke-depth-object{animation:mke-depth-product 9s ease-in-out both;animation-play-state:paused}
 [data-premium-home] .mke-depth-floor{display:block;position:absolute;left:calc(50% + 91px);bottom:80px;width:clamp(285px,28vw,425px);height:34px;background:radial-gradient(ellipse,rgba(0,5,12,.8),rgba(0,5,12,.35) 40%,transparent 72%);opacity:.9;transform-origin:center}
 [data-premium-home] .mke-depth-scene.is-active .mke-depth-floor{animation:mke-depth-shadow 9s ease-in-out both;animation-play-state:paused}
 [data-premium-home] .mke-hero.is-playing .mke-depth-scene.is-active :is(.mke-depth-background,.mke-depth-object,.mke-depth-floor){animation-play-state:running}
 [data-premium-home] .mke-hero__shade{background:radial-gradient(ellipse 550px 420px at calc(50% - 320px) 48%,rgba(10,20,36,.74),rgba(10,20,36,.43) 64%,transparent 100%),linear-gradient(rgba(10,20,36,.18),rgba(10,20,36,.18)),linear-gradient(0deg,rgba(10,20,36,.72),transparent 20%)}
}
@keyframes mke-depth-room{from{transform:scale(1.015) translateX(-3px)}to{transform:scale(1.045) translateX(-11px)}}
@keyframes mke-depth-product{from{transform:perspective(1300px) translateX(-12px) rotateY(-1deg) scale(.965)}to{transform:perspective(1300px) translateX(12px) rotateY(1deg) scale(1.025)}}
@keyframes mke-depth-shadow{from{transform:translateX(-12px) scale(.965)}to{transform:translateX(12px) scale(1.025)}}
@media(min-width:1024px) and (max-width:1199px){[data-premium-home] .mke-hero__content{max-width:540px}[data-premium-home] .mke-hero__h1{font-size:36px}[data-premium-home] .mke-depth-object{left:calc(50% + 65px);width:33vw}[data-premium-home] .mke-depth-floor{left:calc(50% + 65px);width:33vw}}
@media(prefers-reduced-motion:reduce){[data-premium-home] .mke-depth-scene :is(.mke-depth-background,.mke-depth-object,.mke-depth-floor){animation:none!important;transform:none!important}}

@media(min-width:1024px){
 [data-premium-home] .mke-depth-scene:not([data-picture="0"]) .mke-depth-object{left:calc(50% - 10px);width:min(47vw,700px);top:24px;bottom:77px}
 [data-premium-home] .mke-depth-scene:not([data-picture="0"]) .mke-depth-floor{left:calc(50% + 35px);width:min(40vw,595px);bottom:87px}
 [data-premium-home] .mke-depth-scene[data-picture="1"] .mke-depth-object{left:calc(50% + 20px);width:min(44vw,650px)}
 [data-premium-home] .mke-depth-scene[data-picture="2"] .mke-depth-object{left:calc(50% - 20px);width:min(48vw,710px)}
 [data-premium-home] .mke-depth-scene[data-picture="3"] .mke-depth-object{left:calc(50% - 5px);width:min(46vw,690px)}
}
@media(max-width:1023px){
 [data-premium-home] .mke-depth-scene .mke-depth-background img{width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;animation:none!important;transform:none!important}
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
 [data-picture="0"]{--mke-cutout:url('/local/mke-hero-20261003-v1/images/depth-gate-object.webp')}
 [data-picture="1"]{--mke-cutout:url('/local/mke-hero-20261003-v1/images/depth-valves-object.webp')}
 .mke-depth-glint{position:absolute;inset:0;pointer-events:none;mask-image:var(--mke-cutout);mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat;-webkit-mask-image:var(--mke-cutout);-webkit-mask-size:contain;-webkit-mask-position:center bottom;-webkit-mask-repeat:no-repeat}
 .mke-depth-glint::before{content:"";position:absolute;inset:-5% -90%;background:linear-gradient(108deg,transparent 39%,rgba(174,215,255,.08) 47%,rgba(218,237,255,.25) 50%,rgba(174,215,255,.08) 53%,transparent 61%);transform:translateX(-35%);opacity:0}
 .mke-depth-scene.is-active .mke-depth-glint::before{animation:mke-depth-silver 7s ease-in-out both;animation-play-state:paused}
 .mke-hero.is-playing .mke-depth-scene.is-active .mke-depth-glint::before{animation-play-state:running}
}
@keyframes mke-depth-silver{0%{transform:translateX(-35%);opacity:0}30%{opacity:.7}65%{opacity:.7}100%{transform:translateX(35%);opacity:0}}
@media(prefers-reduced-motion:reduce){.mke-depth-glint{display:none}}
/* Broad overhead shafts of light, behind the product and below the text shade. */
@media(min-width:1024px){
 .mke-depth-background::after{content:"";position:absolute;inset:-18% -10%;pointer-events:none;background:linear-gradient(119deg,transparent 46%,rgba(140,198,244,.06) 48%,rgba(209,236,255,.32) 51%,rgba(140,198,244,.08) 54%,transparent 57%),linear-gradient(105deg,transparent 67%,rgba(140,198,244,.09) 69%,rgba(218,239,255,.29) 72%,rgba(140,198,244,.055) 75%,transparent 78%);mask-image:linear-gradient(180deg,transparent 8%,#000 26%,#000 53%,rgba(0,0,0,.45) 72%,transparent 92%);-webkit-mask-image:linear-gradient(180deg,transparent 8%,#000 26%,#000 53%,rgba(0,0,0,.45) 72%,transparent 92%);opacity:.9;transform-origin:75% 0%}
 .mke-depth-scene.is-active .mke-depth-background::after{animation:mke-depth-beams 9s ease-in-out both;animation-play-state:paused}
 .mke-hero.is-playing .mke-depth-scene.is-active .mke-depth-background::after{animation-play-state:running}
 .mke-depth-glint::before{background:linear-gradient(108deg,transparent 38%,rgba(174,215,255,.12) 46%,rgba(232,245,255,.36) 50%,rgba(174,215,255,.12) 54%,transparent 62%)}
}
@keyframes mke-depth-beams{from{transform:translateX(-1.5%) rotate(-1deg);opacity:.75}to{transform:translateX(1.5%) rotate(1deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.mke-depth-background::after{animation:none!important;transform:none!important;opacity:.8}}
/* Animated lighting must not create an internal focus-scroll area. */
@supports(overflow:clip){[data-premium-home] .mke-hero{overflow:clip}[data-premium-home] .mke-hero__media{overflow:clip}}

/* Continuous workshop across the hero; long pipes retain their native proportions. */
@media(min-width:1024px){
 [data-premium-home] .mke-hero__content{text-shadow:0 2px 10px rgba(0,8,20,.6)}
 [data-premium-home] .mke-depth-scene:is([data-picture="2"],[data-picture="3"]) .mke-depth-object{left:auto;right:32px;top:auto;bottom:78px;width:min(92vw,1600px);height:auto;aspect-ratio:3/1;transform-origin:85% 80%}
 [data-premium-home] .mke-depth-scene:is([data-picture="2"],[data-picture="3"]) .mke-depth-floor{left:9%;right:5%;width:auto;height:34px;bottom:85px}
}
@media(max-width:1023px){
 [data-premium-home] .mke-hero{background:linear-gradient(rgba(15,23,42,.68),rgba(15,23,42,.68)),url('/local/mke-hero-20261003-v1/images/warehouse-full-780.webp') center/cover}
 [data-premium-home] .mke-hero__media{left:0;mask-image:none;-webkit-mask-image:none}
 [data-premium-home] .mke-hero__shade{background:linear-gradient(180deg,rgba(15,23,42,.4),rgba(15,23,42,.1) 50%,rgba(15,23,42,.45))}
}

/* Pipe slides are single photographs: products, floor and shadows share one camera. */
@media(min-width:1024px){
 [data-premium-home] .mke-warehouse-scene .mke-depth-background{animation:none!important;transform:none!important}
 [data-premium-home] .mke-warehouse-scene.is-active{transform-origin:72% 72%;animation:mke-grounded-camera 9s ease-in-out both;animation-play-state:paused}
 [data-premium-home] .mke-hero.is-playing .mke-warehouse-scene.is-active{animation-play-state:running}
}
@keyframes mke-grounded-camera{from{transform:scale(1.005) translateX(-2px)}to{transform:scale(1.025) translateX(-5px)}}
@media(max-width:1023px){
 [data-premium-home] .mke-warehouse-scene .mke-depth-background img{object-fit:cover;object-position:84% 72%;width:100%;max-width:none}
 [data-premium-home] .mke-warehouse-scene .mke-depth-background{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}
}
@media(prefers-reduced-motion:reduce){[data-premium-home] .mke-warehouse-scene.is-active{animation:none!important;transform:none!important}}