#automotive-study{background:#100f14;color:var(--paper);padding-top:80px;isolation:isolate}
#automotive-study .auto-heading{padding:0 var(--gutter) 40px;display:flex;justify-content:space-between;align-items:end;gap:32px}
#automotive-study h2{font-size:clamp(36px,5.7vw,88px);line-height:1.04;letter-spacing:-.05em;margin:20px 0 0}
#automotive-study .auto-heading>p{max-width:30ch;font-size:15px;line-height:1.6}
#automotive-study .auto-track{position:relative}
#automotive-study .auto-stick{position:relative;overflow:hidden}
#automotive-study .auto-stage{height:65svh;min-height:300px;position:relative;background:#131219}
#automotive-study .auto-stage img,#automotive-study canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#automotive-study canvas{opacity:0}
#automotive-study .auto-stage[data-rendered=true] canvas{opacity:1}
#automotive-study .auto-stage[data-rendered=true] img{visibility:hidden}
#automotive-study .auto-copy{padding:24px var(--gutter);border-top:1px solid #ffffff25;min-height:130px}
#automotive-study .auto-caption small{font-size:11px;color:#c9a5f3;letter-spacing:.12em;text-transform:uppercase}
#automotive-study .auto-caption h3{font-size:clamp(24px,3vw,40px);letter-spacing:-.03em;margin:8px 0}
#automotive-study .auto-caption p{font-size:14px;line-height:1.6}
#automotive-study .auto-caption[hidden]{display:none}
#automotive-study .auto-outro{padding:32px var(--gutter) 64px;display:flex;justify-content:space-between;gap:24px;align-items:end}
#automotive-study .auto-outro p{font-size:14px;max-width:48ch;line-height:1.6}
#automotive-study .auto-fallback-story{padding:16px var(--gutter);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none}
#automotive-study .auto-fallback-story li{font-size:14px;line-height:1.6}
#automotive-study .auto-fallback-story strong{display:block;margin-bottom:8px}
#automotive-study.auto-motion .auto-track{height:320svh}
#automotive-study.auto-motion .auto-stick{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto}
#automotive-study.auto-motion .auto-stage{height:100%;min-height:0}
#automotive-study.auto-live .auto-fallback-story{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){#automotive-study{padding-top:48px}#automotive-study .auto-heading{display:block;padding-bottom:24px}#automotive-study .auto-heading>p{margin-top:20px}#automotive-study.auto-motion .auto-track{height:280svh}#automotive-study .auto-copy{min-height:150px;padding-top:20px;padding-bottom:24px}#automotive-study .auto-outro{display:block}#automotive-study .auto-outro .text-link{margin-top:20px}#automotive-study .auto-fallback-story{grid-template-columns:1fr 1fr}#automotive-study .auto-stage{height:50svh;min-height:240px}}

/* Scroll-derived caption layering keeps the stage size stable. */
#automotive-study .auto-copy{display:grid}
#automotive-study .auto-caption{grid-area:1/1;transition:none}
@media(max-width:700px){#automotive-study.auto-motion .auto-stick{top:max(64px,calc((100svh - 610px)/2));height:auto;grid-template-rows:clamp(280px,48svh,440px) auto}#automotive-study.auto-motion .auto-stage{height:100%}#automotive-study .auto-copy{min-height:170px}}

/* Scoped composition: shorter, earlier mobile arrival with a stable caption slot. */
#automotive-study{padding-top:40px}
#automotive-study .auto-heading{padding-bottom:24px}
@media(max-width:700px){#automotive-study{padding-top:24px}#automotive-study.auto-motion .auto-stick{top:max(60px,calc((100svh - 560px)/2));grid-template-rows:clamp(280px,41svh,370px) auto}#automotive-study .auto-copy{min-height:170px}}