/* One continuous viewport; warm ivory is a deliberate Precision chapter. */
body[data-page=automotive]{--auto-accent:#a5707b;background:#151312;overflow-x:clip}
html:has(body[data-page=automotive]){scroll-padding-top:0}
body[data-page=automotive] .header{position:fixed;z-index:20;background:linear-gradient(#151312bf,transparent);transition:color .25s ease,background .25s ease}
body[data-page=automotive] .header .brand img{width:156px}
body[data-page=automotive] .header .worlds-menu{color:var(--ink)}
body.auto-light-chapter .header{color:#151312;background:linear-gradient(#f2ece2eb,transparent)}
body.auto-light-chapter .header .brand img{filter:brightness(0)}
body.auto-light-chapter .header a:hover{color:#6a303d}
body[data-page=automotive] main{outline:none}
.auto-study{position:relative}
.auto-stage{position:relative;min-height:100svh;isolation:isolate;background:#151312}
.auto-scene{position:relative;height:100svh;min-height:600px;isolation:isolate;overflow:hidden;background:#151312;color:#f2ece2}
.auto-picture{position:absolute;inset:0;z-index:-2;display:block;transform-origin:center center;background-size:cover;background-position:center;background-repeat:no-repeat}
.auto-picture img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .3s ease}
.auto-picture img.is-loaded{opacity:1}
.auto-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#151312a6,transparent 24%,transparent 75%,#15131230)}
.auto-copy{position:absolute;left:var(--margin);right:var(--margin);top:16%;max-width:58%}
.auto-eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;line-height:1.8;margin:0 0 20px}
body[data-page=automotive] .auto-copy h1,body[data-page=automotive] .auto-copy h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(64px,6.6vw,120px);line-height:.99;letter-spacing:-.01em;font-weight:300;text-transform:uppercase;text-wrap:balance}
.auto-description{font-size:clamp(13px,1.15vw,18px);letter-spacing:.04em;margin-top:20px;max-width:46ch}
.auto-scene--opening .auto-picture img{object-position:55% 50%}
body[data-page=automotive] .auto-scene--opening h1{font-size:clamp(60px,5.4vw,104px)}
.auto-scene--opening .auto-picture{top:8%;bottom:-3%}
.auto-scene--opening .auto-shade{background:linear-gradient(180deg,#151312 9%,transparent 31%,transparent 74%,#15131266)}
.auto-scene--right .auto-copy{left:auto;top:35%;right:var(--margin);max-width:38%;text-align:right}
.auto-scene--right .auto-shade{background:linear-gradient(90deg,transparent 40%,#1513123b 65%,#1513128c)}
.auto-scene--light{background:#e8e2d8;color:#151312}
.auto-scene--light .auto-shade{background:linear-gradient(0deg,#e8e2d8a3,transparent 24%)}
.auto-scene--left .auto-copy{top:48%;max-width:33%}
.auto-scene--center .auto-copy{top:auto;bottom:17%;left:50%;right:auto;transform:translateX(-50%);text-align:center;width:50%;max-width:600px}
body[data-page=automotive] .auto-scene--center h2{font-size:clamp(56px,5vw,88px)}
.auto-scene--center .auto-shade{background:linear-gradient(0deg,#151312eb,transparent 68%)}
.auto-scene--top .auto-copy{top:16%;left:var(--margin);right:var(--margin);max-width:none;text-align:center}
body[data-page=automotive] .auto-scene--top h2{font-size:clamp(64px,6.3vw,110px)}
.auto-scene--top .auto-shade{background:linear-gradient(0deg,#15131288,transparent 25%,transparent 60%,#15131270)}
.auto-scene--finale .auto-copy{top:18%;max-width:54%}
.auto-discover{position:absolute;left:var(--margin);bottom:15%;display:inline-flex;align-items:center;gap:16px;font-size:12px;min-height:44px}
.auto-discover svg{width:26px;height:26px}
.auto-inquiry{position:absolute;left:var(--margin);bottom:16%;display:inline-flex;align-items:center;gap:32px;min-height:48px;border-bottom:1px solid #a5707b;font-size:13px;background:#15131240}
.auto-inquiry:hover{border-color:#f2ece2}
.auto-replay{position:absolute;right:var(--margin);bottom:16%;display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:12px}
.auto-replay svg{width:24px;height:24px}
.auto-toolbar{display:none}
.auto-enhanced{height:700svh}
.auto-enhanced .auto-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
.auto-enhanced .auto-scenes{position:absolute;inset:0}
.auto-enhanced .auto-scene{position:absolute;inset:0;height:100%;min-height:0;opacity:0;visibility:hidden}
.auto-enhanced .auto-scene:first-child{opacity:1;visibility:visible}
.auto-enhanced .auto-toolbar{position:absolute;z-index:8;left:var(--margin);right:var(--margin);bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:#f2ece2}
.auto-toolbar button{font-size:11px;min-height:44px}
.auto-motion{display:inline-flex;align-items:center;justify-self:start;gap:12px;padding:0}
.auto-motion-icon{width:13px;height:13px;border-inline:1px solid currentColor;display:inline-block;transform:scaleX(.6)}
.auto-motion.is-paused .auto-motion-icon{border:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;transform:none}
.auto-chapters{display:flex;gap:8px;align-items:center}
.auto-chapters button{position:relative;width:50px;padding:0 5px;color:inherit}
.auto-track{height:2px;display:block;background:#f2ece24d;overflow:hidden}
.auto-track span{display:block;height:100%;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left}
.auto-chapters button[aria-current] .auto-track{background:#a5707b}
.auto-chapters button[aria-current]::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#a5707b;left:calc(50% - 2px);top:32px}
.auto-chapter-label{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.04em;white-space:nowrap;visibility:hidden;opacity:0;background:#151312ed;color:#f2ece2;padding:6px 9px}
.auto-chapters button:hover .auto-chapter-label,.auto-chapters button:focus-visible .auto-chapter-label{visibility:visible;opacity:1}
.auto-counter{justify-self:end;font-size:10px;letter-spacing:.2em}
.auto-loading{font-size:9px;letter-spacing:0;margin-right:16px;opacity:.8}
.auto-study[data-chapter="2"] .auto-toolbar{color:#151312}
.auto-study[data-chapter="2"] .auto-track{background:#15131240}
.auto-curtain{position:absolute;inset:0;z-index:5;background:#151312;opacity:0;pointer-events:none}
.auto-light{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(108deg,transparent 36%,#f2ece209 44%,#f2ece245 50%,#6a303d18 57%,transparent 64%);mix-blend-mode:screen}
.auto-about{position:fixed;z-index:9;right:var(--margin);bottom:80px;min-height:44px;color:var(--ink);font-size:10px;letter-spacing:.03em;opacity:.8}
.auto-study[data-chapter="5"] .auto-replay{bottom:23%}
body.auto-light-chapter .auto-about{color:#151312}
#auto-about{z-index:30}
@media(min-width:1800px){.auto-copy,.auto-toolbar{--margin:max(80px,calc((100vw - 1640px)/2))}}
@media(max-width:1023px){
 body[data-page=automotive] .auto-copy h1,body[data-page=automotive] .auto-copy h2{font-size:clamp(60px,8vw,94px)}
 .auto-chapters button{width:40px;padding-inline:3px}
 .auto-chapters{gap:4px}
 .auto-toolbar{gap:12px}
 .auto-copy{top:17%;max-width:66%}
 .auto-scene--left .auto-copy{max-width:40%}
 .auto-scene--center .auto-copy{top:auto;max-width:70%;width:70%}
}
@media(max-width:767px){
 body[data-page=automotive]{--margin:24px}
 .auto-enhanced{height:620svh}
 body[data-page=automotive] .header .brand img{width:130px}
 .auto-copy{top:15%;max-width:none;left:24px;right:24px}
 body[data-page=automotive] .auto-copy h1,body[data-page=automotive] .auto-copy h2{font-size:clamp(48px,11.7vw,78px);line-height:1.03}
 .auto-eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:14px}
 .auto-description{font-size:12px;margin-top:16px;max-width:32ch;letter-spacing:.01em}
 .auto-scene--opening .auto-picture img{object-position:35% center;object-fit:cover}
 .auto-scene--opening .auto-picture{top:0;bottom:0;background-position:35% center}
 body[data-page=automotive] .auto-scene--opening h1{font-size:clamp(48px,11.7vw,78px)}
 .auto-scene--opening .auto-copy{top:14%;max-width:95%}
 .auto-scene--opening .auto-shade{background:linear-gradient(0deg,#151312bf,transparent 35%,#15131280 68%,#151312 94%)}
 .auto-scene--right .auto-copy{left:24px;right:24px;top:auto;bottom:23%;max-width:none;text-align:left}
 .auto-scene--right .auto-picture img{object-position:25% center}
 .auto-scene--right .auto-picture{background-position:25% center}
 .auto-scene--right .auto-shade{background:linear-gradient(0deg,#151312eb 3%,#15131255 35%,transparent 62%)}
 .auto-scene--left .auto-picture{top:12%;bottom:25%;background-position:76% center}
 .auto-scene--left .auto-picture img{object-fit:cover;object-position:76% center}
 .auto-scene--left .auto-copy{top:auto;bottom:17%;max-width:90%}
 .auto-scene--left .auto-shade{background:linear-gradient(0deg,#e8e2d8 12%,#e8e2d8bd 28%,transparent 48%),linear-gradient(180deg,#e8e2d8 14%,transparent 27%)}
 .auto-scene--center .auto-copy{left:24px;right:24px;bottom:22%;width:auto;max-width:none;transform:none;text-align:left}
 .auto-scene--center .auto-picture img{object-position:38% center}
 .auto-scene--center .auto-picture{background-position:38% center}
 .auto-scene--top .auto-copy{top:16%;text-align:left}
 .auto-scene--top .auto-picture img{object-position:40% center}
 .auto-scene--top .auto-picture{background-position:40% center}
 .auto-scene--finale .auto-copy{top:16%;max-width:none}
 .auto-scene--finale .auto-picture img{object-position:70% center}
 .auto-scene--finale .auto-picture{background-position:70% center}
 .auto-scene--finale .auto-shade{background:linear-gradient(0deg,#151312b3,transparent 35%,#151312a6 90%)}
 .auto-toolbar{grid-template-columns:1fr auto!important;gap:6px!important;bottom:max(15px,env(safe-area-inset-bottom))!important}
 .auto-chapters{grid-column:1/-1;grid-row:1;justify-content:space-between;width:100%;gap:0}
 .auto-chapters button{width:44px;padding-inline:1px}
 .auto-motion{grid-column:1;grid-row:2;gap:10px;min-height:40px!important}
 .auto-counter{grid-column:2;grid-row:2}
 .auto-discover{bottom:23%;font-size:11px}
 .auto-inquiry{left:24px;right:24px;bottom:24%;justify-content:space-between;font-size:12px;gap:12px}
 .auto-replay{left:24px;right:auto;bottom:16%!important;font-size:11px}
 .auto-about{right:24px;bottom:119px;font-size:9px}
 .auto-study[data-chapter="5"] .auto-replay{bottom:16%}
}
@media(max-height:560px) and (orientation:landscape){
 .auto-copy{top:24%;max-width:60%}
 body[data-page=automotive] .auto-copy h1,body[data-page=automotive] .auto-copy h2{font-size:clamp(38px,7.5vh,64px)}
 .auto-eyebrow{margin-bottom:10px;font-size:8px}
 .auto-description{font-size:11px;margin-top:10px}
 .auto-scene--right .auto-copy{top:30%;max-width:40%}
 .auto-scene--top .auto-copy{top:24%}
 .auto-scene--finale .auto-copy{top:24%}
 .auto-scene--left .auto-copy{top:36%}
 .auto-scene--center .auto-copy{bottom:23%;top:auto}
 .auto-discover{bottom:23%}
 .auto-toolbar{bottom:8px!important;grid-template-columns:1fr auto 1fr!important}
 .auto-chapters{grid-column:auto;grid-row:auto;width:auto;gap:0}
 .auto-chapters button{width:32px}
 .auto-counter{grid-column:auto;grid-row:auto}
 .auto-inquiry{bottom:24%}
 .auto-about{bottom:56px}
 .auto-replay{bottom:20%!important;left:auto;right:var(--margin)}
}

/* The study runs as one cinematic presentation; chapter navigation remains immediate. */
.auto-enhanced .auto-toolbar{grid-template-columns:1fr auto}.auto-chapters{justify-self:start}
@media(max-height:560px) and (orientation:landscape){.auto-enhanced .auto-toolbar{grid-template-columns:1fr auto!important}}