/* Automobile DIX30 — v10.6 Quiet Luxury Reset
   One visual system. Two themes. Three visible homepage chapters. */

.adx30-v10,
.adx30-portal-root {
  --d-bg: #0b0c0d;
  --d-bg-soft: #111315;
  --d-panel: #151719;
  --d-text: #f4f1ea;
  --d-muted: #b8b4ac;
  --d-faint: #8e8a83;
  --d-accent: #c7a35b;
  --d-accent-strong: #d7b66d;
  --d-line: rgba(244,241,234,.16);
  --d-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --d-shadow: 0 24px 70px rgba(0,0,0,.24);
  color: var(--d-text);
  background: var(--d-bg);
  font-family: var(--d-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-adx30-theme="bright"] .adx30-v10,
html[data-adx30-theme="bright"] .adx30-portal-root,
.adx30-v10[data-theme="bright"],
.adx30-portal-root[data-theme="bright"] {
  --d-bg: #f7f7f4;
  --d-bg-soft: #ecece8;
  --d-panel: #ffffff;
  --d-text: #141414;
  --d-muted: #565656;
  --d-faint: #747474;
  --d-accent: #8b672c;
  --d-accent-strong: #6f4f1f;
  --d-line: rgba(20,20,20,.15);
  --d-shadow: 0 22px 60px rgba(24,24,24,.10);
}

.adx30-v10 *, .adx30-portal-root * { box-sizing: border-box; }
.adx30-v10 :where(h1,h2,h3,h4,p), .adx30-portal-root :where(h1,h2,h3,h4,p) { margin-top: 0; }
.adx30-v10 :where(h1,h2,h3,h4,strong), .adx30-portal-root :where(h1,h2,h3,h4,strong) { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; }
.adx30-v10 .eyebrow, .adx30-portal-root .eyebrow {
  color: var(--d-accent) !important;
  -webkit-text-fill-color: var(--d-accent) !important;
  font-family: var(--d-ui) !important;
  font-size: clamp(.76rem,.72vw,.88rem) !important;
  font-weight: 700 !important;
  letter-spacing: .17em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Header */
.adx30-v10 .site-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 80 !important;
  min-height: 86px !important;
  padding: 13px clamp(24px,5vw,82px) !important;
  display: grid !important;
  grid-template-columns: minmax(170px,1fr) auto minmax(280px,1fr) !important;
  align-items: center !important;
  gap: 28px !important;
  background: linear-gradient(180deg,rgba(5,6,7,.80),rgba(5,6,7,.24)) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) saturate(108%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(108%) !important;
  transition: background .24s ease,border-color .24s ease,box-shadow .24s ease,min-height .24s ease !important;
}
.adx30-v10 .site-header.is-scrolled {
  min-height: 74px !important;
  background: rgba(10,11,12,.96) !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
html[data-adx30-theme="bright"] .adx30-v10 .site-header.is-scrolled,
.adx30-v10[data-theme="bright"] .site-header.is-scrolled {
  background: rgba(247,247,244,.97) !important;
  border-bottom-color: rgba(20,20,20,.12) !important;
  box-shadow: 0 8px 24px rgba(20,20,20,.08) !important;
}
.adx30-v10 .site-header .brand { display: inline-flex !important; align-items: center !important; justify-self: start !important; padding: 0 !important; border: 0 !important; }
.adx30-v10 .site-header .brand img { width: clamp(145px,10vw,178px) !important; max-height: 58px !important; height: auto !important; object-fit: contain !important; display: block !important; }
.adx30-v10 .site-header.is-scrolled .brand img { width: clamp(132px,9vw,158px) !important; }
.adx30-v10 .site-header > nav { display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(28px,3vw,48px) !important; }
.adx30-v10 .site-header > nav a,
.adx30-v10 .site-header > nav .nav-button {
  position: relative !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f6f4ef !important;
  -webkit-text-fill-color: #f6f4ef !important;
  font-family: var(--d-ui) !important;
  font-size: .84rem !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  opacity: .94 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.adx30-v10 .site-header > nav a::after,
.adx30-v10 .site-header > nav .nav-button::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 4px !important;
  width: 0 !important;
  height: 1px !important;
  background: var(--d-accent) !important;
  transition: width .2s ease !important;
}
.adx30-v10 .site-header > nav a:hover::after,
.adx30-v10 .site-header > nav a:focus-visible::after,
.adx30-v10 .site-header > nav .nav-button:hover::after,
.adx30-v10 .site-header > nav .nav-button:focus-visible::after { width: 100% !important; }
html[data-adx30-theme="bright"] .adx30-v10 .site-header.is-scrolled > nav a,
html[data-adx30-theme="bright"] .adx30-v10 .site-header.is-scrolled > nav .nav-button,
.adx30-v10[data-theme="bright"] .site-header.is-scrolled > nav a,
.adx30-v10[data-theme="bright"] .site-header.is-scrolled > nav .nav-button { color: #171717 !important; -webkit-text-fill-color: #171717 !important; }
.adx30-v10 .header-actions { justify-self: end !important; display: flex !important; align-items: center !important; gap: 18px !important; }
.adx30-v10 .header-actions button {
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--d-ui) !important;
  font-size: .78rem !important;
  font-weight: 650 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
.adx30-v10 .header-actions .language-toggle,
.adx30-v10 .header-actions .theme-toggle { min-width: auto !important; color: #f6f4ef !important; -webkit-text-fill-color: #f6f4ef !important; opacity: .92 !important; }
.adx30-v10 .header-actions .theme-toggle { display: inline-flex !important; align-items: center !important; gap: 7px !important; }
.adx30-v10 .header-actions .theme-toggle small { color: currentColor !important; -webkit-text-fill-color: currentColor !important; font-size: inherit !important; letter-spacing: inherit !important; }
.adx30-v10 .header-actions .outline-button { min-height: 44px !important; padding: 0 22px !important; background: var(--d-accent) !important; color: #111 !important; -webkit-text-fill-color: #111 !important; border: 1px solid var(--d-accent) !important; font-weight: 750 !important; }
.adx30-v10 .header-actions .outline-button:hover,
.adx30-v10 .header-actions .outline-button:focus-visible { background: var(--d-accent-strong) !important; border-color: var(--d-accent-strong) !important; }
html[data-adx30-theme="bright"] .adx30-v10 .site-header.is-scrolled .header-actions .language-toggle,
html[data-adx30-theme="bright"] .adx30-v10 .site-header.is-scrolled .header-actions .theme-toggle,
.adx30-v10[data-theme="bright"] .site-header.is-scrolled .header-actions .language-toggle,
.adx30-v10[data-theme="bright"] .site-header.is-scrolled .header-actions .theme-toggle { color: #171717 !important; -webkit-text-fill-color: #171717 !important; }

/* Buttons */
.adx30-v10 .gold-button, .adx30-portal-root .gold-button {
  min-height: 50px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  border: 1px solid var(--d-accent) !important;
  border-radius: 0 !important;
  background: var(--d-accent) !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  font-family: var(--d-ui) !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .2s ease,border-color .2s ease,transform .2s ease !important;
}
.adx30-v10 .gold-button:hover, .adx30-portal-root .gold-button:hover { background: var(--d-accent-strong) !important; border-color: var(--d-accent-strong) !important; transform: translateY(-1px) !important; }
.adx30-v10 .text-button, .adx30-portal-root .text-button {
  min-height: 44px !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  font-family: var(--d-ui) !important;
  font-size: .84rem !important;
  font-weight: 650 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.adx30-v10 .text-button span, .adx30-portal-root .text-button span { color: var(--d-accent) !important; -webkit-text-fill-color: var(--d-accent) !important; }

/* Hero */
.adx30-v10 .hero.hero-inventory-first { position: relative !important; min-height: 100svh !important; height: 100svh !important; max-height: none !important; overflow: hidden !important; background: #070809 !important; color: #f5f2ec !important; isolation: isolate !important; }
.adx30-v10 .hero-slider, .adx30-v10 .hero-slide { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; }
.adx30-v10 .hero-slide { background-position: center 55% !important; background-size: cover !important; filter: saturate(.80) contrast(1.04) brightness(.78) !important; transform: scale(1.01) !important; transition: opacity .8s ease,filter .5s ease !important; }
.adx30-v10 .hero-vignette { position: absolute !important; inset: 0 !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient(90deg,rgba(4,5,6,.91) 0%,rgba(4,5,6,.70) 34%,rgba(4,5,6,.24) 66%,rgba(4,5,6,.12) 100%),linear-gradient(0deg,rgba(4,5,6,.52) 0%,transparent 42%,rgba(4,5,6,.20) 100%) !important; }
.adx30-v10 .hero::after { display: none !important; }
.adx30-v10 .hero-editorial-note { display: none !important; }
.adx30-v10 .hero-content { position: absolute !important; z-index: 5 !important; left: clamp(28px,6.2vw,104px) !important; bottom: clamp(76px,10vh,112px) !important; width: min(720px,72vw) !important; padding: 0 !important; color: #f5f2ec !important; }
.adx30-v10 .hero-content .eyebrow { margin-bottom: 18px !important; color: #d1ad63 !important; -webkit-text-fill-color: #d1ad63 !important; }
.adx30-v10 .hero-content h1 { max-width: 760px !important; margin: 0 !important; color: #f7f4ee !important; -webkit-text-fill-color: #f7f4ee !important; font-family: var(--d-ui) !important; font-size: clamp(3.7rem,7vw,7.5rem) !important; font-weight: 440 !important; letter-spacing: -.055em !important; line-height: .91 !important; text-wrap: balance !important; }
.adx30-v10 .hero-content > p:not(.eyebrow) { max-width: 560px !important; margin: 24px 0 0 !important; color: #d8d5ce !important; -webkit-text-fill-color: #d8d5ce !important; font-size: clamp(1rem,1.05vw,1.18rem) !important; line-height: 1.55 !important; }
.adx30-v10 .hero-actions { margin-top: 30px !important; display: flex !important; align-items: center !important; gap: 26px !important; }
.adx30-v10 .hero-actions .text-button { color: #f4f1ea !important; -webkit-text-fill-color: #f4f1ea !important; }
.adx30-v10 .hero-controls { position: absolute !important; z-index: 6 !important; right: clamp(24px,4vw,64px) !important; bottom: clamp(32px,5vh,54px) !important; display: flex !important; align-items: center !important; gap: 9px !important; }
.adx30-v10 .hero-controls button { width: 42px !important; height: 42px !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 0 !important; background: rgba(8,9,10,.34) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: none !important; }

/* Main chapters */
.adx30-v10 .section.inventory,
.adx30-v10 .section.collection {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(76px,8vw,132px) clamp(24px,6.2vw,104px) !important;
  background: var(--d-bg) !important;
  color: var(--d-text) !important;
}
.adx30-v10 .section.inventory { min-height: auto !important; }
.adx30-v10 .section.collection { min-height: auto !important; background: var(--d-bg-soft) !important; }
.adx30-v10 .inventory-heading,
.adx30-v10 .section-intro.compact-intro { width: min(1120px,100%) !important; margin: 0 0 clamp(36px,5vw,68px) !important; display: block !important; }
.adx30-v10 .inventory-heading h2,
.adx30-v10 .section-intro.compact-intro h2 {
  max-width: 980px !important;
  margin: 12px 0 0 !important;
  color: var(--d-text) !important;
  -webkit-text-fill-color: var(--d-text) !important;
  font-family: var(--d-ui) !important;
  font-size: clamp(2.8rem,5.2vw,6rem) !important;
  font-weight: 430 !important;
  letter-spacing: -.055em !important;
  line-height: .94 !important;
}

/* Inventory controls */
.adx30-v10 .inventory-filters {
  position: static !important;
  width: 100% !important;
  margin: 0 0 42px !important;
  padding: 18px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(220px,1.5fr) repeat(2,minmax(160px,.75fr)) auto !important;
  gap: 16px !important;
  align-items: end !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--d-line) !important;
  border-bottom: 1px solid var(--d-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.adx30-v10 .inventory-filters label { display: grid !important; gap: 7px !important; color: var(--d-muted) !important; }
.adx30-v10 .inventory-filters label > span { color: var(--d-muted) !important; -webkit-text-fill-color: var(--d-muted) !important; font-size: .75rem !important; font-weight: 650 !important; letter-spacing: .10em !important; text-transform: uppercase !important; }
.adx30-v10 .inventory-filters :where(input,select) { min-height: 46px !important; padding: 0 13px !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: var(--d-panel) !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; font-family: var(--d-ui) !important; font-size: .95rem !important; box-shadow: none !important; }
.adx30-v10 .inventory-filters input::placeholder { color: var(--d-faint) !important; opacity: 1 !important; }
.adx30-v10 .inventory-filters button[type="reset"] { min-height: 46px !important; padding: 0 16px !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; font-size: .76rem !important; font-weight: 650 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
.adx30-v10 .inventory-track { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: clamp(290px,30vw,440px) !important; gap: clamp(18px,2vw,30px) !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; }
.adx30-v10 .inventory-track::-webkit-scrollbar { display: none !important; }
.adx30-v10 .inventory-card { scroll-snap-align: start !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.adx30-v10 .inventory-image { position: relative !important; display: block !important; aspect-ratio: 4/3 !important; overflow: hidden !important; background: #17191a !important; border: 0 !important; border-radius: 0 !important; }
.adx30-v10 .inventory-image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; filter: saturate(.94) contrast(1.01) !important; transition: transform .35s ease !important; }
.adx30-v10 .inventory-card:hover .inventory-image img { transform: scale(1.025) !important; }
.adx30-v10 .inventory-status { position: absolute !important; left: 14px !important; top: 14px !important; padding: 7px 9px !important; background: rgba(9,10,11,.78) !important; border: 0 !important; border-radius: 0 !important; color: #f4f1ea !important; -webkit-text-fill-color: #f4f1ea !important; font-size: .68rem !important; font-weight: 700 !important; letter-spacing: .09em !important; text-transform: uppercase !important; }
.adx30-v10 .inventory-copy { padding: 18px 0 0 !important; background: transparent !important; }
.adx30-v10 .inventory-stock { color: var(--d-accent) !important; -webkit-text-fill-color: var(--d-accent) !important; font-size: .70rem !important; font-weight: 700 !important; letter-spacing: .12em !important; }
.adx30-v10 .inventory-copy h3 { margin: 7px 0 9px !important; font-family: var(--d-ui) !important; font-size: clamp(1.45rem,1.8vw,2.1rem) !important; font-weight: 520 !important; letter-spacing: -.03em !important; line-height: 1.08 !important; }
.adx30-v10 .inventory-copy h3 a { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; text-decoration: none !important; }
.adx30-v10 .inventory-facts { color: var(--d-muted) !important; -webkit-text-fill-color: var(--d-muted) !important; font-size: .92rem !important; }
.adx30-v10 .inventory-facts strong { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; font-size: 1rem !important; }
.adx30-v10 .inventory-card-actions button,
.adx30-v10 .inventory-card-actions a { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; background: transparent !important; border-color: var(--d-line) !important; }
.adx30-v10 .inventory-controls { margin-top: 30px !important; padding-top: 18px !important; border-top: 1px solid var(--d-line) !important; color: var(--d-muted) !important; }
.adx30-v10 .inventory-controls button,
.adx30-v10 .category-controls button { width: 44px !important; height: 44px !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; box-shadow: none !important; }

/* Empty inventory remains honest without looking unfinished. */
.adx30-v10 .inventory-empty.inventory-empty-real { position: relative !important; min-height: 360px !important; padding: clamp(34px,5vw,66px) !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: linear-gradient(90deg,rgba(7,8,9,.96),rgba(7,8,9,.76) 50%,rgba(7,8,9,.22)),var(--adx30-v10-editorial-rear) center/cover no-repeat !important; box-shadow: none !important; }
.adx30-v10 .inventory-empty h3 { max-width: 700px !important; margin: 8px 0 13px !important; color: #f5f2ec !important; -webkit-text-fill-color: #f5f2ec !important; font-family: var(--d-ui) !important; font-size: clamp(2.1rem,4vw,4.3rem) !important; font-weight: 450 !important; letter-spacing: -.045em !important; line-height: .98 !important; }
.adx30-v10 .inventory-empty > p { max-width: 560px !important; color: #cbc7bf !important; -webkit-text-fill-color: #cbc7bf !important; font-size: 1rem !important; line-height: 1.55 !important; }
.adx30-v10 .inventory-empty > span { color: #d2ad62 !important; -webkit-text-fill-color: #d2ad62 !important; }

/* Find your fit */
.adx30-v10 .collection-scroller { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: clamp(270px,25vw,390px) !important; gap: clamp(14px,1.5vw,24px) !important; padding: 0 !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scrollbar-width: none !important; }
.adx30-v10 .collection-scroller::-webkit-scrollbar { display: none !important; }
.adx30-v10 .collection-card.is-editorial-category { position: relative !important; min-height: clamp(390px,52vh,520px) !important; padding: 22px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; text-align: left !important; overflow: hidden !important; scroll-snap-align: start !important; border: 0 !important; border-radius: 0 !important; background-image: linear-gradient(180deg,rgba(5,6,7,.08) 10%,rgba(5,6,7,.84) 100%),var(--category-image) !important; background-position: center !important; background-size: cover !important; box-shadow: none !important; transition: transform .28s ease !important; }
.adx30-v10 .collection-card.is-editorial-category:hover { transform: translateY(-3px) !important; box-shadow: none !important; }
.adx30-v10 .collection-card > span:first-child { color: rgba(255,255,255,.76) !important; -webkit-text-fill-color: rgba(255,255,255,.76) !important; font-size: .70rem !important; font-weight: 700 !important; letter-spacing: .12em !important; }
.adx30-v10 .collection-card h3 { margin: 0 0 7px !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-family: var(--d-ui) !important; font-size: clamp(1.9rem,2.6vw,3rem) !important; font-weight: 520 !important; letter-spacing: -.04em !important; line-height: .98 !important; }
.adx30-v10 .collection-card p { margin: 0 !important; color: rgba(255,255,255,.76) !important; -webkit-text-fill-color: rgba(255,255,255,.76) !important; font-size: .86rem !important; }
.adx30-v10 .collection-card > i { position: absolute !important; top: 18px !important; right: 18px !important; width: auto !important; height: auto !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 1.1rem !important; font-style: normal !important; }
.adx30-v10 .category-controls { margin-top: 24px !important; display: flex !important; justify-content: flex-end !important; gap: 8px !important; }

/* Footer: a single dark anchor in both themes. */
.adx30-v10 .portfolio-footer,
html[data-adx30-theme="bright"] .adx30-v10 .portfolio-footer,
.adx30-v10[data-theme="bright"] .portfolio-footer {
  min-height: 164px !important;
  padding: 34px clamp(24px,6.2vw,104px) !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto auto !important;
  align-items: center !important;
  gap: 34px !important;
  background: #0b0c0d !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: #f4f1ea !important;
}
.adx30-v10 .portfolio-footer img { width: 126px !important; height: auto !important; }
.adx30-v10 .portfolio-footer :where(p,span) { color: #aaa69e !important; -webkit-text-fill-color: #aaa69e !important; opacity: 1 !important; }
.adx30-v10 .portfolio-footer p,
.adx30-v10 .portfolio-footer button { font-family: var(--d-ui) !important; font-size: .78rem !important; font-weight: 600 !important; letter-spacing: .07em !important; }
.adx30-v10 .portfolio-footer-actions { display: flex !important; gap: 18px !important; }
.adx30-v10 .portfolio-footer-actions button { padding: 0 0 4px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.24) !important; border-radius: 0 !important; background: transparent !important; color: #f4f1ea !important; -webkit-text-fill-color: #f4f1ea !important; opacity: 1 !important; }
.adx30-v10 .portfolio-footer-actions button:hover { color: #d1ad63 !important; -webkit-text-fill-color: #d1ad63 !important; border-bottom-color: #d1ad63 !important; }

/* Overlays / forms */
.adx30-portal-root .modal-shell:not([hidden]),
.adx30-v10 .modal-shell:not([hidden]) { background: rgba(5,6,7,.72) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; }
.adx30-portal-root .modal,
.adx30-v10 .modal { width: min(1100px,calc(100vw - 32px)) !important; max-height: min(860px,calc(100svh - 32px)) !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: var(--d-panel) !important; color: var(--d-text) !important; box-shadow: var(--d-shadow) !important; }
.adx30-portal-root .modal :where(h1,h2,h3,strong,summary),
.adx30-v10 .modal :where(h1,h2,h3,strong,summary) { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; font-family: var(--d-ui) !important; }
.adx30-portal-root .modal h2,
.adx30-v10 .modal h2 { font-size: clamp(2.35rem,4.2vw,4.8rem) !important; font-weight: 440 !important; letter-spacing: -.05em !important; line-height: .98 !important; }
.adx30-portal-root .modal :where(p,li,label,small),
.adx30-v10 .modal :where(p,li,label,small) { color: var(--d-muted) !important; -webkit-text-fill-color: var(--d-muted) !important; line-height: 1.55 !important; }
.adx30-portal-root .modal-close,
.adx30-v10 .modal-close { width: 44px !important; height: 44px !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; }

/* Explore becomes a clean menu, not a tile dashboard. */
.adx30-portal-root .portfolio-modal-grid,
.adx30-v10 .portfolio-modal-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 34px !important; margin-top: 34px !important; background: transparent !important; border-top: 1px solid var(--d-line) !important; }
.adx30-portal-root .portfolio-modal-grid > button,
.adx30-v10 .portfolio-modal-grid > button { min-height: 96px !important; padding: 18px 0 !important; display: grid !important; grid-template-columns: 36px 1fr !important; grid-template-rows: auto auto !important; gap: 4px 12px !important; align-items: start !important; border: 0 !important; border-bottom: 1px solid var(--d-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; text-align: left !important; box-shadow: none !important; transform: none !important; }
.adx30-portal-root .portfolio-modal-grid > button:hover,
.adx30-v10 .portfolio-modal-grid > button:hover { background: transparent !important; border-bottom-color: var(--d-accent) !important; transform: none !important; }
.adx30-portal-root .portfolio-modal-grid span,
.adx30-v10 .portfolio-modal-grid span { grid-row: 1 / span 2 !important; color: var(--d-accent) !important; -webkit-text-fill-color: var(--d-accent) !important; font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .12em !important; }
.adx30-portal-root .portfolio-modal-grid strong,
.adx30-v10 .portfolio-modal-grid strong { font-family: var(--d-ui) !important; font-size: 1.12rem !important; font-weight: 620 !important; line-height: 1.25 !important; }
.adx30-portal-root .portfolio-modal-grid small,
.adx30-v10 .portfolio-modal-grid small { color: var(--d-muted) !important; -webkit-text-fill-color: var(--d-muted) !important; font-size: .88rem !important; }

.adx30-portal-root :where(input,select,textarea),
.adx30-v10 .modal :where(input,select,textarea) { border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: var(--d-bg) !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; box-shadow: none !important; }
html[data-adx30-theme="bright"] .adx30-portal-root :where(input,select,textarea),
.adx30-portal-root[data-theme="bright"] :where(input,select,textarea) { background: #fff !important; }
.adx30-portal-root :where(input,textarea)::placeholder { color: var(--d-faint) !important; opacity: 1 !important; }

.adx30-portal-root .mobile-menu-panel,
.adx30-v10 .mobile-menu-panel { background: var(--d-bg) !important; color: var(--d-text) !important; border-left: 1px solid var(--d-line) !important; }
.adx30-portal-root .mobile-menu nav :where(a,button),
.adx30-v10 .mobile-menu nav :where(a,button) { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; border-bottom-color: var(--d-line) !important; }
.adx30-portal-root .mobile-menu nav small,
.adx30-v10 .mobile-menu nav small { color: var(--d-accent) !important; -webkit-text-fill-color: var(--d-accent) !important; }

.adx30-v10 .consent-banner,
.adx30-portal-root .consent-banner { background: var(--d-panel) !important; border: 1px solid var(--d-line) !important; border-radius: 0 !important; color: var(--d-text) !important; box-shadow: var(--d-shadow) !important; }
.adx30-v10 .consent-banner :where(strong,p),
.adx30-portal-root .consent-banner :where(strong,p) { color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; }
.adx30-v10 .consent-banner p,
.adx30-portal-root .consent-banner p { color: var(--d-muted) !important; -webkit-text-fill-color: var(--d-muted) !important; }
.adx30-v10 .consent-banner button:not(.gold-button),
.adx30-portal-root .consent-banner button:not(.gold-button) { border: 1px solid var(--d-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--d-text) !important; -webkit-text-fill-color: var(--d-text) !important; }

/* Resource/policy/vehicle pages */
html[data-adx30-theme="bright"] body,
html[data-adx30-theme="bright"] body .seo-page,
html[data-adx30-theme="bright"] body .policy-page,
html[data-adx30-theme="bright"] body .vehicle-page { background: #f7f7f4 !important; color: #141414 !important; }
html[data-adx30-theme="bright"] body :where(.seo-page,.policy-page,.vehicle-page) :where(h1,h2,h3,strong,summary) { color: #141414 !important; -webkit-text-fill-color: #141414 !important; }
html[data-adx30-theme="bright"] body :where(.seo-page,.policy-page,.vehicle-page) :where(p,li,small) { color: #565656 !important; -webkit-text-fill-color: #565656 !important; }

.adx30-v10 :where(a,button,input,select,textarea):focus-visible,
.adx30-portal-root :where(a,button,input,select,textarea):focus-visible { outline: 2px solid var(--d-accent) !important; outline-offset: 3px !important; }

@media (max-width: 1180px) {
  .adx30-v10 .site-header { min-height: 78px !important; grid-template-columns: 1fr auto !important; padding-inline: clamp(20px,4vw,42px) !important; }
  .adx30-v10 .site-header > nav { display: none !important; }
  .adx30-v10 .header-actions .outline-button { display: none !important; }
  .adx30-v10 .menu-toggle { display: inline-flex !important; }
  .adx30-v10 .inventory-filters { grid-template-columns: 1.5fr 1fr 1fr auto !important; }
}

@media (max-width: 760px) {
  .adx30-v10 .site-header { min-height: 72px !important; padding: 10px 18px !important; gap: 14px !important; }
  .adx30-v10 .site-header .brand img { width: 128px !important; max-height: 46px !important; }
  .adx30-v10 .header-actions { gap: 12px !important; }
  .adx30-v10 .header-actions .language-toggle,
  .adx30-v10 .header-actions .theme-toggle { font-size: .72rem !important; }
  .adx30-v10 .header-actions .theme-toggle small { display: none !important; }
  .adx30-v10 .hero-content { left: 22px !important; right: 22px !important; bottom: 72px !important; width: auto !important; }
  .adx30-v10 .hero-content h1 { font-size: clamp(3rem,15vw,5.1rem) !important; line-height: .92 !important; }
  .adx30-v10 .hero-content > p:not(.eyebrow) { font-size: 1rem !important; }
  .adx30-v10 .hero-actions { align-items: flex-start !important; flex-direction: column !important; gap: 16px !important; }
  .adx30-v10 .hero-actions .gold-button { width: 100% !important; }
  .adx30-v10 .hero-controls { right: 18px !important; bottom: 18px !important; }
  .adx30-v10 .section.inventory,
  .adx30-v10 .section.collection { padding: 68px 20px !important; }
  .adx30-v10 .inventory-heading h2,
  .adx30-v10 .section-intro.compact-intro h2 { font-size: clamp(2.5rem,12vw,4rem) !important; }
  .adx30-v10 .inventory-filters { grid-template-columns: 1fr !important; gap: 12px !important; }
  .adx30-v10 .inventory-filters button[type="reset"] { width: 100% !important; }
  .adx30-v10 .inventory-track { grid-auto-columns: min(84vw,360px) !important; }
  .adx30-v10 .inventory-empty.inventory-empty-real { min-height: 380px !important; padding: 28px !important; }
  .adx30-v10 .collection-scroller { grid-auto-columns: min(82vw,340px) !important; }
  .adx30-v10 .collection-card.is-editorial-category { min-height: 430px !important; }
  .adx30-v10 .portfolio-footer,
  html[data-adx30-theme="bright"] .adx30-v10 .portfolio-footer,
  .adx30-v10[data-theme="bright"] .portfolio-footer { grid-template-columns: 1fr !important; gap: 18px !important; padding: 34px 20px 92px !important; text-align: left !important; }
  .adx30-v10 .portfolio-footer-actions { flex-wrap: wrap !important; }
  .adx30-portal-root .portfolio-modal-grid,
  .adx30-v10 .portfolio-modal-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .adx30-portal-root .modal,
  .adx30-v10 .modal { width: calc(100vw - 20px) !important; max-height: calc(100svh - 20px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .adx30-v10 *, .adx30-portal-root * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Final theme-state contract. These selectors intentionally outrank legacy v10 rules. */
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header:not(.is-scrolled) > nav a,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header:not(.is-scrolled) > nav .nav-button,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header:not(.is-scrolled) .header-actions .language-toggle,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header:not(.is-scrolled) .header-actions .theme-toggle {
  color: #f6f4ef !important;
  -webkit-text-fill-color: #f6f4ef !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header.is-scrolled > nav a,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header.is-scrolled > nav .nav-button,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header.is-scrolled .header-actions .language-toggle,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .site-header.is-scrolled .header-actions .theme-toggle {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] :where(.section.inventory,.section.collection) :where(h1,h2,h3,h4,strong) {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] :where(.section.inventory,.section.collection) :where(p,small) {
  color: #565656 !important;
  -webkit-text-fill-color: #565656 !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] :where(.section.inventory,.section.collection) .eyebrow {
  color: #8b672c !important;
  -webkit-text-fill-color: #8b672c !important;
}
/* Photographic surfaces stay intentionally dark inside Bright mode. */
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .inventory-empty.inventory-empty-real :where(h3,strong),
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .collection-card.is-editorial-category :where(h3,strong) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .inventory-empty.inventory-empty-real p,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .collection-card.is-editorial-category p {
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .portfolio-footer :where(p,span),
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .portfolio-footer-actions button {
  color: #f4f1ea !important;
  -webkit-text-fill-color: #f4f1ea !important;
}
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .portfolio-footer > p { color: #aaa69e !important; -webkit-text-fill-color: #aaa69e !important; }

html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .modal,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .modal {
  background: #fff !important;
  color: #141414 !important;
  border-color: rgba(20,20,20,.16) !important;
}
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .modal :where(h1,h2,h3,h4,strong,summary),
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .modal :where(h1,h2,h3,h4,strong,summary) {
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .modal :where(p,li,label,small),
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .modal :where(p,li,label,small) {
  color: #565656 !important;
  -webkit-text-fill-color: #565656 !important;
}
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .portfolio-modal-grid > button,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .portfolio-modal-grid > button,
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .modal-feature-grid article,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .modal-feature-grid article,
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .resource-link-grid a,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .resource-link-grid a {
  background: transparent !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .portfolio-modal-grid small,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .portfolio-modal-grid small,
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .modal-feature-grid p,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .modal-feature-grid p {
  color: #565656 !important;
  -webkit-text-fill-color: #565656 !important;
}
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .mobile-menu-panel,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .mobile-menu-panel,
html[data-adx30-theme="bright"] .adx30-portal-root[data-theme="bright"] .consent-banner,
html[data-adx30-theme="bright"] .adx30-v10[data-theme="bright"] .consent-banner {
  background: #f7f7f4 !important;
  color: #141414 !important;
}