@media(min-width:1100px){.hero-promos{grid-template-columns:repeat(5,minmax(0,1fr))}}
.hero-garage{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-width:0;min-height:150px;padding:16px 18px;border:1px solid #b18a62;border-radius:15px;color:#fff8ef;background:radial-gradient(ellipse at 83% 72%,#78533c 0,#3f302b 42%,#181c21 82%);box-shadow:0 12px 30px #0004;transition:transform 160ms ease,border-color 160ms ease}
.hero-garage-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:66%;pointer-events:none}
.hero-garage-copy small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#f3c699;line-height:1.3}
.hero-garage-title{display:block;width:min(100%,160px);height:auto;filter:drop-shadow(0 2px 3px #0b1016)}
.hero-garage-copy>span{font-size:11px;font-weight:800;white-space:nowrap;color:#fff5e8}
.hero-garage-reel{position:absolute;z-index:1;right:-7%;bottom:3px;width:67%;height:100%;pointer-events:none}
.hero-garage-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;filter:drop-shadow(0 8px 7px #0009)}
.hero-garage-reel img.is-active{opacity:1}
.hero-garage-arrow{position:absolute;top:12px;right:14px;z-index:3;font-size:18px;font-weight:900}
@media(hover:hover) and (pointer:fine){.hero-garage:hover{transform:translateY(-2px);border-color:#f3cd9f}}
@media(prefers-reduced-motion:reduce){.hero-garage{transition:none}.hero-garage:hover{transform:none}}