:root{--red:#ff342c;--cream:#efe6d6;--black:#090807;--gray:#9b968e;--panel:#141311}
body{background:var(--black);color:var(--cream);font-family:Inter,sans-serif}.scroll-progress{background:var(--red)}.back-home{background:#f1e8d8;color:#090909}.page-wipe i{background:var(--red)}
.auto-nav{height:76px;display:flex;align-items:center;gap:28px;padding:0 34px;position:absolute;inset:0 0 auto;z-index:20;color:#eee}.auto-nav strong{font-family:Anton;font-size:25px;letter-spacing:.05em}.auto-nav nav{margin:auto;display:flex;gap:24px;font-size:12px;font-weight:800}.auto-nav>span{font-size:10px;letter-spacing:.14em;color:#999}
.auto-hero{height:100vh;min-height:780px;position:relative;display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;background:#0a0908}.speed-lines{position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 54px,#ffffff07 55px 56px);mask-image:linear-gradient(90deg,black,transparent)}.hero-copy{padding:150px 38px 70px 7vw;align-self:center;z-index:5}.hero-copy>p,.auto-heading>span,.sequence-copy>span{color:var(--red);font-size:11px;letter-spacing:.18em;font-weight:900}.auto-hero h1{font:400 clamp(64px,7.8vw,145px)/.84 Anton;margin:20px 0;text-transform:uppercase;max-width:760px}.auto-hero h1 em{font-style:normal;color:var(--red)}.auto-lead{max-width:590px;color:#aaa;line-height:1.72;font-size:16px}.auto-btn{display:inline-flex;margin-top:30px;background:var(--red);color:white;padding:17px 22px;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.07em;border:0;cursor:pointer}.hero-car-stage{position:relative;height:100%;overflow:hidden;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);isolation:isolate}.hero-car-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090807b0,transparent 42%),linear-gradient(180deg,transparent 60%,#09080799)}.hero-car-img{width:100%;height:100%;object-fit:cover;filter:contrast(1.07) saturate(.78);transition:transform 1s var(--ease),filter .6s}.hero-car-stage:hover .hero-car-img{transform:scale(1.06);filter:contrast(1.08) saturate(1)}.hero-poster-copy{position:absolute;left:8%;bottom:12%;z-index:4}.hero-poster-copy span{font-size:11px;letter-spacing:.22em}.hero-poster-copy strong{display:block;font:400 clamp(74px,10vw,175px)/.75 Anton;margin-top:12px}.hero-number{position:absolute;right:4%;top:7%;font:400 190px/1 Anton;color:#ffffff12;z-index:3}.hero-stamp{position:absolute;right:6%;bottom:7%;z-index:4;width:105px;height:105px;border:1px solid white;border-radius:50%;display:grid;place-content:center;text-align:center;font:400 17px/1.05 Anton;transform:rotate(12deg);background:#ff342cd9}.hero-scan{position:absolute;left:0;right:0;top:-20%;height:20%;z-index:5;background:linear-gradient(180deg,transparent,#ffffff18,transparent);animation:heroScan 5s ease-in-out infinite}
.poster-studio{padding:120px 0;background:var(--cream);color:#111}.auto-heading{display:grid;grid-template-columns:.25fr 1.15fr .6fr;gap:30px;align-items:end;margin-bottom:42px}.auto-heading h2{font:400 clamp(48px,6vw,96px)/.88 Anton;text-transform:uppercase;margin:0;max-width:970px}.auto-heading p{color:#5e5851;line-height:1.7;margin:0}.studio-layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.studio-panel{background:#f7f1e6;border:1px solid #0002;padding:20px;display:flex;flex-direction:column;gap:18px}.control-block{display:grid;gap:8px}.control-block label,.control-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#69635c}.control-block input[type=text],.control-block input:not([type]){width:100%;border:1px solid #1113;background:white;padding:12px;color:#111}.control-row{display:grid;grid-template-columns:.55fr 1.45fr;gap:12px}.control-block input[type=color]{width:100%;height:43px;padding:3px;border:1px solid #1113;background:white}.control-block input[type=range]{width:100%;accent-color:var(--red)}.position-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.position-grid button,.type-switch button{border:1px solid #1113;background:white;padding:10px;cursor:pointer;font-weight:900}.position-grid button.active,.type-switch button.active{background:#111;color:white;border-color:#111}.type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.type-switch button{font-size:11px}.car-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.car-thumbs button{border:2px solid transparent;background:#e7dfd2;padding:5px;text-align:left;cursor:pointer}.car-thumbs button.active{border-color:var(--red)}.car-thumbs img{height:76px;width:100%;object-fit:cover}.car-thumbs span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;padding:6px 3px 2px}.shuffle-btn{margin-top:auto;border:0;background:#111;color:white;padding:14px;font-weight:900;text-transform:uppercase;cursor:pointer}
.poster-canvas{min-height:800px;position:relative;overflow:hidden;background:#222;isolation:isolate;--accent:#ff342c;--copy-size:112px}.poster-media,.poster-media img{position:absolute;inset:0;width:100%;height:100%}.poster-media img{object-fit:cover;transition:opacity .35s,transform .8s var(--ease),filter .5s}.poster-mask{position:absolute;inset:0;background:linear-gradient(180deg,#0001,#000a);z-index:1}.poster-grid-lines{position:absolute;inset:22px;border:1px solid #ffffffb0;z-index:4}.poster-grid-lines:before,.poster-grid-lines:after{content:"";position:absolute;background:#ffffff45}.poster-grid-lines:before{left:12%;top:0;bottom:0;width:1px}.poster-grid-lines:after{top:28%;left:0;right:0;height:1px}.poster-copy-live{position:absolute;z-index:6;max-width:82%;transition:all .55s var(--ease)}.poster-copy-live small{font-size:11px;letter-spacing:.2em}.poster-copy-live strong{display:block;color:var(--accent);font:400 var(--copy-size)/.77 Anton;text-transform:uppercase;white-space:pre-line;text-shadow:0 6px 22px #0005;transition:font-size .25s,color .25s}.poster-copy-live span{display:block;font-size:14px;margin-top:12px}.position-bottom-left .poster-copy-live{left:6%;bottom:7%}.position-bottom-right .poster-copy-live{right:6%;bottom:7%;text-align:right}.position-top-left .poster-copy-live{left:6%;top:7%}.position-top-right .poster-copy-live{right:6%;top:7%;text-align:right}.position-center .poster-copy-live{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.type-serif .poster-copy-live strong{font-family:"Playfair Display",serif;font-style:italic;line-height:.87;text-transform:none}.type-outline .poster-copy-live strong{color:transparent;-webkit-text-stroke:2px var(--accent)}.poster-code{position:absolute;right:4%;top:5%;z-index:6;writing-mode:vertical-rl;font-weight:900;letter-spacing:.2em}.poster-corner{position:absolute;right:5%;bottom:4%;z-index:6;width:86px;height:86px;border-radius:50%;border:1px solid white;display:grid;place-content:center;text-align:center;font:400 15px/1 Anton;background:color-mix(in srgb,var(--accent) 84%,transparent)}.poster-speed,.poster-chroma,.poster-flash{position:absolute;inset:0;pointer-events:none;z-index:3}.poster-speed{opacity:0;background:repeating-linear-gradient(90deg,transparent 0 70px,#ffffff22 72px 75px);mix-blend-mode:screen}.chroma-a,.chroma-b{opacity:0;background:inherit}.effect-speed .poster-speed{opacity:1;animation:speedLines .55s linear infinite}.effect-speed .poster-media img{animation:speedPhoto 1.4s ease-in-out infinite}.effect-chroma .poster-media img{animation:chromaBase .8s steps(2,end) infinite}.effect-chroma .chroma-a{opacity:.24;background:#00d9ff;mix-blend-mode:screen;clip-path:polygon(0 12%,100% 6%,100% 38%,0 45%);animation:chromaA .45s steps(2,end) infinite}.effect-chroma .chroma-b{opacity:.22;background:#ff1838;mix-blend-mode:screen;clip-path:polygon(0 56%,100% 48%,100% 82%,0 91%);animation:chromaB .55s steps(2,end) infinite}.effect-flash .poster-flash{animation:cameraFlash 1.5s ease}.effect-flash .poster-media img{animation:flashZoom 1.5s var(--ease)}.effect-scan .poster-grid-lines{animation:gridPulse 1.4s ease-in-out infinite}.effect-scan:before{content:"";position:absolute;z-index:5;left:0;right:0;height:4px;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:scanPoster 2.2s ease-in-out infinite}.effect-grain:before{content:"";position:absolute;inset:-50%;z-index:5;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}
.motion-lab{padding:120px 0;background:#0c0b0a}.motion-lab .auto-heading{color:var(--cream)}.motion-lab .auto-heading p{color:#999}.motion-layout{display:grid;grid-template-columns:340px 1fr;gap:20px}.effect-controls{display:flex;flex-direction:column;gap:9px}.effect-btn{display:grid;grid-template-columns:48px 1fr;text-align:left;background:#131210;border:1px solid #ffffff16;color:#eee;padding:15px;cursor:pointer}.effect-btn b{grid-row:1/3;font:400 30px Anton;color:#666}.effect-btn span{font-weight:900;text-transform:uppercase}.effect-btn small{color:#888}.effect-btn.active{border-color:var(--red);background:#1c1715}.effect-btn.active b{color:var(--red)}.play-effect{margin-top:auto;background:var(--red);color:white;border:0;padding:16px;font-weight:900;cursor:pointer}.motion-stage{min-height:680px;position:relative;overflow:hidden;background:#111}.motion-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.85)}.motion-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#000b)}.motion-word{position:absolute;z-index:4;left:2%;bottom:5%;font:400 clamp(110px,18vw,310px)/.7 Anton;color:#ffffff16}.motion-caption{position:absolute;z-index:6;left:5%;top:6%}.motion-caption small{display:block;letter-spacing:.17em;color:#aaa}.motion-caption strong{display:block;font:400 52px Anton;margin-top:8px;color:var(--red)}.motion-overlay,.motion-scan,.motion-flash{position:absolute;inset:0;z-index:5;pointer-events:none}.motion-stage.playing[data-effect=grain] .motion-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:.2;animation:grain .15s steps(2) infinite}.motion-stage.playing[data-effect=speed] img{animation:speedPhoto 1.2s ease-in-out 2}.motion-stage.playing[data-effect=speed] .motion-overlay{background:repeating-linear-gradient(90deg,transparent 0 80px,#ffffff35 82px 84px);animation:speedLines .45s linear infinite}.motion-stage.playing[data-effect=chroma] img{animation:chromaBase .5s steps(2) 5}.motion-stage.playing[data-effect=chroma] .motion-overlay{background:linear-gradient(90deg,#00d9ff55 0 30%,transparent 30% 68%,#ff183855 68%);mix-blend-mode:screen;animation:chromaOverlay .45s steps(2) 6}.motion-stage.playing[data-effect=flash] .motion-flash{animation:cameraFlash 1.6s ease}.motion-stage.playing[data-effect=flash] img{animation:flashZoom 1.6s var(--ease)}.motion-stage.playing[data-effect=scan] .motion-scan{height:4px;background:var(--red);box-shadow:0 0 22px var(--red);animation:scanPoster 2s ease-in-out 1}.motion-stage.playing[data-effect=scan] .motion-overlay{background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff18 36px),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff12 36px)}
.poster-wall-section{padding:120px 0;background:var(--cream);color:#111}.poster-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.poster-card{margin:0;position:relative;overflow:hidden;min-height:660px;background:#111;cursor:pointer}.poster-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.8s var(--ease)}.poster-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#000d)}.poster-card figcaption{position:absolute;z-index:6;left:18px;right:18px;bottom:18px;color:white;background:#070707dc;padding:18px}.poster-card strong,.poster-card span{display:block}.poster-card strong{color:var(--red)}.poster-card span{color:#aaa;margin:5px 0 12px}.poster-card button{border:0;background:none;color:white;padding:0;font-weight:900;cursor:pointer}.card-word{position:absolute;z-index:4;left:-5%;top:8%;font:400 90px Anton;color:#fff0;-webkit-text-stroke:1px #fff8;transition:.55s var(--ease)}.street-card:hover img{transform:scale(1.08) translateX(14px);filter:saturate(1.2)}.street-card:hover .card-word{left:7%;color:#ff342c55}.race-stripes{position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(105deg,transparent 0 90px,#ffd00055 92px 98px);transform:translateX(-100%)}.race-card:hover img{transform:scale(1.12);filter:contrast(1.18)}.race-card:hover .race-stripes{animation:stripePass .8s var(--ease) forwards}.duel-split{position:absolute;inset:0 50% 0 0;z-index:4;border-right:3px solid white;background:#ff342c22;transition:.65s var(--ease)}.duel-card:hover img{transform:scale(1.07) rotate(-1deg)}.duel-card:hover .duel-split{right:0;background:#ffd00022}
.campaign-sequence{padding:120px 0;background:#111;color:var(--cream)}.campaign-sequence .container{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:center}.sequence-copy h2{font:400 clamp(52px,6vw,100px)/.86 Anton;text-transform:uppercase;margin:18px 0}.sequence-copy p{color:#999;line-height:1.72}.sequence-stage{min-height:650px;position:relative;overflow:hidden;background:#050505}.sequence-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:.7s var(--ease)}.sequence-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#000a)}.sequence-no{position:absolute;z-index:3;right:4%;top:3%;font:400 200px Anton;color:#ffffff10}.sequence-title{position:absolute;z-index:5;left:5%;bottom:10%;font:400 clamp(80px,12vw,190px)/.75 Anton;text-transform:uppercase}.sequence-line{position:absolute;z-index:5;left:5%;bottom:6%;width:0;height:5px;background:var(--red)}.sequence-status{position:absolute;z-index:5;right:5%;bottom:6%;font-size:11px;letter-spacing:.16em}.sequence-stage.playing img{animation:sequenceImage 8s var(--ease) both}.sequence-stage.playing .sequence-title{animation:sequenceTitle 8s var(--ease) both}.sequence-stage.playing .sequence-line{animation:sequenceLine 8s linear both}.sequence-stage.playing .sequence-no{animation:sequenceNo 8s steps(4,end) both}.auto-cta{padding:130px 0;text-align:center;background:var(--red);color:white}.auto-cta p{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.15em}.auto-cta h2{font:400 clamp(58px,8vw,130px)/.85 Anton;text-transform:uppercase;margin:22px auto;max-width:1100px}.auto-cta h2 em{font-style:normal;color:#111}.auto-cta .auto-btn{background:#111}
@keyframes heroScan{50%{top:100%}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}@keyframes speedLines{to{transform:translateX(150px)}}@keyframes speedPhoto{50%{transform:scale(1.08) translateX(-20px);filter:contrast(1.25) saturate(1.15)}}@keyframes chromaBase{50%{transform:translateX(5px)}}@keyframes chromaA{50%{transform:translateX(16px)}}@keyframes chromaB{50%{transform:translateX(-14px)}}@keyframes chromaOverlay{50%{transform:translateX(12px)}}@keyframes cameraFlash{0%,100%{background:#fff0}18%{background:#fff}35%{background:#ffffff18}}@keyframes flashZoom{20%{transform:scale(1.12)}100%{transform:none}}@keyframes gridPulse{50%{border-color:var(--accent);box-shadow:inset 0 0 35px color-mix(in srgb,var(--accent) 22%,transparent)}}@keyframes scanPoster{0%{top:0}50%{top:100%}100%{top:0}}@keyframes stripePass{to{transform:translateX(100%)}}@keyframes sequenceImage{0%{transform:scale(1);filter:brightness(.48)}20%{transform:scale(1.12);filter:brightness(.75)}44%{transform:scale(1.04) translateX(-4%)}70%{transform:scale(1.16) translateX(3%);filter:contrast(1.2)}100%{transform:scale(1.02);filter:brightness(.6)}}@keyframes sequenceTitle{0%,10%{opacity:0;transform:translateY(60px)}18%,38%{opacity:1;transform:none}45%,52%{opacity:0;transform:translateX(-70px)}58%,78%{opacity:1;transform:none}86%,100%{opacity:0;transform:translateY(-40px)}}@keyframes sequenceLine{to{width:75%}}@keyframes sequenceNo{0%{color:#ffffff10}25%{color:#ff342c33}50%{color:#ffffff10}75%{color:#ff342c33}}
@media(max-width:1050px){.auto-nav nav,.auto-nav>span{display:none}.auto-hero{grid-template-columns:1fr;height:auto}.hero-copy{padding-top:120px}.hero-car-stage{height:650px;clip-path:none}.auto-heading{grid-template-columns:1fr}.studio-layout,.motion-layout,.campaign-sequence .container{grid-template-columns:1fr}.studio-panel{display:grid;grid-template-columns:repeat(2,1fr)}.shuffle-btn{grid-column:1/-1}.poster-wall{grid-template-columns:1fr 1fr}.poster-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.auto-nav{justify-content:flex-end;padding:0 14px}.auto-nav strong{display:none}.auto-hero h1{font-size:64px}.hero-car-stage{height:520px}.hero-poster-copy strong{font-size:72px}.poster-studio,.motion-lab,.poster-wall-section,.campaign-sequence{padding:82px 0}.studio-panel{grid-template-columns:1fr}.poster-canvas{min-height:620px;--copy-size:72px}.poster-copy-live{max-width:90%}.motion-stage,.sequence-stage{min-height:520px}.poster-wall{grid-template-columns:1fr}.poster-card,.poster-card:last-child{grid-column:auto;min-height:540px}.auto-cta{padding:90px 0}.auto-cta h2{font-size:60px}}


/* V7 automotive presets */
.campaign-presets{display:grid;gap:8px}.campaign-presets>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.campaign-presets div{display:flex;gap:8px;flex-wrap:wrap}.campaign-presets button{padding:10px 12px;border:1px solid rgba(255,255,255,.14);background:#151313;color:#fff;cursor:pointer}.campaign-presets button.active{background:var(--accent);color:#070707;border-color:var(--accent)}