.brand-hero{perspective:1100px;--depth-scroll:0px;--depth-fade:1}
.brand-hero:after{animation:none;background:linear-gradient(110deg,transparent 25%,#e5d4a812 48%,transparent 68%);opacity:.6}
.brand-hero .exhibit{animation:none;transform-style:preserve-3d;transform:translate3d(0,var(--depth-scroll),0);will-change:transform}
.brand-hero .exhibit img,.brand-hero .exhibit:hover img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(var(--machine-x,0px),var(--machine-y,0px),22px);transition:transform .7s cubic-bezier(.2,.7,.3,1);animation:machine-arrive 1.5s cubic-bezier(.16,1,.3,1) both;filter:drop-shadow(-12px 22px 17px #0008) drop-shadow(2px -2px 2px #e3d8bc25)}
.brand-hero-copy{opacity:var(--depth-fade);animation:copy-arrive 1s .25s both}
.depth-rim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff4ceaa 48%,transparent 59%);mask:url('assets/highspeed-cover.png') center bottom/contain no-repeat;-webkit-mask:url('assets/highspeed-cover.png') center bottom/contain no-repeat;mix-blend-mode:screen;animation:rim-pass 2s .4s both;opacity:0;transform:translateZ(24px)}
.cover-actions a,.mobile-bar a{transition:transform .2s,box-shadow .2s}.cover-actions a:active,.mobile-bar a:active{transform:scale(.96)}.cover-actions b,.mobile-bar b{transition:transform .25s}.cover-actions a:hover b,.mobile-bar a:hover b{transform:translateX(4px)}
@keyframes machine-arrive{from{opacity:0;translate:0 30px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes copy-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes rim-pass{0%{opacity:0;background-position:-300px 0}30%{opacity:.45}100%{opacity:0;background-position:300px 0}}
@media(prefers-reduced-motion:reduce){.brand-hero .exhibit,.brand-hero .exhibit img{transform:none!important;animation:none!important}.depth-rim{display:none}.brand-hero-copy{opacity:1;animation:none}}