/* Different compositions, rather than scaling the desktop cut-out. */
@media (max-width:1100px){
 .automotive-world .hero{clip-path:none;border-radius:20px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:0;margin:0 16px 24px}
 .automotive-world .hero-copy{min-height:0;padding:54px 30px 42px}
 .automotive-world .hero h1{font-size:clamp(30px,4.1vw,46px);line-height:1.2;transform:none}
 .automotive-world .hero h1 .mobile-break{display:none}
 .automotive-world .hero .outlined{font-size:inherit;margin-top:12px}
 .automotive-world .hero-photo{position:relative;inset:auto;min-height:510px;height:100%;width:100%;margin:0}
 .automotive-world .hero-photo>img{object-position:68% center;transform:none;filter:saturate(.8) brightness(.95)}
 .automotive-world .hero-photo:before{background:linear-gradient(90deg,#10171d,transparent 35%)}
 .automotive-world .hero-copy>p:not(.hero-detail){font-size:15px;line-height:1.75}
 .automotive-world .hero-actions{display:flex;flex-direction:column;align-items:stretch;max-width:280px;gap:12px;margin-top:26px}
 .automotive-world .hero-actions .button{font-size:13px;min-height:54px;padding:15px 20px}
 .automotive-world .hero-detail{font-size:12px;line-height:1.75}
 .automotive-world .hero .discover{font-size:12px;margin-top:22px;max-width:none}
}
@media (max-width:700px){
 .automotive-world .hero{display:flex;flex-direction:column;margin:0 12px 18px;border-radius:16px}
 .automotive-world .hero-copy{padding:32px 22px 28px;min-height:0}
 .automotive-world .hero h1{font-size:clamp(29px,7.8vw,48px);line-height:1.16;margin-bottom:22px;max-width:none}
 .automotive-world .hero h1 .mobile-break{display:block}
 .automotive-world .hero .outlined{font-size:clamp(21px,5.9vw,34px);margin-top:14px}
 .automotive-world .hero-actions{max-width:none;flex-direction:row;flex-wrap:wrap;gap:10px}
 .automotive-world .hero-actions .button{flex:1 1 145px;font-size:13px;padding:14px 16px;gap:10px}
 .automotive-world .hero-copy>p:not(.hero-detail){font-size:15px}
 .automotive-world .hero .discover{display:none}
 .automotive-world .hero-photo{height:clamp(245px,70vw,380px);min-height:0;flex:none}
 .automotive-world .hero-photo>img{object-position:65% 56%;transform:none}
 .automotive-world .hero-photo:before{background:linear-gradient(180deg,#10171d,transparent 25%)}
 .automotive-world .hero-detail{max-width:40ch;font-size:12px}
}
@media (max-width:359px){.automotive-world .hero-copy{padding:28px 18px 22px}.automotive-world .hero-actions .button{flex-basis:100%}.automotive-world .hero h1{font-size:29px}.automotive-world .hero .outlined{font-size:21px}}

/* A single shallow, fixed-pixel shoulder replaces the stretched desktop silhouette. */
@media(max-width:1100px){.automotive-world .hero.has-compact-contour{clip-path:url(#hero-shell-compact)}.automotive-world .hero-copy{padding-top:68px}.automotive-world .hero-actions .button{white-space:nowrap}.automotive-world .hero-copy>.media-note{font-size:11px}}
@media(max-width:700px){.automotive-world .hero-copy{padding-top:54px}.automotive-world .hero-actions .button{font-size:12px;padding-left:12px;padding-right:12px}.automotive-world .hero-photo figcaption{inset:auto 18px 18px auto;font-size:12px;background:#10171dcc;padding:5px 9px}}
@media(max-width:700px){.automotive-world .hero-photo figcaption{left:18px;right:auto;bottom:18px;text-align:left}}