/* V2 stylesheet entrypoint: all public-page CSS loads from here. */
@import url('drive-poc.css');
@import url('collection-editorial.css');
@import url('showroom.css');
@import url('showroom-3d.css');

:root{--mono:"Montserrat",Arial,sans-serif;--display:"Montserrat",Arial,sans-serif}
.poc-collection .landing-hero h1{font-family:var(--mono)}

/* Vehicle page: same monochrome editorial system as the collection. */
.poc-vehicle-page { --red:#fff; background:#090909; }
.poc-vehicle-page .poc-vehicle-title { position:relative; isolation:isolate; min-height:100svh; height:100svh; padding:58px 8vw 10vh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; background:#101010; }
.poc-vehicle-page .poc-vehicle-title > *:not(.poc-video-placeholder) { position:relative; z-index:1; }
.poc-vehicle-page .poc-vehicle-title .poc-eyebrow { color:#f1f1f1; margin-bottom:1.1rem; }
.poc-vehicle-page .poc-vehicle-title h1 { max-width:14ch; margin:0; font-family:var(--mono); font-size:clamp(2.2rem,5.6vw,6.5rem); font-weight:300; line-height:1.05; letter-spacing:.16em; text-transform:uppercase; }
.poc-vehicle-page .poc-vehicle-title > p:last-child { margin:1.5rem 0 0; color:#d0d0d0; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; }
.poc-vehicle-page .poc-video-placeholder { position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,#070707e8 0%,#09090996 44%,#09090938 72%,#050505bf 100%),radial-gradient(ellipse 50% 65% at 72% 57%,#5c5c5c 0%,#202020 51%,transparent 72%),#090909; }
.poc-vehicle-page .poc-video-placeholder::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#000b,transparent 35%,#0004),repeating-linear-gradient(90deg,transparent 0 10vw,#ffffff08 10vw calc(10vw + 1px)); }
.poc-vehicle-page .poc-video-placeholder span { position:absolute; right:3vw; top:82px; padding:.58rem .7rem; border:1px solid #ffffff8f; color:#f4f4f4; font-size:.63rem; letter-spacing:.18em; text-transform:uppercase; }
.poc-vehicle-page .poc-parallax-frame { height:100svh; background:#090909; }
.poc-vehicle-page .poc-parallax-image { height:100svh; }
.poc-vehicle-page .poc-parallax-image::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,#050505b8 0%,transparent 25%,transparent 72%,#05050587 100%); }
.poc-vehicle-page .poc-parallax-image img { height:100%; filter:grayscale(.2) contrast(1.08) brightness(.82); transition:filter .5s ease; }
.poc-vehicle-page .poc-parallax-frame:hover img { filter:grayscale(0) contrast(1.04) brightness(.94); }
.poc-vehicle-page .poc-spec-section { min-height:88svh; padding:clamp(6rem,12vw,10rem) 8vw; color:#fff; background:radial-gradient(ellipse at 60% 20%,#2a2a2a,transparent 44%),#0a0a0a; }
.poc-vehicle-page .poc-spec-section h2 { font-family:var(--mono); font-size:clamp(2.2rem,5vw,5.5rem); font-weight:300; letter-spacing:.11em; line-height:1.08; text-transform:uppercase; }
.poc-vehicle-page .poc-spec-section h2 span,.poc-vehicle-page .poc-logo span { color:inherit; }
.poc-vehicle-page .poc-spec-grid { max-width:1050px; margin:3.5rem 0; border-color:#ffffff42; }
.poc-vehicle-page .poc-spec-grid div { padding:1.25rem 0; border-color:#ffffff2e; }
.poc-vehicle-page .poc-spec-grid span { color:#a9a9a9; letter-spacing:.16em; }
.poc-vehicle-page .poc-spec-grid strong { color:#fff; font-family:var(--mono); font-size:1rem; font-weight:400; letter-spacing:.08em; }
.poc-vehicle-page .poc-button-red { background:#fff; color:#141414; border-color:#fff; box-shadow:none; }
.poc-vehicle-page .poc-button-red:hover { background:#d9d9d9; color:#111; }
.poc-vehicle-page .poc-sticky-enquire { position:fixed; right:2rem; bottom:2rem; z-index:24; min-width:180px; text-align:center; }
.poc-vehicle-page .poc-sticky-enquire:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-width:760px) { .poc-vehicle-page .poc-vehicle-title{padding:56px 1.5rem 13vh}.poc-vehicle-page .poc-vehicle-title h1{font-size:clamp(2rem,11vw,3.5rem);letter-spacing:.11em}.poc-vehicle-page .poc-video-placeholder{background:linear-gradient(0deg,#050505df,transparent 59%),radial-gradient(ellipse 75% 55% at 60% 44%,#454545 0%,#171717 57%,#070707 100%)}.poc-vehicle-page .poc-video-placeholder span{right:1.5rem;top:74px;font-size:.55rem}.poc-vehicle-page .poc-spec-section{padding:5.5rem 1.5rem}.poc-vehicle-page .poc-sticky-enquire{right:1rem;bottom:1rem;min-width:auto} }
