.ui-arrow{display:inline-block;width:1.65rem;height:1.2rem;vertical-align:middle;flex:none;transition:translate .25s ease;overflow:visible}
.chapter-link{gap:1.1rem}
.chapter-link>span[aria-hidden]{display:inline-flex;align-items:center}
.chapter-link:hover .ui-arrow,.chapter-link:focus-visible .ui-arrow,.racing-link:hover .ui-arrow{translate:3px 0}
.source-link .ui-arrow{width:1rem;height:1rem;margin-left:.3rem;opacity:.65;vertical-align:-.15em}
.source-link:hover .ui-arrow{translate:2px -2px;opacity:1}
.racing-link-arrow{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid #c8b99b55;border-radius:50%;flex:none;color:#d5c6ab}
.photo-navigation button{display:grid;place-items:center;padding:.6rem;width:3rem;height:3rem;border-radius:50%;border-color:#c8b99b66;color:#e1d6c2;transition:background .2s,border-color .2s}
.photo-navigation button:hover{border-color:#e1d6c2;background:#c8b99b14}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}.chapter-link:hover .ui-arrow,.chapter-link:focus-visible .ui-arrow,.racing-link:hover .ui-arrow,.source-link:hover .ui-arrow{translate:none}}

/* Editorial rhythm across the garage, chapters and reading list. */
::selection{background:#bc9a60;color:#15120d}
h1,h2,h3{text-wrap:balance}
.chapter-intro,.collection-intro>p,.reading-intro>p{text-wrap:pretty}
.chapter h3{font-size:clamp(1.85rem,2.9vw,2.85rem);letter-spacing:-.035em}
.masthead nav a{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.45rem;transition:text-decoration-color .2s}
.masthead nav a:hover,.masthead nav a:focus-visible{text-decoration-color:currentColor}
.brand-mark{border-color:#bda77b85;color:#dbc9a4}
.garage-heading .eyebrow{letter-spacing:.16em}
.garage-heading h1{letter-spacing:-.045em}
.garage-heading h1 em{color:#dfd3bb}
.garage-selectors a{border-bottom-width:2px}
.garage-selectors a:hover{background:#ffffff04}
.garage-details>p,.racing-link-detail{line-height:1.75}
.chapter{--chapter-rule:#8887}
.chapter-heading .eyebrow{display:flex;align-items:center;gap:.8rem}
.chapter-heading .eyebrow::before{content:"";width:1.65rem;height:1px;background:currentColor;flex:none}
.chapter-heading .model-label{line-height:1.6}
.study-card{max-width:1120px;margin-bottom:4rem}
.study-card .photo-trigger{box-shadow:0 8px 32px #00000014}
.study-card figcaption{font-size:.8125rem;line-height:1.7;letter-spacing:.025em;padding-top:1rem}
.editorial-photo figcaption{line-height:1.6}
.heritage-note{padding-top:2.5rem;gap:clamp(2rem,5vw,5rem)}
.heritage-note h3{margin-bottom:1.1rem}
.heritage-note p{max-width:62ch}
.heritage-number{font-variant-numeric:lining-nums;letter-spacing:-.04em}
.specs{border-top-color:var(--chapter-rule)}
.specs>div{padding:.85rem 0}
.source-link{text-decoration-thickness:1px;text-decoration-color:#8888;line-height:1.7}
.source-link:hover{text-decoration-color:currentColor}
.chapter-link{line-height:1.5;text-align:left}
.chapter-link>span[aria-hidden]{flex:none}
.detail-note{max-width:1350px;margin:3rem auto 0;padding:2rem 0;border-top:1px solid var(--chapter-rule);display:grid;grid-template-columns:minmax(8rem,.35fr) 1fr;gap:2rem;align-items:start}
.detail-note .detail-figure{font:400 clamp(3rem,6vw,5rem)/1 var(--serif);letter-spacing:-.04em;opacity:.85}
.detail-figure span{display:block;font:400 .875rem/1.5 var(--sans);letter-spacing:.1em;margin-top:.6rem}
.detail-note .eyebrow{font-size:.8125rem;margin-bottom:.65rem}
.detail-note h3{font-size:1.8rem;margin-bottom:.6rem}
.detail-note p:not(.eyebrow):not(.detail-figure){max-width:60ch;line-height:1.75}
.detail-note .source-link{margin-top:.8rem}
.racing-story{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.race-photo{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.race-photo .photo-trigger{height:100%;min-height:0;overflow:hidden}
.race-photo img{height:100%;min-height:0}
.race-photo figcaption{font-size:.8125rem;line-height:1.5;letter-spacing:.015em}
.reading-room{background:#151412;color:#e7dfcf;border-top:1px solid #b8a47a50;padding:6rem max(6vw,calc((100vw - 1350px)/2));display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,7vw,7rem);scroll-margin-top:1rem}
.reading-intro>.eyebrow{color:#c4ae87;letter-spacing:.14em;font-size:.8125rem}
.reading-intro h2{font-size:clamp(2.8rem,4.8vw,5.25rem);line-height:1.08;letter-spacing:-.04em}
.reading-intro h2 em{color:#cbb68d}
.reading-description{font-size:1rem;line-height:1.8;max-width:31ch;margin-top:1.75rem;color:#bfb6a6}
.reading-list{list-style:none;padding:0;margin:0;min-width:0}
.reading-list li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;padding:2rem 0;border-top:1px solid #b9a88845}
.reading-list li:first-child{padding-top:1.5rem}
.reading-list li:last-child{padding-bottom:0}
.reading-index{font:400 1.1rem/1.4 var(--serif);color:var(--reading-accent);padding-top:.1rem}
.reading-category{font-size:.75rem;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--reading-accent);margin-bottom:.65rem}
.reading-list h3{font-size:clamp(1.7rem,2.3vw,2.2rem);line-height:1.2;letter-spacing:-.025em;max-width:26ch}
.reading-author{font-size:.875rem;color:#bfb6a6;margin:.7rem 0 1rem}
.reading-list p:not([class]){font-size:1rem;line-height:1.75;max-width:52ch;color:#d1c7b6}
.reading-link{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;margin-top:.6rem;font-size:.875rem;text-decoration-thickness:1px;text-decoration-color:#b9a88875;text-underline-offset:.35em}
.reading-link .ui-arrow{width:1.2rem;height:1.2rem;color:var(--reading-accent)}
.reading-link:hover .ui-arrow{translate:2px -2px}
.reading-swipe{display:none}
footer{border-top:1px solid #ffffff20;padding-top:2.5rem;padding-bottom:2.5rem}

@media(min-width:1000px){
  .chapter>.chapter-heading:not(.racing-heading){display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);column-gap:5vw;row-gap:1rem;text-align:left;align-items:end;margin-bottom:3.5rem}
  .chapter>.chapter-heading>.eyebrow{grid-column:1/-1;margin:0 0 .5rem}
  .chapter>.chapter-heading>h2{grid-column:1;font-size:clamp(3.8rem,5.6vw,6.4rem)}
  .chapter>.chapter-heading>.model-label{grid-column:1;margin:0;font-size:.8125rem}
  .chapter>.chapter-heading>.chapter-intro{grid-column:2;grid-row:2/4;margin:0;max-width:34ch;padding-bottom:.15rem}
  .reading-intro{align-self:start}
}
@media(min-width:701px) and (max-width:999px){
  .masthead{flex-wrap:wrap}.masthead nav{gap:1.25rem}
  .chapter,.archive{padding-left:4vw;padding-right:4vw}
  .reading-room{grid-template-columns:1fr;padding:4.5rem 4vw;gap:2.5rem}
  .reading-description{max-width:48ch}
  .reading-intro h2 br{display:none}
  .racing-story{aspect-ratio:1.35}
}
@media(max-width:700px){
  .masthead nav{gap:.5rem;flex-wrap:wrap}
  .masthead nav a{font-size:.875rem}
  .chapter-heading .eyebrow{margin-bottom:1.15rem}
  .chapter>.chapter-heading>h2,.racing .chapter-heading h2{font-size:clamp(2.7rem,11vw,4.1rem);line-height:1.08;letter-spacing:-.04em}
  .chapter>.chapter-heading>.model-label{font-size:.8125rem;letter-spacing:.06em;margin-top:1.1rem}
  .chapter-intro{line-height:1.75}
  .study-card{max-width:none;margin:0 -1.25rem 2.5rem}
  .study-card figcaption{padding:.9rem 1.25rem;font-size:.8125rem}
  .study-card figcaption span:last-child{font-size:.75rem}
  .detail-note{grid-template-columns:1fr;gap:1.4rem;padding:1.8rem 0 0;margin-top:2rem}
  .detail-note .detail-figure{font-size:3rem}
  .detail-figure span{display:inline;font-size:.875rem;margin-left:.4rem}
  .detail-note h3{font-size:1.65rem}
  .detail-note .source-link{min-height:44px;display:inline-flex;align-items:center}
  .heritage-quote blockquote p{font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.3}
  .racing-story{grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto}
  .race-photo{display:block;min-height:0}
  .race-photo .photo-trigger{height:auto}
  .race-photo img{height:auto}
  .reading-room{display:block;padding:4rem 1.25rem 3rem;overflow:hidden}
  .reading-intro{margin-bottom:2rem}
  .reading-intro h2{font-size:clamp(2.7rem,11vw,4.1rem)}
  .reading-description{max-width:40ch;margin-top:1.25rem}
  .reading-intro .reading-swipe{display:flex;align-items:center;justify-content:space-between;max-width:none;margin-top:1.5rem;padding-top:.8rem;border-top:1px solid #b9a88845;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#cbb68d}
  .reading-list{display:flex;gap:.85rem;margin:0 -1.25rem;padding:0 1.25rem 1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8f7a55 #211d17;-webkit-overflow-scrolling:touch}
  .reading-list li{grid-template-columns:1.6rem minmax(0,1fr);gap:.65rem;flex:0 0 min(84vw,22rem);padding:1.3rem 1.15rem;border:1px solid #b9a88845;background:#1c1a17;scroll-snap-align:start}
  .reading-list li:first-child{padding-top:1.3rem}
  .reading-list li:last-child{padding-bottom:1.3rem}
  .reading-category{font-size:.75rem;letter-spacing:.07em}
  .reading-list h3{font-size:1.65rem}
  .reading-author{line-height:1.6}
  .reading-link{min-height:48px}
}
@media(prefers-reduced-motion:reduce){.reading-link:hover .ui-arrow{translate:none}}

/* Longer notes remain part of each car's chapter. */
.chapter-reading{max-width:1350px;margin:4rem auto 0;padding-top:3rem;border-top:1px solid var(--chapter-rule)}
.chapter-reading>header{margin-bottom:2.25rem}
.chapter-reading>header .eyebrow{margin-bottom:.8rem}
.chapter-reading>header h3{max-width:26ch;margin-bottom:0}
.reading-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,3.8vw,4rem);align-items:start}
.reading-columns article{min-width:0}
.reading-columns h4{font:400 1.55rem/1.25 var(--serif);letter-spacing:-.025em;margin:0 0 1.15rem;text-wrap:balance}
.reading-columns p{font-size:1rem;line-height:1.85;max-width:62ch;text-wrap:pretty}
.reading-columns p+p{margin-top:1rem}
.reading-columns .source-link{margin-top:1.15rem;font-size:.875rem;line-height:1.65}
@media(max-width:1000px){
  .reading-columns{grid-template-columns:1fr;gap:2.5rem}
  .reading-columns article{max-width:68ch}
  .reading-columns article+article{border-top:1px solid var(--chapter-rule);padding-top:2.2rem}
}
@media(max-width:700px){
  .chapter-reading{margin-top:3rem;padding-top:2rem}
  .chapter-reading>header{margin-bottom:1.8rem}
  .chapter-reading>header h3{font-size:2rem}
  .reading-columns h4{font-size:1.5rem;margin-bottom:.9rem}
  .reading-columns .source-link{display:inline-flex;align-items:center;min-height:44px}
}

/* An expedition reading feature within the Series III chapter. */
.camel-feature{max-width:1350px;margin:4rem auto 0;padding:clamp(1.5rem,4.5vw,4rem);background:#292c23;color:#eee9dc;border-top:3px solid #c3a25a;scroll-margin-top:1rem;color-scheme:dark}
.camel-feature .eyebrow{color:#d7bc7b}
.camel-feature>header{max-width:52rem;margin-bottom:3rem}
.camel-feature>header h3{font-size:clamp(2.3rem,4.2vw,4.2rem);line-height:1.1;margin-bottom:1.4rem}
.camel-feature h3 em{color:#d7bc7b;font-weight:400}
.camel-lead{font:400 1.15rem/1.8 var(--sans);max-width:60ch}
.camel-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.camel-feature h4{font:400 1.5rem/1.3 var(--serif);letter-spacing:-.025em;margin:0 0 1rem;text-wrap:balance}
.camel-story p{font-size:1rem;line-height:1.85;max-width:63ch;color:#ddd8cb;text-wrap:pretty}
.camel-story p+p{margin-top:1rem}
.camel-story h4:not(:first-child){margin-top:2.5rem}
.camel-story .source-link{font-size:.875rem;line-height:1.75;margin-top:.8rem;color:#e4cb92}
.camel-watch{border-left:1px solid #d7bc7b50;padding-left:clamp(1.5rem,2.5vw,2.5rem)}
.camel-watch>.eyebrow{font-size:.8125rem;margin-bottom:.6rem}
.camel-watch>h4{font-size:1.8rem;margin-bottom:1.8rem}
.camel-film{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid #d7bc7b50;text-decoration:none}
.film-play{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid #d7bc7b90;border-radius:50%;color:#e4cb92;transition:background .2s}
.camel-film:hover .film-play{background:#d7bc7b20}
.camel-film strong{display:block;font:400 1.35rem/1.35 var(--serif);margin:.45rem 0 .65rem}
.film-year{display:block;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#d7bc7b}
.film-description{display:block;font-size:.9375rem;line-height:1.75;color:#d4cebd}
.film-action{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-top:1rem;color:#e4cb92}
.film-action .ui-arrow{width:1.2rem;height:1rem}
.camel-film:hover .film-action{text-decoration:underline;text-underline-offset:.25rem}
.camel-playlist{display:block;padding-left:3.4rem}
@media(max-width:900px){
  .camel-layout{grid-template-columns:1fr;gap:2.5rem}
  .camel-watch{border-left:0;border-top:1px solid #d7bc7b50;padding:2rem 0 0}
  .camel-watch>h4{margin-bottom:1.25rem}
}
@media(max-width:700px){
  .camel-feature{margin:3rem -1.25rem 0;padding:2rem 1.25rem}
  .camel-feature>header{margin-bottom:2rem}
  .camel-lead{font-size:1.0625rem}
  .camel-feature>header h3{font-size:clamp(2.3rem,10vw,3.5rem)}
  .camel-story .source-link{display:inline-flex;align-items:center;min-height:44px}
  .camel-playlist{padding-left:0}
}
@media(prefers-reduced-motion:reduce){.film-play{transition:none}}
.road-album{max-width:1350px;margin:4rem auto;padding-top:3rem;border-top:1px solid #714c4e}
.road-album-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:2rem}
.road-album-heading h3{font:normal clamp(2.2rem,4.5vw,4rem)/1.1 Georgia,serif;margin:.7rem 0}
.road-album-heading h3 em{color:#d59a9b}
.road-album-heading p:not(.eyebrow){max-width:48ch;line-height:1.85;margin-top:0}
.road-album-heading .chapter-link{margin-top:.6rem}
.road-album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:start}
.road-frame{margin:0;min-width:0}
.road-frame:nth-child(2){padding-top:3rem}
.road-frame:nth-child(3){padding-top:6rem}
.road-frame button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}
.road-frame img{display:block;width:100%;height:auto}
.road-frame figcaption{display:flex;justify-content:space-between;gap:.75rem;padding-top:.8rem;font-size:.8125rem;line-height:1.6;color:#d8bbb8}
.road-frame figcaption span:last-child{white-space:nowrap;color:#b69694}
@media(max-width:900px){.road-frame figcaption{display:block}.road-frame figcaption span:last-child{display:block;font-size:.75rem}}
@media(max-width:700px){.road-album{margin:3rem auto;padding-top:2rem}.road-album-heading{grid-template-columns:1fr;gap:.8rem}.road-album-grid{grid-template-columns:1fr;gap:2rem}.road-frame:nth-child(n){padding-top:0}.road-frame figcaption{display:flex;font-size:.875rem}.road-frame figcaption span:last-child{font-size:.8125rem}}
.field-album{border-top-color:#547060}
.field-album .road-album-heading h3 em{color:#a3b9a4}
.field-album .road-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;margin:auto;gap:clamp(1.2rem,4vw,3rem)}
.field-album .road-frame figcaption{color:#bacbbb}
.field-album .road-frame figcaption span:last-child{color:#9ab29e}
@media(max-width:700px){.field-album .road-album-grid{grid-template-columns:1fr;gap:2rem}}

/* Period results within the Fiat Uno Trophy chapter. */
.uno-trophy-history .trophy-intro{max-width:68ch;margin:1.4rem 0 0;font-size:1rem;line-height:1.85;color:#d6cabe;text-wrap:pretty}
.trophy-champion{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.65fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin:0 0 1rem;padding:clamp(1.5rem,3.5vw,3rem);background:#39201e;border-top:3px solid #dfbca5}
.trophy-champion>div{max-width:48rem}
.trophy-champion h4{font:400 clamp(2rem,3.8vw,3.6rem)/1.12 var(--serif);letter-spacing:-.04em;margin:.7rem 0 1rem;text-wrap:balance}
.trophy-champion>div>p:not(.eyebrow){max-width:62ch;font-size:1rem;line-height:1.85;color:#ded3c8;text-wrap:pretty}
.trophy-champion .source-link{margin-top:1rem;font-size:.875rem;line-height:1.65;color:#f0cdb6}
.championship-podium{list-style:none;margin:0;padding:0;border-top:1px solid #dfbca560}
.championship-podium li{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid #dfbca560}
.championship-podium span{font:700 .875rem/1 var(--sans);letter-spacing:.08em;color:#dfbca5;font-variant-numeric:tabular-nums}
.championship-podium strong{font:400 1.25rem/1.35 var(--serif);color:#eee9dc}
.track-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,5vw,5rem);align-items:end;margin:0 0 3.5rem;padding:clamp(1.5rem,3.5vw,3rem);background:#171411;border-top:3px solid #a7322b}
.track-record>div{max-width:48rem}
.track-record h4{font:400 clamp(2rem,3.8vw,3.6rem)/1.12 var(--serif);letter-spacing:-.04em;margin:.7rem 0 1rem;text-wrap:balance}
.track-record>div>p:not(.eyebrow){max-width:62ch;font-size:1rem;line-height:1.85;color:#d6cabe;text-wrap:pretty}
.track-record .source-link{margin-top:1rem;font-size:.875rem;line-height:1.65;color:#dfbca5}
.record-time{margin:0;min-width:15rem;text-align:right}
.record-time span{display:block;font-size:.75rem;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#c6b9ad}
.record-time strong{display:block;margin:.35rem 0;font:800 clamp(3rem,6vw,5.8rem)/.95 var(--sans);letter-spacing:-.07em;color:#eee9dc;font-variant-numeric:tabular-nums}
.trophy-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);margin-bottom:3rem}
.trophy-season{min-width:0}
.trophy-season table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6}
.trophy-season caption{text-align:left;padding-bottom:1.3rem;font-size:.875rem;color:#d6cabe}
.trophy-year{display:block;margin-bottom:.35rem;font:400 clamp(2.4rem,4vw,3.2rem)/1.1 var(--serif);color:#dfbca5;letter-spacing:-.035em}
.trophy-season th,.trophy-season td{padding:.8rem .65rem;border-bottom:1px solid var(--chapter-rule);text-align:left;vertical-align:top}
.trophy-season thead th{font-size:.875rem;font-weight:500;color:#d6cabe;border-top:1px solid var(--chapter-rule)}
.trophy-season th:first-child{width:3.2rem;padding-left:0}
.trophy-season tbody th{font-weight:400;color:#dfbca5;font-variant-numeric:tabular-nums}
.trophy-season th:last-child,.trophy-season td:last-child{text-align:right;padding-right:0;font-variant-numeric:tabular-nums}
.trophy-season .source-link{margin-top:1rem;font-size:.875rem;line-height:1.65}
.uno-trophy-history .trophy-notes{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:2.5rem;border-top:1px solid var(--chapter-rule)}
@media(max-width:1000px){
  .uno-trophy-history .trophy-notes{grid-template-columns:1fr}
}
@media(max-width:700px){
  .trophy-champion{grid-template-columns:1fr;align-items:start;margin-left:-1.25rem;margin-right:-1.25rem;padding:1.75rem 1.25rem}
  .trophy-champion .source-link{display:inline-flex;align-items:center;min-height:44px}
  .track-record{grid-template-columns:1fr;align-items:start;margin:0 -1.25rem 3rem;padding:1.75rem 1.25rem}
  .record-time{min-width:0;text-align:left}
  .track-record .source-link{display:inline-flex;align-items:center;min-height:44px}
  .trophy-results{grid-template-columns:1fr;gap:2.5rem}
  .trophy-season th,.trophy-season td{padding:.8rem .4rem}
  .trophy-season .source-link{display:inline-flex;align-items:center;min-height:44px}
}