:root{--carbon:#0a0a0a;--peak:#f5f5f5;--red:#e10600;--steel:#a7a9ac;--line:#414040;--font:'Barlow',sans-serif;--display:'Barlow Condensed',sans-serif;--ease:cubic-bezier(.16,1,.3,1);--space-sm:12px;--space-md:24px;--space-lg:48px}
*{box-sizing:border-box}body{margin:0;background:var(--carbon);color:var(--peak);font:1rem/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--peak);outline-offset:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;padding:15px;background:var(--peak);color:var(--carbon);z-index:80}.skip:focus{top:10px}
.stage{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center}.reveal-scene{position:absolute;inset:0;z-index:-2;background:var(--carbon)}.reveal-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 52%;opacity:0;transition:opacity .4s}.reveal-scene.is-ready>img{opacity:1}#reveal-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.site-header{align-self:stretch;margin:24px clamp(24px,4vw,72px) 0;display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;letter-spacing:2px;color:var(--steel);gap:24px}.home-mark{display:flex;align-items:center;min-height:44px}.site-header h1{display:flex;align-items:center;gap:10px;font:inherit;margin:0}.site-header h1 i{width:5px;height:5px;background:var(--red);border-radius:50%}
.experience{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:clamp(48px,7svh,80px);padding:64px 0 80px}.brand-center{width:min(72vw,980px);text-align:center;pointer-events:none}.hero-logo{width:100%;height:auto;display:block}.brand-line{margin:28px 0 0;display:flex;justify-content:center;gap:14px;font-size:.875rem;font-weight:500;letter-spacing:3px;white-space:nowrap;color:#b9babc}
.signup{width:min(660px,calc(100% - 48px));position:relative}.signup-invitation{text-align:center}.join-trigger{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:4px 0;border:0;background:transparent;color:var(--peak);font:italic 600 clamp(2.25rem,3.5vw,3rem)/1.1 var(--display);text-transform:uppercase;letter-spacing:.3px}.join-trigger>span:first-child{transition:transform .25s var(--ease)}.join-arrow{position:relative;display:grid;place-items:center;width:84px;height:58px;flex-shrink:0}.join-arrow::before{content:'';position:absolute;inset:0;background:var(--red);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);transition:transform .25s var(--ease)}.join-arrow svg{position:relative;width:27px;height:27px;fill:none;stroke:var(--peak);stroke-width:1.6;transition:transform .25s var(--ease)}.signup-invitation>p{font-size:1rem;line-height:1.6;color:var(--steel);margin:20px 0 0}.mobile-break{display:none}
.signup-panel{border-top:1px solid var(--line);padding-top:24px;animation:panel-in .35s var(--ease) both}.form-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:2px;color:var(--steel);margin:0 0 6px}.form-heading h2{font:600 clamp(1.75rem,3vw,2.125rem)/1.2 var(--display);margin:0}.close-signup{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--steel);flex-shrink:0}.close-signup svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}.close-signup:hover{color:var(--peak)}.close-signup:disabled{opacity:.4;cursor:wait}.form-fields{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;min-width:0}.field{min-width:0}.field label{display:flex;gap:10px;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:#d7d5d5}.field label span{font-size:.6875rem;letter-spacing:.6px;color:var(--steel);text-transform:none;font-weight:400}input{width:100%;height:48px;border:0;border-bottom:1px solid #626060;background:transparent;color:var(--peak);font-size:1.125rem;padding:8px 0;outline:0;border-radius:0;transition:border-color .15s}input::placeholder{color:#969393}input:hover{border-color:var(--steel)}input:focus{border-color:var(--peak);box-shadow:0 1px 0 var(--peak)}input[aria-invalid=true]{border-color:#ffaaa7}.field-error{font-size:.8125rem;color:#ffaaa7;line-height:1.4;margin:8px 0 0}.submit{position:relative;isolation:isolate;align-self:end;display:flex;gap:24px;align-items:center;justify-content:center;color:var(--peak);background:transparent;border:0;border-radius:0;min-height:56px;padding:12px 28px;font:italic 600 1.5rem/1.2 var(--display);text-transform:uppercase;letter-spacing:.5px}.submit::before{content:'';position:absolute;z-index:-1;inset:0;background:var(--red);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}.submit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .25s var(--ease)}.submit:active,.join-trigger:active{transform:translateY(1px)}.submit:disabled{opacity:.65;cursor:wait}.submit:disabled svg{opacity:0}.form-note{font-size:.75rem;line-height:1.8;color:var(--steel);margin:20px 0 0}.text-button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;padding:12px 0;margin:-12px 0;min-height:44px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{font-size:.875rem;line-height:1.6;color:#ffaaa7;margin:20px 0 0}.success{text-align:center;outline:none;animation:panel-in .35s var(--ease) both}.success-mark{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 16px;color:var(--red)}.success-mark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2}.success h2{font:italic 600 clamp(2.25rem,4vw,3rem)/1.1 var(--display);text-transform:uppercase;margin:10px 0 16px}.success>p:last-child{font-size:1rem;color:var(--steel);margin:0}.signup-open .experience{padding-top:48px;padding-bottom:48px;gap:40px}
.site-footer{align-self:stretch;padding:0 clamp(24px,4vw,72px) max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.625rem;letter-spacing:1.7px;color:var(--steel)}.site-footer>div{display:flex;align-items:center;gap:24px;margin-left:auto}.site-footer .text-button{letter-spacing:0;font-size:.75rem}
dialog{border:1px solid var(--line);border-radius:12px;background:#141414;color:var(--peak);width:min(540px,calc(100% - 32px));max-height:85svh;padding:32px}dialog::backdrop{background:#0a0a0ae8}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between}.dialog-top .eyebrow{margin:0 0 28px}.dialog-top button{border:0;background:none;color:var(--peak);font-size:25px;width:44px;height:44px;line-height:1}dialog h2{font-size:2rem;letter-spacing:-.5px;font-weight:500;margin:0 0 20px}dialog p{font-size:1rem;line-height:1.7;color:#b9babc}dialog .small{font-size:.875rem}body:has(dialog[open]){overflow:hidden}
.preloader{position:fixed;inset:0;background:var(--carbon);z-index:60;pointer-events:none;transition:opacity .6s var(--ease),visibility .6s}.preloader img{position:absolute;width:var(--logo-width,72vw);height:auto;left:50%;top:var(--logo-top,25%);transform:translateX(-50%);animation:brand-arrive .75s var(--ease) both}.loader-caption{position:absolute;left:0;right:0;top:calc(var(--logo-top,25%) + var(--logo-height,170px) + 32px);text-align:center;color:var(--steel);font-size:.6875rem;letter-spacing:3px;animation:caption-arrive .75s var(--ease) both}body:not(.is-loading) .preloader{opacity:0;visibility:hidden}@keyframes brand-arrive{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes caption-arrive{from{opacity:0}to{opacity:1}}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.join-trigger:hover>span:first-child{transform:translateX(3px)}.join-trigger:hover .join-arrow svg{transform:translate(2px,-2px)}.join-trigger:hover .join-arrow::before{transform:translateX(3px)}.submit:hover::before{background:#bb0904}.submit:hover svg{transform:translateX(4px)}}
@media(max-width:900px){.brand-center{width:84vw}.experience{gap:56px}}
@media(max-width:700px){.site-header{margin-top:max(16px,env(safe-area-inset-top));font-size:.5625rem;letter-spacing:1.3px;gap:12px}.site-header h1{gap:7px}.brand-center{width:90vw}.brand-line{gap:10px;font-size:.6875rem;letter-spacing:2px;margin-top:24px}.experience{padding:72px 0 88px;gap:56px}.join-trigger{gap:12px;font-size:2.25rem}.join-arrow{width:70px;height:52px}.join-arrow svg{width:25px;height:25px}.signup-invitation>p{font-size:1rem;margin-top:16px}.mobile-break{display:block}.signup{width:calc(100% - 48px)}.form-heading{margin-bottom:24px}.form-heading h2{font-size:1.875rem}.form-fields{grid-template-columns:1fr;gap:24px}.submit{margin-top:4px;min-height:56px}.form-note{font-size:.75rem;text-wrap:pretty}.signup-open .experience{padding-top:32px;gap:40px}.signup-panel{padding-top:24px}.reveal-scene>img{object-position:72% 48%}.site-footer{gap:12px;font-size:.5625rem;letter-spacing:1px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.site-footer>div{gap:16px}.site-footer .text-button{font-size:.6875rem}}
@media(max-width:360px){.join-trigger{font-size:2rem;gap:8px}.join-arrow{width:62px}.brand-line{font-size:.625rem;letter-spacing:1.4px}.site-footer>div{gap:12px}.form-heading h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.preloader{display:none}}.automotive .brand-center{width:min(70vw,920px)}.automotive .brand-line{font-size:.75rem;color:#c2bdbc;letter-spacing:3px}.automotive .signup{width:min(630px,calc(100% - 48px))}.automotive .signup-invitation{display:grid;grid-template-columns:1fr 176px;align-items:center;gap:40px;text-align:left}.invitation-copy .eyebrow{margin-bottom:14px;font-size:.625rem;letter-spacing:2.5px}.invitation-copy h2{font:600 clamp(2.5rem,4vw,3.5rem)/.96 var(--display);letter-spacing:-.5px;margin:0;text-transform:uppercase}.invitation-copy h2 em{font-style:italic;color:#b7b1af}.invitation-copy>p:last-child{font-size:1rem;line-height:1.55;color:#aaa4a2;margin:20px 0 0}.ignition-assembly{display:flex;flex-direction:column;align-items:center;gap:14px}.ignition-label,.ignition-caption{font-size:.5rem;font-weight:500;letter-spacing:1.5px;color:#a29b98;white-space:nowrap}.ignition-caption{font-size:.5rem;letter-spacing:1.2px;color:#7e7977}
.automotive .ignition-button{position:relative;display:block;gap:0;isolation:isolate;width:164px;height:164px;border-radius:50%;padding:10px;border:3px solid #181818;background:conic-gradient(from 25deg,#222 0deg,#818181 48deg,#222 95deg,#090909 180deg,#6d6d6d 242deg,#202020 305deg,#222 360deg);box-shadow:0 14px 28px #0009,0 0 0 1px #343232,inset 0 1px 1px #ffffff32;color:#f4eeeb;transition:transform .2s var(--ease)}.automotive .ignition-button:hover>span:first-child{transform:none}.ignition-face{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #453431;background:radial-gradient(ellipse at 40% 25%,#392522,#19100f 65%,#0c0908);box-shadow:inset 0 2px 5px #ffffff0f,inset 0 -4px 8px #000b,0 0 0 3px #0c0b0b;transition:background .2s,box-shadow .2s;gap:4px}.power-light{width:22px;height:3px;border-radius:4px;background:#e10600;box-shadow:0 0 8px #e1060080;margin-bottom:8px}.ignition-small{font:500 .6875rem/1.1 var(--font);letter-spacing:2px;color:#c3b3ae}.ignition-main{font:600 2.125rem/1 var(--display);letter-spacing:1px}.ignition-bottom{font-size:.5rem;letter-spacing:1.3px;margin-top:7px;color:#a69894}.automotive .ignition-button:active{transform:translateY(2px) scale(.985)}.ignition-button:active .ignition-face{box-shadow:inset 0 5px 12px #000b,0 0 0 3px #0c0b0b}.ignition-button:focus-visible{outline:2px solid #eee3dd;outline-offset:8px}
.automotive .signup-panel{border-top:1px solid #5b4a45;padding-top:24px;position:relative}.automotive .signup-panel::before{content:'';display:block;width:48px;height:3px;position:absolute;top:-2px;left:0;background:var(--red)}.automotive .form-heading h2{font-style:italic;font-size:2.125rem;letter-spacing:.5px}.automotive .form-heading .eyebrow{color:#cfb5ab;letter-spacing:2px}.field label .field-index{font:500 .625rem/1.8 var(--font);letter-spacing:0;color:#8b7570;border:1px solid #493e3a;padding:0 4px;margin-right:2px}.automotive .form-fields{gap:28px 32px}.automotive input{font-size:1.125rem;border-bottom-color:#645651}.automotive input:focus{border-bottom-color:#ece0d8;box-shadow:0 1px #ece0d8}.automotive .submit{min-height:62px;font-size:1.75rem;letter-spacing:1px}.automotive .submit::before{background:#d90b07;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:inset 0 2px #ff928540,inset 0 -3px #630703}.automotive .success h2{font-size:clamp(3rem,5vw,4.25rem)}.automotive .success-mark{margin-bottom:12px}.automotive.signup-open .experience{padding-top:32px;padding-bottom:32px;gap:32px}.automotive.signup-open .reveal-scene{opacity:.3;transition:opacity .3s}.automotive .site-footer{align-items:flex-end;padding-bottom:20px}.automotive .site-footer>div{padding-bottom:8px}.automotive .reveal-scene{transition:opacity .3s}
@media(hover:hover){.ignition-button:hover .ignition-face{background:radial-gradient(ellipse at 40% 25%,#562923,#26100c 65%,#130806);box-shadow:inset 0 2px 6px #ffffff13,inset 0 -4px 8px #000b,0 0 0 3px #0c0b0b}}
@media(max-width:900px){.automotive .brand-center{width:84vw}.automotive .experience{gap:40px}}
@media(max-width:700px){.automotive .brand-center{width:90vw}.automotive .brand-line{font-size:.625rem;letter-spacing:2px;margin-top:22px}.automotive .experience{padding:52px 0 36px;gap:44px}.automotive .signup-invitation{grid-template-columns:1fr 132px;gap:16px}.invitation-copy h2{font-size:2.5rem}.invitation-copy .eyebrow{font-size:.5rem;letter-spacing:1.5px;margin-bottom:10px}.invitation-copy>p:last-child{font-size:.875rem;line-height:1.6;margin-top:16px}.automotive .ignition-button{width:124px;height:124px;padding:7px;border-width:2px}.ignition-main{font-size:1.75rem}.ignition-small{font-size:.5rem;letter-spacing:1.5px}.ignition-bottom{font-size:.375rem;letter-spacing:1px;margin-top:4px}.power-light{width:17px;height:2px;margin-bottom:5px}.ignition-assembly{gap:12px}.ignition-label,.ignition-caption{font-size:.375rem;letter-spacing:.8px}.automotive .form-fields{gap:24px}.automotive .form-heading h2{font-size:1.875rem}.automotive .site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom));gap:16px}.automotive .site-footer>div{flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:0}.automotive.signup-open .experience{gap:28px;padding-top:24px}.automotive .success>p:last-child{font-size:.9375rem}}
@media(max-width:360px){.automotive .signup-invitation{grid-template-columns:1fr 112px;gap:12px}.automotive .ignition-button{width:108px;height:108px}.invitation-copy h2{font-size:2.125rem}.invitation-copy>p:last-child{font-size:.8125rem}.ignition-main{font-size:1.5rem}.ignition-label{font-size:.3125rem}.ignition-caption{display:none}}

/* Final instrument proportions and legibility. */
.automotive .hero-logo{filter:drop-shadow(0 6px 18px #0009)}.ignition-face{min-width:0}.ignition-label,.ignition-caption{font-size:.5625rem}
@media(max-width:700px){.ignition-label{font-size:.5rem;letter-spacing:.7px}.ignition-caption{display:none}.ignition-bottom{font-size:.4375rem}}

.invitation-copy{position:relative;isolation:isolate}.invitation-copy::before{content:"";position:absolute;inset:-32px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#0a0a0aeb 15%,#0a0a0a99 48%,transparent 74%)}.invitation-copy{text-shadow:0 2px 8px #000}.ignition-label,.ignition-caption{text-shadow:0 1px 4px #000,0 1px 8px #000}.automotive .invitation-copy>p:last-child{color:#beb8b5}

/* Quiet footer: the smoke responds directly to movement, without visible instruments. */
.automotive .site-footer{min-height:64px;align-items:center}.automotive .site-footer>div{width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:0;margin:0}.automotive .experience{padding-bottom:64px}
