/* Phone composition: an immersive garage, generous photographs and touch controls. */
@media (max-width:700px) {
  html{scroll-padding-top:1rem}
  .masthead{padding:1rem 1.25rem .65rem;gap:.6rem;width:100%}
  .brand{font-size:.875rem;letter-spacing:.1em}
  .brand-mark{padding:.3rem .45rem}
  .masthead nav{width:calc(100% + 2.5rem);margin:0 -1.25rem;justify-content:flex-start;flex-wrap:nowrap;gap:1.35rem;border-top:1px solid var(--line);padding:.25rem 1.25rem 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .masthead nav::-webkit-scrollbar{display:none}
  .masthead nav a{min-height:44px;display:flex;align-items:center;flex:none;scroll-snap-align:start;font-size:.875rem}
  .garage-hero{padding-top:1.5rem}
  .garage-heading{padding:0 1.25rem 1.5rem}
  .garage-heading h1{font-size:clamp(3.3rem,14vw,5.4rem);letter-spacing:-.055em}
  .garage-heading .eyebrow{font-size:.8125rem;letter-spacing:.14em}
  .scene-instruction{display:none}
  .garage-scene{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a88d60 #211c16}
  .scene-stage{width:200%;max-width:none}
  .scene-art{transform:none}
  .scene-image{filter:brightness(1) saturate(.95)}
  .car-hotspot{touch-action:pan-x pan-y pinch-zoom}
  .hotspot-marker{font-size:.8125rem;letter-spacing:.05em;padding:.35rem .65rem;opacity:.9;transform:none;left:1rem;bottom:-1.5rem;background:#17120ed9}
  .car-hotspot[data-selected=true] .hotspot-marker,.car-hotspot:hover .hotspot-marker,.car-hotspot:focus-visible .hotspot-marker{transform:none}
  .panorama-hint{display:block;text-align:center;padding:.8rem 1rem;font-size:.8125rem;color:#cec2ae;border-bottom:1px solid var(--line);margin:0}
  .garage-selectors{display:flex;margin:0;padding:0 1.25rem;border-top:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a88d60 #211c16;-webkit-overflow-scrolling:touch}
  .garage-selectors a{flex:0 0 min(74vw,17rem);padding:1.05rem .9rem;line-height:1.5;font-size:.875rem;scroll-snap-align:start}
  .garage-selectors a:first-child{padding-left:.9rem}
  .garage-selectors a em{font-size:1.2rem;line-height:1.25;margin-top:.35rem;overflow-wrap:normal}
  .garage-selectors .selector-meta{font-size:.75rem;letter-spacing:.07em;margin-bottom:.4rem}
  .garage-details{min-height:0;padding:1.75rem 1.25rem 2rem;gap:1rem}
  .garage-details h2{font-size:2rem;max-width:19ch}
  .garage-details>p{font-size:1rem;line-height:1.75}
  .garage-details .chapter-link{justify-self:start;min-height:48px;font-size:1rem}
  .racing-link{margin:0 1.25rem;padding:1.35rem 0;align-items:flex-start}
  .racing-link>span:nth-child(2){min-width:0}
  .racing-link-label,.racing-link-detail{font-size:.875rem;line-height:1.6}
  .racing-link strong{display:block;font-size:1.4rem;line-height:1.3;margin:.3rem 0}
  .racing-link-arrow{align-self:center}
  .collection-intro{padding:4rem 1.5rem;gap:1.5rem}
  .collection-intro h2{font-size:clamp(2.8rem,11vw,4rem)}
  .chapter,.archive{padding:3.5rem 1.25rem}
  .chapter-heading{margin-bottom:2rem}
  .chapter-heading h2{font-size:clamp(2.9rem,12vw,4.8rem);line-height:1.04}
  .chapter-intro{font-size:1.0625rem;line-height:1.8}
  .chapter .eyebrow{font-size:.8125rem;letter-spacing:.1em}
  .study-card{margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:2.5rem}
  .study-card figcaption{padding:.85rem 1.25rem;font-size:.875rem;letter-spacing:0}
  .editorial-photo figcaption{font-size:.875rem;letter-spacing:.02em;line-height:1.6}
  .land-photo{padding:.5rem}
  .carrera-diptych{gap:2rem}
  .carrera-diptych img{aspect-ratio:4/5;object-fit:cover}
  .carrera-diptych .interior-photo img{aspect-ratio:1;object-position:50% 60%}
  .heritage-note{margin-top:3.5rem;gap:2rem}
  .heritage-detail{padding-top:2rem}
  .source-link{padding:.45rem 0;line-height:1.7}
  .country .chapter-heading{text-align:left;margin-bottom:2.5rem}
  .country .chapter-intro{margin-left:0}
  .country-details{gap:2rem}
  .racing-heading{position:relative;display:block;padding-right:0}
  .racing-heading .race-number{display:inline-block;font-size:2.4rem;padding:.55rem .85rem;margin-top:1.25rem;border-bottom-width:.25rem}
  .racing .chapter-heading h2{font-size:clamp(3rem,12vw,4.5rem)}
  .racing .chapter-intro{font-size:1.0625rem}
  .racing-story{gap:1.5rem}
  .race-photo{padding:.5rem;display:flex;flex-direction:column}
  .race-photo .photo-trigger{height:auto}
  .race-photo img{aspect-ratio:1;object-fit:cover}
  .race-photo-then img{aspect-ratio:4/3}
  .race-photo figcaption{gap:.25rem .75rem;font-size:.8125rem;min-height:0}
  .racing-note{margin-top:1.75rem;gap:1rem}
  .archive h2{font-size:clamp(2.8rem,11vw,4rem)}
  .gallery-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:2rem;border:1px solid #91897c}
  .gallery-tab{min-height:52px;padding:.8rem .6rem;font-size:.9375rem}
  .gallery-tab[aria-selected=true]{background:#d8d0bf}
  .gallery-grid,.uno-gallery{columns:2!important;column-gap:.8rem}
  .gallery-panel{margin-top:1.75rem}
  .frame{margin-bottom:1.5rem}
  .frame figcaption{display:block;font-size:.8125rem;line-height:1.5}
  .frame figcaption span:last-child{display:block;margin-top:.15rem;font-size:.75rem;opacity:.7}
  .photo-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
  .photo-dialog[open]{display:flex;flex-direction:column}
  .dialog-top{padding:.75rem 1rem;flex-shrink:0}
  .dialog-top>span{min-width:0;font-size:.875rem}
  .dialog-stage{flex:1;min-height:0;height:auto;padding:.5rem 0}
  .dialog-bar{flex-shrink:0;padding:.75rem 1.25rem;gap:.75rem}
  .dialog-bar p{font-size:.875rem;line-height:1.5}
  .photo-navigation{justify-content:space-between}
  .photo-navigation button,.dialog-close{min-width:48px;min-height:48px}
  .dialog-hint{flex-shrink:0;padding:.25rem 1rem .75rem;font-size:.75rem}
  footer{padding:2.5rem 1.25rem}
}
@media (max-width:380px){.garage-selectors a{flex-basis:82vw;font-size:.8125rem}.garage-selectors a em{font-size:1.08rem}.garage-heading h1{font-size:3.2rem}.gallery-grid,.uno-gallery{columns:1!important}.frame figcaption{display:flex}.frame figcaption span:last-child{margin-top:0}}