/* Monochrome automotive styling; existing page structure is retained. */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600&display=swap');
:root{color-scheme:dark;--ink:#f5f5f5;--paper:#080808;--muted:#aaa;--line:#303030;--red:#fff}
body{background:#080808;color:#f5f5f5}
::selection{background:#fff;color:#000}
header{background:#080808;border-bottom:1px solid #ffffff26}
.brand{font-style:italic;letter-spacing:-2px}.brand span{font-style:normal;color:#bcbcbc}
nav{letter-spacing:.06em}nav>a:not(.nav-cta):after{height:1px;background:#fff}
.nav-cta{background:transparent;border:1px solid #777;color:#fff;transition:background .2s,color .2s}
.nav-cta:hover{background:#fff;color:#080808}.menu-toggle{color:#fff}
h1,h2,.service-card h3,.principles h3{font-family:'Rajdhani','Manrope',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.025em;line-height:1.08}
.cinema-hero h1{font-family:'Rajdhani','Manrope',sans-serif;font-weight:500;font-style:italic;font-size:clamp(64px,7.2vw,112px);letter-spacing:.02em;line-height:1;max-width:950px}
.cinema-hero,.ribbon,.page-intro,.approach,footer,.collection{background:#080808;color:#f5f5f5}
.cinema-hero .hero-image:after{background:linear-gradient(90deg,#000b,transparent 85%),linear-gradient(0deg,#000d,transparent 45%)}
.hero .eyebrow,.eyebrow,.number{color:#aaa;letter-spacing:.16em}
.cinema-hero .hero-copy p{color:#eee}.hero h1 em,.page-intro h1 em,.contact-copy h1 em{color:#ccc;font-style:normal}
.button,.button.light{background:transparent;border:1px solid #aaa;color:#fff;letter-spacing:.06em;font-size:14px;transition:background .2s,color .2s,border-color .2s}
.button:hover,.button.light:hover{background:#fff;color:#080808;transform:none;border-color:#fff}
.quiet-link,.text-link{border-color:#777}.service-card:hover .text-link{color:white;border-color:white}
.ribbon{border-bottom:1px solid #303030;border-top:1px solid #303030;color:#bbb}
.section-heading>p,.service-card p,.approach-copy p,.reach p,.details p,.principles p,.page-intro p,.contact-copy>p,.footer-top p,.footer-bottom{color:#aaa}
h2{font-size:clamp(36px,3.8vw,60px)}
.service-card h3{font-size:32px}.service-card{transition:background .2s}.service-card:hover{background:#ffffff04}
.approach{border-top:1px solid #303030;border-bottom:1px solid #303030}
.page-intro{border-bottom:1px solid #303030}.page-intro h1,.contact-copy h1{letter-spacing:.02em;font-size:clamp(44px,5.5vw,82px);font-weight:500}
.cta-strip{background:#101010;color:#fff;border-top:1px solid #303030;border-bottom:1px solid #303030}
.cta-strip h2{font-size:clamp(40px,5vw,72px)}
footer{border-top:1px solid #303030}.footer-bottom{border-color:#303030}
.cinema-controls{border-color:#ffffff50}.cinema-controls p{font-size:14px;letter-spacing:.06em;color:#ddd}
.photo-selectors{gap:12px}.photo-selectors button{width:52px;height:52px;border-color:#ffffff80;background:#0006}.photo-selectors button:hover{background:#fff;color:#000}
.sold-collection{background:#080808;color:#f5f5f5}
.sold-collection h1{font-family:'Rajdhani','Manrope',sans-serif;font-weight:500;letter-spacing:.035em;font-size:clamp(36px,4vw,56px)}
.sold-collection .eyebrow,.sold-collection .section-heading>p,.inventory-tools,.inventory-summary,.sold-collection .collection-end p,.vehicle-specs dt{color:#aaa}
.sold-collection .collection-photo:nth-child(n){background:#111;border-color:#303030;transition:border-color .2s}
.sold-collection .collection-photo:hover{border-color:#777}
.sold-collection h3{font-family:'Manrope',sans-serif;color:#f5f5f5}
.vehicle-specs dd,.inventory-summary strong,.sold-collection .collection-end .text-link{color:#eee}
.vehicle-specs,.inventory-tools,.inventory-summary,.sold-collection .collection-end{border-color:#303030}
.sold-badge,.photo-count{background:#000c;color:white}
.inventory-tools button,#filter-clear,.gallery-header button,.gallery-navigation button{background:transparent;border-color:#666;color:#fff}
.inventory-tools button:hover,#filter-clear:hover,.gallery-header button:hover,.gallery-navigation button:hover{background:#fff;color:#080808}
.inventory-tools button[aria-expanded=true]{background:#fff;color:#080808;border-color:#fff}
#inventory-filters,#inventory-empty,.form-panel{background:#111;border-color:#303030;color:#f5f5f5}
#inventory-filters select,input:not([type=radio]),textarea{background:#080808;border-color:#555;color:#fff}
input::placeholder,textarea::placeholder{color:#999;opacity:1}
.choices span{border-color:#555}.choices input:checked+span{background:#fff;border-color:#fff;color:#080808}
.form-panel h2{font-size:30px}.form-note,.optional{color:#aaa}
#vin-field[hidden]{display:none}
#vehicle-gallery{background:#101010;border:1px solid #444}.gallery-header h2{font-family:'Manrope',sans-serif;text-transform:none;letter-spacing:0}
#gallery-image{background:#050505}.skip{background:#fff;color:#080808}
@media(max-width:1000px){.cinema-hero h1{font-size:clamp(54px,8vw,80px)}}
@media(max-width:700px){nav{background:#080808;border-bottom:1px solid #444}.cinema-hero h1{font-size:clamp(36px,9.5vw,64px);letter-spacing:.01em;line-height:1.08}.cinema-hero .hero-copy{padding-bottom:440px}.cinema-hero .hero-image:after{background:linear-gradient(180deg,#080808 10%,#08080855 45%,transparent 60%,#080808 95%)}.cinema-hero .hero-image{background:#080808}.cinema-controls{gap:16px}.cinema-controls p{font-size:14px}.photo-selectors button{min-height:48px}.page-intro h1,.contact-copy h1{font-size:clamp(38px,10vw,62px);overflow-wrap:break-word}h2{font-size:clamp(32px,8vw,42px);overflow-wrap:break-word}.service-card h3{font-size:30px}.about .approach-copy h2{font-size:clamp(28px,7vw,40px)}.footer-top{grid-template-columns:1fr}.footer-top>div{grid-column:auto}.vehicle-specs{border-color:#303030}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Movement and visual continuity */
.cinema-hero .hero-image:after{z-index:2;pointer-events:none}
.cinema-hero .hero-image .carousel-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.cinema-controls:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#ddd0af;transform:scaleX(0);transform-origin:left}
.cinema-controls{isolation:isolate}
.is-playing .cinema-controls:before{animation:slide-progress 6.5s linear forwards}
@keyframes slide-progress{to{transform:scaleX(1)}}
.photo-selectors .carousel-play{width:44px;height:44px;min-width:44px;min-height:44px;border-color:transparent;align-self:center;color:#ccc}
.hero-copy .eyebrow{animation:hero-arrive .8s ease both}.hero-copy h1{animation:hero-arrive 1s .12s ease both}.hero-copy p,.hero-actions{animation:hero-arrive 1s .25s ease both}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .reveal{transition-duration:1s;transition-timing-function:cubic-bezier(.2,.65,.3,1)}
.services{background:radial-gradient(ellipse at 95% 0,#b89d7010,transparent 60%),#080808}
.approach{background:linear-gradient(125deg,#080808,#171613);border-color:#34322d}
.reach{background:linear-gradient(180deg,#12110f,#080808)}
.cta-strip{background:radial-gradient(ellipse at 85% 100%,#65513735,transparent 65%),#101010}
.service-card .number,.principles .number{color:#c3b496}
.button,.nav-cta{transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.button:hover,.nav-cta:hover{box-shadow:0 4px 24px #ffffff12}
.text-link{transition:color .25s,border-color .25s,padding .25s}.text-link:hover{padding-left:7px;border-color:#d5c4a0}
.service-card{position:relative}.service-card:after{content:'';height:1px;background:#c3b496;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .4s}.service-card:hover:after{transform:scaleX(1)}
.approach-image img,.wide-photo img{transition:transform 1.5s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover){.approach-image:hover img,.wide-photo:hover img{transform:scale(1.035)}}
@media(max-width:700px){.cinema-hero .hero-image .carousel-layer{object-fit:contain;object-position:center 65%;padding-top:260px;padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero-copy h1,.hero-copy p,.hero-actions{animation:none}.motion-ready .reveal{opacity:1;transform:none}.is-playing .cinema-controls:before{animation:none}.approach-image:hover img,.wide-photo:hover img{transform:none}}

/* Warm accents against the dark automotive palette. */
:root{--red:#d8b77e}
::selection{background:#d8b77e;color:#17120b}
.hero .eyebrow,.page-intro>.eyebrow,.contact-copy>.eyebrow{color:#e2c692}
.cinema-hero h1 em{color:#e7cca1}
.button{background:linear-gradient(115deg,#e4c695,#c8a16b);border-color:#dabc8b;color:#17120b;font-weight:650}
.button:hover{background:#f0d9b3;border-color:#f0d9b3;color:#17120b;box-shadow:0 6px 28px #d8b77e24}
.button.light{background:transparent;border-color:#d8b77e;color:#f2dbb6}
.button.light:hover{background:#e4c695;color:#17120b;border-color:#e4c695}
.nav-cta{border-color:#a88a5d;color:#e4c695}.nav-cta:hover{background:#e4c695;border-color:#e4c695;color:#17120b}
nav>a:not(.nav-cta):after{background:#d8b77e}
.services{background:radial-gradient(ellipse at 100% 0,#8b4a3330,transparent 65%),#0c0b0a}
.approach{background:linear-gradient(125deg,#0b0b0b 25%,#251c18 100%);border-color:#483a2b}
.approach-copy>.eyebrow,.reach>.eyebrow,.extras .eyebrow{color:#d8b77e}
.reach{background:radial-gradient(ellipse at 0 100%,#71532620,transparent 65%),linear-gradient(180deg,#171210,#090909)}
.cta-strip{background:radial-gradient(ellipse at 85% 100%,#b5813e3d,transparent 70%),linear-gradient(115deg,#211519,#382226);border-color:#64443a}
.cta-strip .eyebrow{color:#e4c695}
.page-intro{background:radial-gradient(ellipse at 100% 100%,#67432b44,transparent 65%),#0d0b0b}
.page-intro h1 em,.contact-copy h1 em{color:#dcc39b}
.sold-collection{background:radial-gradient(ellipse 100% 450px at 90% 0,#7d4f2a22,transparent),#080808}
.sold-collection .collection-photo:hover{border-color:#9b8057}
.sold-badge{background:#19150fe8;color:#e4c695;border:1px solid #a88a5d66}
.inventory-tools button[aria-expanded=true]{background:#e4c695;color:#17120b;border-color:#e4c695}
.contact-layout{background:radial-gradient(ellipse at 0 0,#7d4f2a22,transparent 55%),#080808}
footer{background:linear-gradient(180deg,#0e0c0b,#080808);border-color:#30271d}

/* Keep the full homepage story photo visible on narrow screens. */
@media(max-width:700px){
  .approach:not(.about) .approach-image{height:auto;aspect-ratio:3/2}
  .approach:not(.about) .approach-image img{object-fit:contain}
}