@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";
:root{--surface:#111;--surface-low:#151414;--surface-mid:#1f1e1e;--surface-high:#2a2929;--foreground:#f1eeee;--muted:#c9b8b6;--muted-2:#8f8381;--outline:#473332;--outline-strong:#7e5a56;--red:#d5001c;--red-soft:#ffb3ac;--metal:#c5c6ca;--gold:#c4a46f;--ok:#65d6a5;--page-max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--surface)}body{min-width:320px;color:var(--foreground);background:radial-gradient(circle at 20% 0%, #d5001c14, transparent 28rem), linear-gradient(180deg, #0d0d0d 0%, var(--surface) 42%, #0b0b0b 100%);letter-spacing:0;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,input,textarea{outline-color:var(--red-soft)}img{max-width:100%;display:block}.site-shell{min-height:100dvh}.container{width:min(100% - 40px, var(--page-max));margin:0 auto}.section{padding:96px 0}.display{letter-spacing:0;text-transform:uppercase;font-family:Hanken Grotesk,Inter,sans-serif;font-weight:800;line-height:.95}.headline{letter-spacing:0;text-transform:uppercase;font-family:Hanken Grotesk,Inter,sans-serif;font-weight:700;line-height:1.05}.mono{letter-spacing:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.eyebrow{color:var(--red-soft);text-transform:uppercase;letter-spacing:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:600}.muted{color:var(--muted)}.red{color:var(--red)}.button{border:1px solid var(--outline-strong);min-height:48px;color:var(--foreground);cursor:pointer;background:#ffffff05;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.button:hover{border-color:var(--red-soft);background:#ffffff0f}.button:active{transform:scale(.98)}.button.primary{border-color:var(--red);background:var(--red);color:#fff;box-shadow:inset 0 -2px #00000047}.button.primary:hover{background:#f00622;box-shadow:0 0 26px #d5001c3d,inset 0 -2px #00000047}.button.ghost{background:0 0}.nav-bar{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0dd6;border-bottom:1px solid #7e5a5647;position:sticky;top:0}.nav-inner{width:min(100% - 40px, var(--page-max));justify-content:space-between;align-items:center;gap:24px;height:92px;margin:0 auto;display:flex}.logo-lockup{text-transform:uppercase;align-items:center;gap:14px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:800;line-height:1;display:flex}.logo-lockup img{object-fit:contain;width:52px;height:70px}.nav-links{color:var(--muted);align-items:center;gap:clamp(12px,1.45vw,22px);display:flex}.nav-links a,.nav-dropdown>button{min-height:44px;color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:0;align-items:center;padding:0;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;transition:color .18s;display:inline-flex}.nav-links a:hover,.nav-links a[aria-current=page],.nav-dropdown>button:hover{color:var(--red-soft)}.nav-dropdown,.social-dropdown{position:relative}.nav-dropdown>button{align-items:center;gap:5px;display:inline-flex}.nav-dropdown-menu,.social-menu{min-width:230px;color:var(--muted);background:#0b0b0bfa;border:1px solid #7e5a566b;border-radius:4px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);box-shadow:0 18px 50px #0000006b}.nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s,transform .16s;top:100%;left:50%;transform:translate(-50%,8px)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown[data-open=true] .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.nav-dropdown-menu a,.social-menu a{white-space:nowrap;text-transform:uppercase;align-items:center;min-height:44px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}.social-menu{min-width:170px;right:0}.nav-actions{align-items:center;gap:8px;display:flex}.icon-button{width:44px;height:44px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.icon-button:hover{color:var(--red-soft);background:#ffffff0d;border-color:#ffb3ac6b}.mobile-menu{display:none}.search-box{width:min(22vw,280px);min-height:46px;color:var(--muted);background:#ffffff09;border:1px solid #7e5a5647;border-radius:4px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{width:100%;color:var(--foreground);background:0 0;border:0}.search-box input::placeholder{color:var(--muted-2)}.hero-section{isolation:isolate;border-bottom:1px solid #7e5a563d;align-items:center;min-height:calc(100dvh - 92px);display:grid;position:relative;overflow:hidden}.carousel-hero{background:#060606;height:calc(100dvh - 92px);min-height:600px;display:block}.hero-carousel,.hero-carousel-track,.hero-carousel-slide{width:100%;height:100%}.hero-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.hero-carousel-track{will-change:transform;transition:transform .48s cubic-bezier(.22,1,.36,1);display:flex}.hero-carousel-slide{flex:0 0 100%;position:relative;overflow:hidden}.hero-carousel-slide:after{content:"";pointer-events:none;background:linear-gradient(90deg,#020406b8 0%,#0204062e 56%,#02040661 100%);position:absolute;inset:0}.hero-carousel-slide img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-carousel-copy{z-index:2;width:min(660px,52vw);position:absolute;bottom:clamp(150px,20vh,190px);left:max(7vw,64px)}.hero-carousel-copy p{color:#fff;text-wrap:balance;text-shadow:0 3px 24px #000000bd;margin:0;font-family:Hanken Grotesk,Inter,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.2}.carousel-arrow{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0505056b;border:1px solid #ffffff73;place-items:center;width:56px;height:72px;transition:border-color .18s,background .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{border-color:var(--red-soft);background:#d5001c52}.carousel-arrow-left{border-left:0;left:0}.carousel-arrow-right{border-right:0;right:0}.carousel-dots{z-index:4;gap:10px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.carousel-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.carousel-dots button:before{content:"";background:#ffffff73;width:32px;height:4px;transition:background .18s,width .18s}.carousel-dots button.active:before{background:var(--red);width:44px}.model-hero{background:radial-gradient(circle at 50% 42%,#ffffff14,#0000 26rem),radial-gradient(circle at 48% 72%,#d5001c1f,#0000 22rem),linear-gradient(#050505 0%,#101010 58%,#060606 100%);height:calc(100dvh - 80px);min-height:620px;display:block}.hero-bg-image{z-index:-3;opacity:.55;background-image:linear-gradient(90deg,#050505eb 0%,#0505058f 42%,#050505e0 100%),url(/images/carbonforge-hero.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.carbon-weave{pointer-events:none;mix-blend-mode:screen;opacity:.42;background:repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 9px),repeating-linear-gradient(-45deg,#ffffff05 0 1px,#0000 1px 11px);position:absolute;inset:0}.car-showcase canvas{cursor:grab;touch-action:none}.car-showcase canvas:active{cursor:grabbing}.model-switcher{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0b7a;border:1px solid #7e5a5652;border-radius:8px;width:max-content;max-width:calc(100% - 32px);padding:8px}.model-switcher .button{width:auto}.hero-scroll-cue{z-index:5;width:52px;height:52px;color:var(--red-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0b85;border:1px solid #ffb3ac80;border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-scroll-cue:hover{border-color:var(--red-soft);background:#d5001c29;transform:translate(-50%)translateY(2px)}.hero-copy{z-index:4;width:min(100% - 40px, var(--page-max));margin:0 auto;padding:84px 0 116px;position:relative}.hero-copy h1{max-width:840px;margin:18px 0 24px;font-size:clamp(3.4rem,9vw,8.8rem)}.hero-copy p{max-width:640px;color:var(--muted);font-size:clamp(1rem,1.65vw,1.24rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.hero-metrics{width:min(100% - 40px, var(--page-max));z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111111b3;border:1px solid #7e5a565c;grid-template-columns:repeat(3,minmax(0,1fr));margin:-96px auto 0;display:grid;position:relative}.hero-metrics div{border-right:1px solid #7e5a563d;padding:22px 24px}.hero-metrics div:last-child{border-right:0}.hero-metrics strong{font-family:Hanken Grotesk,Inter,sans-serif;font-size:clamp(1.4rem,3vw,2.4rem);display:block}.model-strip{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1f1e1ee0;border-bottom:1px solid #7e5a5640;position:sticky;top:80px}.model-strip-inner{width:min(100% - 40px, var(--page-max));align-items:center;gap:28px;min-height:64px;margin:0 auto;display:flex;overflow-x:auto}.model-pill{min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.model-pill.active,.model-pill:hover{color:var(--red-soft);border-bottom-color:var(--red)}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.panel{background:#1f1e1ec7;border:1px solid #7e5a5657;border-radius:6px}.panel-pad{padding:clamp(22px,3vw,36px)}.product-card{background:var(--surface-mid);border:1px solid #7e5a564d;border-radius:6px;transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden}.product-card:before{content:"";pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #d5001c2e, transparent 19rem);opacity:0;transition:opacity .22s;position:absolute;inset:0}.product-card:hover{background:#262323;border-color:#ffb3acb3;transform:translateY(-4px)}.product-card:hover:before{opacity:1}.product-image{aspect-ratio:4/3;background:#0a0a0a;overflow:hidden}.product-image img{object-fit:cover;filter:saturate(.82)contrast(1.06);width:100%;height:100%;transition:transform .7s,filter .7s}.product-card:hover .product-image img{filter:saturate()contrast(1.08);transform:scale(1.06)}.product-body{z-index:1;gap:16px;padding:24px;display:grid;position:relative}.price-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.price{color:var(--red);font-family:JetBrains Mono,monospace;font-weight:600}.spec-table{border-collapse:collapse;width:100%}.spec-table tr{border-bottom:1px solid #7e5a563d}.spec-table td{vertical-align:top;padding:13px 0}.spec-table td:first-child{color:var(--muted-2)}.spec-table td:last-child{color:var(--foreground);text-align:right;font-family:JetBrains Mono,monospace}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.field{gap:10px;display:grid}.field label{color:var(--muted);text-transform:uppercase;font-weight:700}.field input,.field select,.field textarea{min-height:52px;color:var(--foreground);background:#00000040;border:0;border-bottom:1px solid #ffb3ac6b;border-radius:0;padding:0 0 10px}.field textarea{resize:vertical;min-height:128px;padding-top:14px}.cart-badge{color:#fff;background:var(--red);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.footer-grid{grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:28px;padding:58px 0;display:grid}.footer-slogan{color:var(--gold);margin:0 0 12px;font-family:Hanken Grotesk,Inter,sans-serif;font-size:1.15rem;font-weight:700}.about-intro{background:linear-gradient(#05050526,#050505e0),url(/images/bespoke-elemental/about-01.png) 50% 46%/cover;align-items:end;min-height:56dvh;display:flex}.about-intro h1,.shipping-hero h1{max-width:1000px;margin:16px 0 0;font-size:clamp(3.2rem,9vw,8rem)}.about-story{padding-top:72px}.about-story-row{border-bottom:1px solid #7e5a564d;grid-template-columns:72px minmax(0,1fr);gap:28px;padding:48px 0;display:grid}.about-index{color:var(--red);margin:3px 0 0}.about-story-row h2{margin:0 0 18px;font-size:clamp(1.6rem,3vw,3rem)}.about-story-row .muted{max-width:940px;margin:0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.75}.about-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.about-gallery figure{aspect-ratio:3/4;background:#080808;margin:0;overflow:hidden}.about-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.about-gallery figure:hover img{transform:scale(1.025)}.catalog-filter-title{align-items:center;gap:10px;margin-bottom:24px;display:flex}.catalog-filter-title h1{margin:0;font-size:1rem}.catalog-vehicle{border-bottom:1px solid #7e5a5652;margin-bottom:28px;padding-bottom:28px}.catalog-vehicle .eyebrow,.catalog-filter-group .eyebrow{color:var(--red);margin:0 0 14px}.catalog-vehicle select{width:100%;min-height:48px;color:var(--foreground);background:#111;border:1px solid #ffb3ac73;border-radius:4px;padding:0 12px}.catalog-vehicle .muted{margin:13px 0 0;font-size:.78rem;line-height:1.55}.catalog-search{margin-bottom:28px}.catalog-filter-group{margin-bottom:12px}.catalog-filter-group>div{gap:8px;display:grid}.catalog-filter-group label{min-height:44px;color:var(--muted);cursor:pointer;text-transform:uppercase;align-items:center;gap:12px;font-size:.76rem;display:flex}.catalog-filter-group label:has(input:checked){color:var(--foreground)}.catalog-filter-group input{width:18px;height:18px;accent-color:var(--red)}.catalog-summary{justify-content:space-between;align-items:center;gap:18px;min-height:44px;margin-bottom:24px;display:flex}.catalog-summary p{margin:0}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.catalog-empty{grid-column:1/-1}.catalog-empty h2{margin-top:0}.shipping-hero{background:linear-gradient(#05050533,#050505e6),url(/images/bespoke-elemental/about-06.png) 50% 55%/cover;align-items:end;min-height:62dvh;display:flex}.shipping-hero .muted{max-width:720px;font-size:1.1rem;line-height:1.7}.shipping-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.shipping-grid h2{margin:22px 0 12px;font-size:1.25rem}.shipping-grid p{margin:0;line-height:1.68}.shipping-icon{color:var(--red-soft);border-color:#ffb3ac52}.shipping-fitment{background:#0003;border-top:1px solid #7e5a5647}.shipping-fitment h2{max-width:900px;margin:14px 0 24px;font-size:clamp(2.6rem,6vw,5.6rem)}.shipping-fitment .muted{max-width:720px;margin-bottom:30px;line-height:1.72}@media (max-width:1060px){.nav-links,.search-box{display:none}.mobile-menu{display:inline-flex}.nav-panel{background:#0d0d0d;border-bottom:1px solid #7e5a5652;align-content:start;gap:12px;width:100%;height:calc(100dvh - 92px);padding:22px 20px 28px;display:grid;position:absolute;top:92px;left:0;overflow-y:auto}.nav-panel a{min-height:48px;color:var(--muted);text-transform:uppercase;align-items:center;font-family:JetBrains Mono,monospace;display:flex}.nav-panel-label{color:var(--red-soft);text-transform:uppercase;padding-top:10px;font-family:JetBrains Mono,monospace;font-size:.72rem}}@media (max-width:900px){.section{padding:72px 0}.grid-12{grid-template-columns:1fr}.grid-12>*{grid-column:1/-1!important}.hero-copy{padding-top:64px;padding-bottom:132px}.model-hero{min-height:560px}.hero-metrics{grid-template-columns:1fr;margin-top:-72px}.hero-metrics div{border-bottom:1px solid #7e5a563d;border-right:0}.hero-metrics div:last-child{border-bottom:0}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>div:first-child{grid-column:1/-1}.about-gallery,.shipping-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.container,.hero-copy,.hero-metrics,.model-strip-inner,.nav-inner{width:min(100% - 32px, var(--page-max))}.logo-lockup span{max-width:164px;font-size:1.15rem;line-height:1.05}.logo-lockup img{width:42px;height:58px}.carousel-hero{min-height:540px}.hero-carousel-copy{width:calc(100% - 48px);bottom:150px;left:24px}.hero-carousel-copy p{font-size:.98rem;line-height:1.35}.carousel-arrow{width:44px;height:58px}.carousel-dots{bottom:86px}.about-story-row{grid-template-columns:1fr;gap:14px;padding:36px 0}.about-gallery,.shipping-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.catalog-summary{flex-direction:column;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.model-switcher{bottom:78px!important}.model-switcher .button{width:auto;min-height:40px;padding-inline:12px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}