/* Original supplied container, animated without changing the source image. */
[data-hero-branch]{display:none!important}
[data-hero-section]{isolation:isolate!important}
.archi-container-motion{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.archi-container-drift{position:absolute;right:-3vw;top:-5vh;width:72vw;height:100vh;will-change:transform;transform:translate3d(0,var(--cargo-scroll,0px),0)}
.archi-container-drift img{width:100%;height:100%;object-fit:contain;transform-origin:53% 0%;animation:archi-suspended 6s ease-in-out infinite;will-change:transform}
html.archi-container-visible [data-hero-bottle]{opacity:0!important;visibility:hidden!important}
@keyframes archi-suspended{0%,100%{transform:rotate(-1.8deg) translateY(0)}50%{transform:rotate(1.8deg) translateY(12px)}}
@media(max-width:767px){.archi-container-drift{right:-14vw;top:-11vh;width:128vw;height:76vh}}
@media(prefers-reduced-motion:reduce){.archi-container-drift img{animation:none}.archi-container-drift{transform:none}}

.archi-container-drift img{-webkit-mask:url('/archi-assets/container-silhouette.svg') center/100% 100% no-repeat;mask:url('/archi-assets/container-silhouette.svg') center/100% 100% no-repeat;object-fit:fill;height:auto;aspect-ratio:3/2;display:block}
.archi-container-motion{transition:opacity .1s linear}
@media(max-width:767px){.archi-container-drift{right:-12vw;top:0;width:124vw;height:auto}}

/* The native preloader keeps its real progress and completion event. */
[role="status"] svg:has(#loader-glass-fill){visibility:hidden!important}
[role="status"] div:has(>svg #loader-glass-fill)::before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:120px;height:100px;background:url('/archi-assets/forklift-loader.svg') center/contain no-repeat}
[data-hero-title]{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;font-size:clamp(44px,6.4vw,122px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:48vw!important}
[data-hero-title] .char{font-family:inherit!important}
@media(max-width:767px){[data-hero-title]{font-size:clamp(38px,10vw,66px)!important;max-width:94vw!important}}
/* Remove the central pallet from the shared hero/about scene. */
[data-hero-bottle]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.archi-container-drift{transform:translate3d(0,-135vh,0);height:auto}
html.archi-crane-started .archi-container-drift{animation:archi-crane-lower 1.8s cubic-bezier(.22,.65,.3,1) forwards}
@keyframes archi-crane-lower{from{transform:translate3d(0,-135vh,0)}to{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){html.archi-crane-started .archi-container-drift{animation:none;transform:translate3d(0,0,0)}}