/* An architectural, midcentury-inspired layer for the existing motor archive. */
:root{
  color-scheme:light;
  --ink:#272d22;
  --paper:#f0ead9;
  --muted:#67705e;
  --line:#2b332a33;
  --yellow:#c99837;
  --red:#ad563c;
  --green:#52634c;
  --serif:Georgia,"Times New Roman",serif;
  --sans:"Avenir Next",Avenir,"Century Gothic","Trebuchet MS",Arial,sans-serif;
  --walnut:#513c2d;
  --rust:#ad563c;
  --olive:#303d31;
  --cream:#f0ead9;
}
body{background:var(--cream);color:var(--ink);font-family:var(--sans)}
h1,h2,h3{font-family:var(--sans);font-weight:600;letter-spacing:-.055em}
h1 em,h2 em,h3 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.eyebrow,.model-label,.note-label,.selector-meta,.section-label{font-weight:700;letter-spacing:.16em}
.masthead{background:#272d22;color:var(--cream);border-top:5px solid var(--rust);border-bottom:0;padding:1.05rem 3vw}
.brand{font-size:.85rem;letter-spacing:.16em;gap:.9rem}
.brand-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;padding:0;border:1px solid #c99837;color:#e8ca86;font:600 .95rem/1 var(--sans);letter-spacing:-.09em}
.masthead-title{color:#d1c9b5;letter-spacing:.07em}
.masthead nav{gap:clamp(1rem,2vw,2.5rem)}
.masthead nav a{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.masthead nav a:hover{color:#e8ca86}
.garage-hero{max-width:none;background:var(--cream);color:var(--ink);padding:0 3vw}
.garage-heading{position:relative;max-width:1600px;margin:auto;padding:clamp(2.25rem,4vw,4rem) 0 clamp(1.3rem,2.7vw,2.5rem);border-bottom:1px solid #8f947c;align-items:end}
.garage-heading::after{content:"";position:absolute;right:0;top:1.4rem;width:min(18vw,15rem);height:.55rem;background:repeating-linear-gradient(90deg,#ac633d 0 1.1rem,transparent 1.1rem 1.7rem);opacity:.8}
.garage-heading .eyebrow{color:#7d5232;font-size:.875rem;letter-spacing:.2em}
.garage-heading h1{font-size:clamp(3.5rem,7vw,7.8rem);line-height:.96;text-transform:uppercase;letter-spacing:-.08em}
.garage-heading h1 em{display:inline-block;color:#a94f38;text-transform:none;letter-spacing:-.07em}
.scene-instruction{color:#49513f;font-weight:600;font-size:.9rem;letter-spacing:.02em}
.garage-scene{max-width:1600px;margin:1.25rem auto 0;border:10px solid #fffaf0;outline:1px solid #b9b49e;background:#342b24;box-shadow:0 18px 45px #3c362921}
.scene-image{filter:brightness(.99) saturate(.88) sepia(.03)}
.garage-hero:not([data-active=none]) .scene-image{filter:brightness(.7) saturate(.78)}
.garage-selectors{max-width:1600px;margin:0 auto;border-top:0;border-bottom:1px solid #8f947c;background:#e6ddc8}
.garage-selectors a{color:var(--ink);padding:1.2rem 1.5rem 1.35rem;border-bottom:5px solid transparent;transition:background .25s,border-color .25s}
.garage-selectors a+a{border-left:1px solid #b7af96}
.garage-selectors a:hover,.garage-selectors a[data-selected=true]{background:#f7f0df}
.garage-selectors a[data-selected=true]{border-bottom-color:var(--rust)}
.garage-selectors .selector-meta{color:#765940;font-size:.75rem}
.garage-selectors a em{font:600 clamp(1.15rem,1.7vw,1.6rem)/1.25 var(--sans);letter-spacing:-.04em}
.garage-details{max-width:1600px;margin:auto;min-height:10rem;padding:2rem 1.4rem;border-bottom:1px solid #8f947c}
.garage-details .eyebrow,.garage-hero:not([data-active=none]) .garage-details .eyebrow{color:#8b5437}
.garage-details h2{font:600 clamp(1.65rem,2.5vw,2.7rem)/1.1 var(--sans);letter-spacing:-.05em}
.garage-details>p{color:#51594b;font-size:1rem;line-height:1.6}
.garage-details .chapter-link{font-weight:700;color:#8f4932}
.racing-link{max-width:1600px;margin:0 auto;background:#ab5b3e;color:#fff4e1;padding:1.1rem 1.5rem 1.1rem 1.4rem;border:0}
.racing-link:hover{background:#954b34}
.racing-link-number{background:#e8cc8b;color:#342d20;border:0;font-family:var(--sans);font-weight:800}
.racing-link-label,.racing-link-detail{color:#fff0d8}
.racing-link strong{font:600 1.35rem/1.3 var(--sans);letter-spacing:-.035em}
.racing-link-arrow{border-color:#ffe5bf;color:#ffe5bf}
.collection-intro{max-width:none;margin:0;background:#d8cdb5;padding:clamp(4rem,6vw,7rem) 8vw;position:relative}
.collection-intro::before{content:"";position:absolute;left:8vw;top:0;width:5rem;height:.45rem;background:var(--rust)}
.collection-intro .eyebrow{color:#76523a}
.collection-intro h2{font-weight:600;letter-spacing:-.065em}
.collection-intro h2 em{color:#9c5037}
.collection-intro>p:last-child{color:#384133;font-size:1.1rem;line-height:1.7}
.chapter{border-top:0}
.chapter-heading{padding-top:1rem;border-top:2px solid currentColor}
.chapter-heading h2{font-size:clamp(3rem,6vw,6.7rem);line-height:1.02}
.chapter-heading .model-label{font-weight:700}
.expedition{background:#eee7d4;color:#253026}
.expedition .eyebrow,.expedition .note-label{color:#846439}
.land-photo{background:#d6c29b;box-shadow:14px 14px 0 #c4b391;transform:none}
.carrera{background:#46372f;color:#fbf3e6;border-top:8px solid #b05a3d}
.carrera .eyebrow,.carrera .chapter-heading h2 em{color:#e6ad7d}
.carrera-notes p{color:#e1d2bf}
.country{background:#334336;color:#f2eee2;border-top:8px solid #b7a56c}
.country .eyebrow,.country .chapter-heading h2 em{color:#dacb93}
.country-spread>div>p:not(.eyebrow){color:#e0e4d2}
.racing{background:#5b3e2e;color:#fff2dd;border-top:8px solid #c27647}
.racing .eyebrow,.racing .chapter-heading h2 em{color:#eac58f}
.race-number{background:#dfc792;color:#4f3527;border-bottom:.45rem solid #b05a3d}
.race-photo{background:#e0cfac;color:#3c3228}
.archive{background:#eae1cd;color:#273127}
.archive h2{letter-spacing:-.06em}
.gallery-controls{border-color:#9f9983}
.gallery-tab{color:#313a2e;font-family:var(--sans);letter-spacing:.04em}
.gallery-tab[aria-selected=true]{background:#d7c9a9}
.frame figcaption,.study-card figcaption,.editorial-photo figcaption{font-weight:600;letter-spacing:.04em}
.films{background:#27372f;color:#f1ead9;border-top:8px solid #b7a56c}
.films-head h2 em{color:#dacb93}
.films-head .eyebrow,.films-note{color:#d9c899}
.films-head>p,.film-card figcaption small{color:#e1dfd2}
.reading-room{background:#413d31;color:#f4ead8;border-top:8px solid #ae724e}
.reading-intro h2 em{color:#e6c493}
.reading-intro>.eyebrow,.reading-category,.reading-index{color:#e0bd85}
.reading-description,.reading-author{color:#ddd0b9}
.reading-list p:not([class]){color:#eee2d0}
.reading-list li{border-color:#dacba34a}
.privacy-heading .eyebrow,.privacy-index{color:#a86a43}
.privacy-heading h1 em{color:#bf8159}
.privacy-lead,.privacy-sections section p:not(.privacy-index){color:#4d5647}
footer{background:#272d22;color:#e6dbc3;border-top:5px solid #ab5b3e}
.footer-mark{color:#e6dbc3}
.photo-dialog{color-scheme:dark}
@media(max-width:1000px){
  .garage-heading::after{width:6rem}
  .garage-details{gap:1.3rem}
}
@media(max-width:700px){
  .masthead{padding:.7rem 1.25rem .2rem;gap:.4rem 1rem}
  .brand{font-size:.8rem}
  .brand-mark{width:2.35rem;height:2.35rem}
  .masthead nav{border-color:#ffffff38;gap:1.4rem}
  .masthead nav a{font-size:.76rem}
  .garage-hero{padding:0}
  .garage-heading{padding:2rem 1.25rem 1.45rem}
  .garage-heading::after{top:1rem;right:1.25rem;width:3.9rem;height:.35rem}
  .garage-heading h1{font-size:clamp(3rem,11vw,5rem);line-height:1;letter-spacing:-.075em}
  .garage-heading .eyebrow{font-size:.75rem}
  .garage-scene{margin:.8rem 0 0;border-width:5px 0;outline:0;box-shadow:none}
  .scene-image{filter:brightness(1.05) saturate(.9) sepia(.03)}
  .panorama-hint{background:#e6ddc8;color:#4f513f;border-color:#a79d83;font-weight:700}
  .garage-selectors{background:#e6ddc8;border-color:#a79d83}
  .garage-selectors a{color:#273127;padding:1rem .9rem 1.1rem}
  .garage-selectors a em{font-size:1.1rem}
  .garage-details{padding:1.7rem 1.25rem 1.8rem;border-color:#a79d83}
  .garage-details h2{font-size:1.85rem}
  .racing-link{margin:0;padding:1.2rem 1.25rem}
  .racing-link strong{font-size:1.25rem}
  .collection-intro{padding:4rem 1.5rem}
  .collection-intro::before{left:1.5rem}
  .chapter-heading h2{font-size:clamp(2.8rem,11vw,4.7rem)}
  .land-photo{box-shadow:7px 7px 0 #c4b391}
  .gallery-tab[aria-selected=true]{background:#d7c9a9}
  .reading-room{background:#413d31}
}
