/* Keep the original copy and full-width scene; only move the products inward. */
html body{--home-content-inset:max(5.5%,calc((100% - 1240px)/2))}
html body .site-header.hero-header{padding-left:var(--home-content-inset);padding-right:var(--home-content-inset)}
html body #home.hero-composite{--home-image-width:min(100%,calc(var(--home-image-height) * 2170 / 725))}
html[lang] body #home.hero-composite .hero-copy{top:50%;left:var(--home-content-inset);transform:translateY(-50%) scale(.7);transform-origin:left center}
html body #home.hero-composite .home-banner-image{position:absolute;inset:0;z-index:-5;display:block}
html body #home.hero-composite .workshop-layer{z-index:0;object-position:center bottom;filter:brightness(.92)}
html body #home.hero-composite .home-banner-extension{display:none}
html body #home.hero-composite .atmosphere-layer{background:linear-gradient(270deg,#22394f 0%,#172c40 calc((100% - var(--home-image-width))/2),#172c4060 calc((100% - var(--home-image-width))/2 + 60px),#172c4000 calc((100% - var(--home-image-width))/2 + 160px)),linear-gradient(90deg,#091827 calc(100% - var(--home-image-width)),#09182700 calc(100% - var(--home-image-width) + 140px)),linear-gradient(90deg,#051a34b8,#051a3450 54%,#051a3415)}
/* Only the generated background at the right of the panorama is visible.
   The original contain image continues to provide every product pixel. */
@media(min-width:1530px){
 html body #home.hero-composite .home-banner-extension{display:block;position:absolute;z-index:-5;top:0;bottom:0;left:calc((100% + var(--home-image-width))/2 - 40px);right:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 40px)}
 html body #home.hero-composite .home-banner-extension img{position:absolute;right:0;top:0;width:461.666667%;height:100%;max-width:none;object-fit:fill;filter:brightness(.92)}
 html body #home.hero-composite .atmosphere-layer{background:linear-gradient(270deg,#22394f20 0%,#172c4000 calc((100% - var(--home-image-width))/2 + 100px)),linear-gradient(90deg,#091827 calc(100% - var(--home-image-width)),#09182700 calc(100% - var(--home-image-width) + 140px)),linear-gradient(90deg,#051a34b8,#051a3450 54%,#051a3415)}
 /* Darken only the added right background, fading in at the seam. */
 html body #home.hero-composite .atmosphere-layer::before{content:"";position:absolute;inset:0 0 0 calc((100% + var(--home-image-width))/2 - 48px);pointer-events:none;backdrop-filter:blur(3.6px);-webkit-backdrop-filter:blur(3.6px);mask-image:linear-gradient(90deg,transparent 0px,#000 58px,#000 100%)}
 html body #home.hero-composite .atmosphere-layer::after{content:"";position:absolute;inset:0 0 0 calc((100% + var(--home-image-width))/2 - 48px);pointer-events:none;background:linear-gradient(90deg,#09182700 0%,#09182748 24%,#091827d2 60%,#091827ff 100%)}
}
@media(max-width:1100px){html body{--home-content-inset:5%}}
@media(max-width:760px){html body{--home-content-inset:6%}}
@media(max-width:700px){
 html body #home.hero-composite{--home-image-height:320px;--home-image-width:min(100%,calc(var(--home-image-height) * 4 / 3))}
 html[lang] body #home.hero-composite .hero-copy{top:26px;transform:scale(.7);transform-origin:left top}
 html body #home.hero-composite .workshop-layer{height:320px;inset:auto 0 0;object-position:right bottom}
 html body #home.hero-composite .atmosphere-layer{background:linear-gradient(180deg,#071a2b 0%,#071a2b calc(100% - 330px),#071a2b30 calc(100% - 250px),transparent calc(100% - 160px)),linear-gradient(90deg,#071a2b calc(100% - var(--home-image-width)),transparent calc(100% - var(--home-image-width) + 50px))}
}