:root{--black:#080808;--soft-black:#11110f;--white:#f4f0e8;--gold:#c8a15a;--muted:#a7a298;--line:rgba(255,255,255,.16);--serif:"Italiana",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:100;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:80;top:0;left:0;width:100%;height:112px;padding:0 4.5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);transition:height .35s ease,background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.site-header.scrolled{height:82px;background:rgba(8,8,8,.86);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.28);border-bottom-color:rgba(200,161,90,.22)}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:25px var(--serif);transform:rotate(45deg)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand strong{font-size:13px;letter-spacing:.22em}.brand small{display:block;color:#bbb;font-size:9px;letter-spacing:.15em;margin-top:4px}
.main-nav{margin:auto;display:flex;gap:38px}.main-nav a{font-size:12px;letter-spacing:.12em;position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.3s}.main-nav a:hover:after{width:100%}
.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--gold);padding:12px 0}.header-cta span{color:var(--gold);margin-left:16px}.menu-toggle{display:none}
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("../images/obsidian-hero.png") center/cover no-repeat;animation:heroScale 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 35%,rgba(0,0,0,.06) 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}
@keyframes heroScale{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero-copy{position:relative;z-index:2;width:48%;padding-left:8.5vw;padding-top:8vh}.eyebrow{margin:0 0 27px;text-transform:uppercase;font-size:10px;letter-spacing:.32em;color:var(--gold)}.hero h1,.manifesto h2,.collection h2,.contact h2{font:clamp(65px,7.4vw,126px)/.88 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em,.manifesto h2 em,.edition-card em,.contact h2 em{font-style:italic;color:var(--gold)}.hero-intro{color:#c5c1b9;line-height:1.7;max-width:420px;margin:38px 0;font-weight:300}.text-link{display:inline-flex;gap:30px;align-items:center;text-transform:uppercase;font-size:10px;letter-spacing:.22em;border-bottom:1px solid var(--gold);padding-bottom:12px}.text-link span{color:var(--gold)}
.hero-index{position:absolute;right:4.5vw;bottom:48%;display:flex;align-items:center;gap:10px;font-size:9px}.hero-index i{display:block;width:45px;height:1px;background:linear-gradient(90deg,var(--gold) 40%,#777 40%)}.scroll-cue{position:absolute;left:4.5vw;bottom:4vh;display:flex;align-items:center;gap:18px;transform:rotate(-90deg);transform-origin:left bottom;font-size:8px;text-transform:uppercase;letter-spacing:.22em}.scroll-cue i{width:60px;height:1px;background:#aaa}
.manifesto{min-height:850px;background:var(--white);color:#171715;padding:150px 10vw 120px 17vw;display:grid;grid-template-columns:1fr 300px;align-content:center;position:relative;overflow:hidden}.vertical-label{position:absolute;left:4vw;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.32em}.section-number{position:absolute;top:100px;right:5vw;color:#777;font-size:11px}.manifesto-copy>p{font-size:18px;margin:0 0 25px}.manifesto h2{font-size:clamp(62px,8vw,132px);max-width:900px;position:relative;z-index:1}.manifesto h2 em{display:block}.manifesto-side{align-self:end;padding-bottom:30px;z-index:2}.manifesto-side>p{font-size:13px;line-height:1.8;color:#5f5b54}.circle-link{margin-top:42px;width:145px;height:145px;border:1px solid #aaa;border-radius:50%;display:flex;justify-content:space-around;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:.16em;transition:.4s}.circle-link:hover{background:var(--gold);border-color:var(--gold);transform:rotate(-8deg)}.circle-link b{font-size:18px}.gold-orbit{position:absolute;width:560px;height:560px;border:1px solid rgba(190,144,62,.35);border-radius:50%;right:-280px;top:140px}.gold-orbit:after{content:"";position:absolute;width:8px;height:8px;background:var(--gold);border-radius:50%;left:20px;top:160px;box-shadow:0 0 30px var(--gold)}
.collection{padding:140px 6vw;background:#0d0d0c}.collection-heading{display:flex;justify-content:space-between;align-items:end;margin:0 5vw 70px}.collection h2{font-size:clamp(65px,7vw,110px)}.collection-heading>p{font-size:12px;line-height:1.7;color:var(--muted)}
.feature-card{min-height:760px;display:grid;grid-template-columns:65% 35%;background:#151513;overflow:hidden}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.feature-card:hover img{transform:scale(1.035)}.feature-content{padding:70px 4vw;position:relative;display:flex;flex-direction:column;justify-content:center}.car-number{position:absolute;top:35px;right:35px;color:#777;font-size:11px}.feature-content h3{font:clamp(48px,5vw,78px)/.95 var(--serif);margin:0 0 55px}.feature-content h3 em{font-style:italic;color:var(--gold)}.specs{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.specs p{margin:0}.specs strong{font:29px var(--serif)}.specs span{display:block;font-size:8px;text-transform:uppercase;color:#888;margin-top:7px;letter-spacing:.12em}.outline-button{margin-top:45px;width:max-content;border:1px solid #555;padding:17px 23px;text-transform:uppercase;font-size:9px;letter-spacing:.2em;transition:.3s}.outline-button:hover{border-color:var(--gold);background:var(--gold);color:#111}.outline-button span{margin-left:30px}
.journal-grid{margin-top:25px;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:520px 520px;gap:25px}.journal-card{position:relative;overflow:hidden;background:#151513}.journal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.83),transparent 62%)}.journal-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s}.journal-card:hover img{transform:scale(1.045);filter:saturate(1.08)}.journal-wide{grid-column:1 / -1}.journal-tall{grid-column:1}.journal-city{grid-column:2}.journal-caption{position:absolute;z-index:2;left:40px;right:40px;bottom:35px}.journal-caption span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.journal-caption h3{font:clamp(42px,4vw,65px)/.9 var(--serif);margin:14px 0 0}.journal-caption h3 em{color:var(--gold);font-style:italic}.journal-caption p{position:absolute;right:0;bottom:0;font-size:11px;color:#bbb;line-height:1.6}
.showroom{background:#090909;padding:140px 6vw;overflow:hidden}.showroom-head{display:flex;align-items:end;justify-content:space-between;margin:0 5vw 70px}.showroom-head h2{font:clamp(65px,7vw,110px)/.9 var(--serif);margin:0}.showroom-head h2 em{color:var(--gold);font-style:italic}.showroom-head>p{color:#888;font-size:12px;line-height:1.8}.viewer-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:690px;border:1px solid var(--line);background:#111}.viewer-stage{position:relative;overflow:hidden;perspective:1200px;cursor:grab;touch-action:none;outline:none;background:radial-gradient(circle at 50% 42%,#38342c 0,transparent 28%),linear-gradient(#151515,#070707)}.viewer-stage:active{cursor:grabbing}.viewer-grid{position:absolute;left:-25%;right:-25%;bottom:-35%;height:65%;background:repeating-linear-gradient(90deg,rgba(200,161,90,.15) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(200,161,90,.15) 0 1px,transparent 1px 80px);transform:rotateX(64deg);transform-origin:top;mask-image:linear-gradient(#000,transparent)}.viewer-car{position:absolute;inset:14% 2% 15%;transform-style:preserve-3d;transition:transform .18s ease-out,filter .4s}.viewer-car img{width:100%;height:100%;object-fit:cover;object-position:65% center;clip-path:inset(8% 2% 8% 2% round 14px);user-select:none}.viewer-car.finish-champagne{filter:sepia(.62) saturate(.72) brightness(1.28)}.viewer-car.finish-crimson{filter:sepia(.5) saturate(1.7) hue-rotate(315deg) brightness(.82)}.hotspot{position:absolute;border:0;background:none;color:white;cursor:pointer}.hotspot span{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-size:8px;box-shadow:0 0 0 8px rgba(200,161,90,.17);animation:hotspotPulse 2s infinite}.hotspot b{display:none;position:absolute;white-space:nowrap;left:38px;top:5px;background:#eee;color:#111;padding:7px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.hotspot:hover b,.hotspot:focus b{display:block}.hotspot-one{left:45%;top:51%}.hotspot-two{right:12%;bottom:22%}@keyframes hotspotPulse{50%{box-shadow:0 0 0 15px rgba(200,161,90,0)}}.drag-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#888}.drag-cue span{color:var(--gold);font-size:18px;margin-right:9px}.focus-view{position:absolute;top:25px;right:25px;border:0;background:rgba(0,0,0,.6);color:white;padding:12px 15px;text-transform:uppercase;font-size:8px;letter-spacing:.14em;cursor:pointer}.focus-view span{color:var(--gold);margin-left:8px}.viewer-panel{padding:55px 35px;position:relative;display:flex;flex-direction:column;justify-content:center}.model-index{position:absolute;right:25px;top:25px;color:#666;font-size:9px}.viewer-panel h3{font:55px/.9 var(--serif);margin:0 0 45px}.viewer-panel h3 em{font-style:italic;color:var(--gold)}.viewer-specs{border-top:1px solid var(--line)}.viewer-specs p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;margin:0;font-size:10px}.viewer-specs span{color:#777}.viewer-specs strong{font-weight:400}.finishes{margin-top:45px}.finishes>p{font-size:9px;text-transform:uppercase;letter-spacing:.17em}.finish{width:27px;height:27px;border-radius:50%;border:5px solid #111;background:var(--swatch);margin:8px 9px 8px 0;box-shadow:0 0 0 1px #444;cursor:pointer}.finish.active{box-shadow:0 0 0 1px var(--gold)}.finishes small{color:#888;font-size:9px}.viewer-modal{position:fixed;z-index:200;inset:0;background:#050505;padding:5vw}.viewer-modal[hidden]{display:none}.viewer-modal img{width:100%;height:100%;object-fit:contain}.modal-close{position:absolute;z-index:2;right:35px;top:30px;background:none;border:1px solid #555;color:white;padding:12px 18px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;cursor:pointer}.viewer-modal>p{position:absolute;left:6vw;bottom:4vh;letter-spacing:.22em;font-size:11px}.viewer-modal>p span{color:#777;margin-left:25px}
.numbers{background:var(--white);color:#111;padding:120px 10vw}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.numbers-grid div{border-left:1px solid #bbb;padding-left:30px}.numbers-grid strong{font:clamp(70px,9vw,140px) var(--serif)}.numbers-grid strong:after{content:"+";color:var(--gold);font-size:.35em;vertical-align:top}.numbers-grid span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.2em}
.contact{min-height:780px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:90px 20px}.contact-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(190,146,67,.12);filter:blur(100px)}.contact>*:not(.contact-glow){z-index:1}.contact h2{font-size:clamp(65px,8vw,120px)}.contact>p:not(.eyebrow){color:#999;margin:35px 0}.contact-link{border-bottom:1px solid var(--gold);padding:15px 0;text-transform:uppercase;font-size:10px;letter-spacing:.25em}.contact-link span{color:var(--gold);margin-left:45px}.signature{position:absolute;bottom:50px;font-size:10px;color:#777;letter-spacing:.12em}.signature strong{color:#ccc}
footer{min-height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font-size:9px;color:#888;letter-spacing:.12em}.footer-brand{color:#ddd}.footer-brand span{font:20px var(--serif);color:var(--gold);margin-right:10px}footer>a:last-child:hover{color:var(--gold)}
.back-top{position:fixed;right:28px;bottom:28px;width:55px;height:55px;z-index:50;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(8,8,8,.7);backdrop-filter:blur(8px);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;opacity:0;transform:translateY(15px);pointer-events:none;transition:.3s}.back-top.visible{opacity:1;transform:none;pointer-events:auto}.back-top span{color:var(--gold);font-size:16px}.back-top small{font-size:7px;letter-spacing:.15em}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:85px}.main-nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;width:40px;height:40px}.menu-toggle span{display:block;width:25px;height:1px;background:white;margin:7px}.main-nav.open{display:flex;position:absolute;top:85px;left:0;width:100%;height:calc(100vh - 85px);background:#080808;flex-direction:column;align-items:center;justify-content:center;gap:40px}.main-nav.open a{font:38px var(--serif)}.hero-copy{width:85%;padding-left:7vw}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.25))}.hero h1{font-size:clamp(55px,13vw,85px)}.manifesto{grid-template-columns:1fr;padding:130px 9vw}.manifesto-side{margin-top:70px;max-width:350px}.feature-card{grid-template-columns:1fr}.feature-image{height:450px}.edition-grid{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,420px)}.journal-wide,.journal-tall,.journal-city{grid-column:1}.showroom-head{align-items:start}.showroom-head>p{display:none}.viewer-shell{grid-template-columns:1fr}.viewer-stage{height:520px}.viewer-panel{min-height:480px}.numbers-grid{grid-template-columns:1fr;gap:55px}.numbers-grid div{padding-bottom:25px}.collection-heading{align-items:start}.collection-heading>p{display:none}}
@media(max-width:560px){.brand small{display:none}.hero{min-height:680px}.hero-copy{padding-top:12vh}.hero-intro{font-size:13px}.hero-index{display:none}.scroll-cue{left:24px}.manifesto{min-height:750px;padding-left:16vw}.manifesto h2{font-size:53px}.gold-orbit{width:330px;height:330px}.collection{padding:95px 18px}.collection-heading{margin:0 5px 45px}.collection h2{font-size:55px}.feature-image{height:300px}.feature-content{padding:60px 25px}.specs strong{font-size:23px}.edition-card{height:480px}.edition-card h3{font-size:48px}.journal-grid{grid-template-rows:repeat(3,340px)}.journal-caption{left:24px;right:24px}.journal-caption p{display:none}.showroom{padding:95px 18px}.showroom-head{margin:0 5px 45px}.showroom-head h2{font-size:55px}.viewer-stage{height:380px}.viewer-car{inset:9% -15% 12%}.hotspot{display:none}.viewer-panel{padding:50px 27px}.numbers{padding:90px 30px}.contact{min-height:680px}.contact h2{font-size:57px}footer{padding:35px 25px;flex-direction:column;gap:22px;text-align:center}.back-top{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.viewer-car{transition:transform .18s ease-out}
.viewer-car img{transition:opacity .22s ease;filter:none!important}
.viewer-car img.swapping{opacity:.12}