:root {
  --spc-ease: cubic-bezier(.16, 1, .3, 1);
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--brand-primary, #f50538) #0a0a0a;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: var(--brand-primary, #f50538);
}

::selection {
  background: rgb(245 5 56 / 30%);
  color: #fff;
}

@view-transition {
  navigation: none;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 260ms;
  animation-timing-function: var(--spc-ease);
}

::view-transition-old(root) {
  animation-name: spc-performance-view-out;
}

::view-transition-new(root) {
  animation-name: spc-performance-view-in;
}

@keyframes spc-performance-view-out {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: .88; transform: translateY(-2px); }
}

@keyframes spc-performance-view-in {
  from { opacity: .88; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

main > section:nth-of-type(n + 3),
.ops-page > section:nth-of-type(n + 2),
.ops-page > div:nth-of-type(n + 3) {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

.reveal {
  transition-duration: 560ms !important;
  transition-timing-function: var(--spc-ease) !important;
}

.reveal:not(.is-visible) {
  will-change: opacity, transform;
}

.reveal.reveal-complete {
  will-change: auto;
}

body.spc-atelier-experience .spc-atelier-reveal,
body.spc-atelier-experience.spc-visual-ready .spc-atelier-reveal:not(.is-revealed),
body.spc-atelier-experience .spc-atelier-reveal.is-revealed {
  filter: none !important;
  transition-property: opacity, transform !important;
}


/* Global loading screen intentionally removed: pages render immediately. */

.operator-sidebar,
.admin-mobilebar {
  background: rgb(10 10 10 / 76%);
  border-color: rgb(255 255 255 / 8%);
  box-shadow: 0 14px 46px rgb(0 0 0 / 22%);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .operator-sidebar,
  .admin-mobilebar {
    background: rgb(10 10 10 / 72%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
  }

  .ops-panel,
  .feature-dossier,
  .event-card,
  .member-card,
  .marketplace-listing-card,
  [role="dialog"],
  [data-command-palette],
  .site-community-nav__menu,
  .member-mention-dropdown {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}

[role="dialog"],
[data-command-palette] {
  transform-origin: center;
}

[role="dialog"].is-open,
[data-command-palette].is-open {
  animation: spc-modal-arrive 260ms var(--spc-ease) both;
}

@keyframes spc-modal-arrive {
  from { opacity: 0; transform: scale(.985) translateY(5px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.ambient-glow {
  background:
    radial-gradient(540px circle at var(--pointer-x) var(--pointer-y), rgb(245 5 56 / 6%), transparent 68%),
    radial-gradient(34rem circle at 10% 16%, rgb(245 5 56 / 15%), transparent 66%),
    radial-gradient(38rem circle at 88% 72%, rgb(255 255 255 / 7%), transparent 68%) !important;
}

.spc-performance-surface {
  --surface-x: 50%;
  --surface-y: 50%;
  position: relative;
  isolation: isolate;
}

.spc-performance-surface::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(520px circle at var(--surface-x) var(--surface-y), rgb(245 5 56 / 8%), transparent 62%);
  opacity: 0;
  transition: opacity 220ms ease;
}

.spc-performance-surface:hover::before {
  opacity: 1;
}

.ai-studio,
.ai-assessment {
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(245 5 56 / 18%);
  background:
    linear-gradient(135deg, rgb(245 5 56 / 7%), transparent 44%),
    rgb(255 255 255 / 2%);
}

.ai-studio::after,
.ai-assessment::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 34%, rgb(255 255 255 / 7%) 48%, transparent 62%);
  opacity: 0;
  transform: translateX(-110%);
}

.ai-studio.is-ai-working::after,
.ai-assessment.is-ai-working::after {
  opacity: 1;
  animation: ai-skeleton-sweep 1.15s ease-in-out infinite;
}

.ai-studio--compact {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 12px;
}

.ai-inline-action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
}

.ai-action-status {
  min-height: 20px;
  color: rgb(255 255 255 / 54%);
  font-size: 12px;
}

.ai-action-status[data-state="working"]::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--brand-primary, #f50538);
  animation: ai-status-pulse 760ms ease-in-out infinite alternate;
}

.ai-action-status[data-state="success"] {
  color: #9de1c7;
}

.ai-action-status[data-state="error"] {
  color: #ff9bad;
}

@keyframes ai-status-pulse {
  to { opacity: .35; transform: scale(.72); }
}

@keyframes ai-skeleton-sweep {
  to { transform: translateX(110%); }
}

.ai-assessment__result {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.ai-assessment__result div {
  padding: 14px;
  border: 1px solid rgb(255 255 255 / 8%);
  background: rgb(0 0 0 / 18%);
}

.ai-assessment__result span,
.ai-assessment__result strong {
  display: block;
}

.ai-assessment__result span {
  color: rgb(255 255 255 / 44%);
  font: 500 10px/1.4 "JetBrains Mono", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ai-assessment__result strong {
  margin-top: 5px;
  color: #fff;
  text-transform: capitalize;
}

.ai-assessment__reason {
  color: rgb(255 255 255 / 64%);
  font-size: 14px;
  line-height: 1.65;
}

@media (hover: none), (pointer: coarse) {
  .spc-performance-surface::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .ai-assessment__result {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-action-status[data-state="working"]::before {
    animation: none !important;
  }
}

.event-pass-checkin {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
  align-items: end;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(245,5,56,.22);
  border-radius: 4px;
  background: rgba(245,5,56,.05);
}
.event-pass-checkin label span {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,.46);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.event-pass-checkin input {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 3px;
  background: #090b0d;
  color: #fff;
  font-family: var(--font-mono, monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.event-pass-checkin button {
  min-height: 41px;
  padding: 0 15px;
  border-radius: 3px;
  background: #f50538;
  color: #fff;
  font-size: .74rem;
  font-weight: 750;
}
@media (max-width: 640px) {
  .event-pass-checkin { grid-template-columns: 1fr; }
}

/* Member product expansion: event companion, garage dossiers and club radar */
.event-companion-page,
.garage-dossier-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 74% 8%, rgba(245, 5, 56, .08), transparent 28rem),
    #090a0c;
}

.event-companion-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: end;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.event-companion-hero > img,
.garage-dossier-hero__media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-companion-hero > img { opacity: .48; }

.event-companion-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7,8,10,.24), rgba(7,8,10,.72) 54%, #090a0c);
}

.event-companion-hero__inner,
.event-companion-shell,
.garage-dossier-shell {
  width: min(1320px, calc(100% - 40px));
  margin-inline: auto;
}

.event-companion-hero__inner {
  position: relative;
  z-index: 1;
  padding: 150px 0 58px;
}

.event-companion-hero__inner > a,
.garage-dossier-breadcrumb a {
  color: rgba(255,255,255,.58);
  font-size: .82rem;
  transition: color .18s ease;
}

.event-companion-hero__inner > a:hover,
.garage-dossier-breadcrumb a:hover { color: #fff; }

.event-companion-hero__inner > .mono { margin-top: 38px; }

.event-companion-hero__inner h1,
.garage-dossier-hero__copy h1 {
  margin-top: 12px;
  max-width: 14ch;
  font-size: clamp(2.7rem, 6vw, 5.8rem);
  line-height: .92;
  letter-spacing: -.065em;
  font-weight: 900;
}

.event-companion-hero__inner > p:not(.mono),
.garage-dossier-hero__copy > p:not(.mono) {
  max-width: 650px;
  margin-top: 18px;
  color: rgba(255,255,255,.68);
  line-height: 1.7;
}

.event-countdown--companion {
  width: fit-content;
  min-width: 280px;
  margin-top: 28px;
  border-color: rgba(255,255,255,.14);
  background: rgba(5,6,8,.62);
  backdrop-filter: blur(14px);
}

.event-companion-shell { padding: 38px 0 100px; }

.event-pass {
  position: relative;
  display: grid;
  grid-template-columns: 180px minmax(220px, .75fr) minmax(0, 1.25fr) auto;
  gap: 28px;
  align-items: center;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-left: 3px solid #f50538;
  border-radius: 5px;
  background:
    linear-gradient(115deg, rgba(245,5,56,.13), transparent 36%),
    #111316;
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
}

.event-pass::after {
  content: "";
  position: absolute;
  top: -70px;
  right: 12%;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.05);
  transform: rotate(45deg);
}

.event-pass__brand,
.event-pass__identity,
.event-pass__details,
.event-pass__actions { position: relative; z-index: 1; }

.event-pass__brand > span {
  display: block;
  font-size: 2.6rem;
  line-height: 1;
  letter-spacing: -.08em;
  font-weight: 900;
}

.event-pass__brand p {
  margin-top: 8px;
  max-width: 12ch;
  color: rgba(255,255,255,.45);
  font-size: .7rem;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.event-pass__identity h2 {
  margin-top: 8px;
  font-size: 1.45rem;
  font-weight: 800;
  letter-spacing: -.035em;
}

.event-pass__identity > span {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.48);
  font-family: var(--font-mono, monospace);
  font-size: .72rem;
  letter-spacing: .16em;
}

.event-pass__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
}

.event-pass__details dt,
.event-preparation-fields label > span {
  display: block;
  color: rgba(255,255,255,.4);
  font-size: .64rem;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.event-pass__details dd {
  margin-top: 6px;
  color: rgba(255,255,255,.88);
  font-size: .86rem;
  font-weight: 650;
}

.event-pass__details .event-pass__code {
  color: #fff;
  font-family: var(--font-mono, monospace);
  letter-spacing: .16em;
}

.event-pass__actions {
  display: grid;
  gap: 8px;
}

.event-pass__actions button,
.event-companion-card__actions a,
.garage-dossier-panel > a,
.garage-dossier-panel--action a {
  padding: 10px 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 3px;
  color: rgba(255,255,255,.72);
  font-size: .76rem;
  text-align: center;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.event-pass__actions button:hover,
.event-companion-card__actions a:hover,
.garage-dossier-panel > a:hover,
.garage-dossier-panel--action a:hover {
  border-color: rgba(245,5,56,.48);
  background: rgba(245,5,56,.09);
  color: #fff;
}

.event-companion-grid,
.garage-dossier-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 28px;
  align-items: start;
  margin-top: 28px;
}

.event-companion-main,
.event-companion-sidebar,
.garage-dossier-main,
.garage-dossier-sidebar {
  display: grid;
  gap: 22px;
}

.event-preparation-panel,
.event-companion-live,
.event-companion-itinerary,
.event-companion-card,
.garage-dossier-panel {
  padding: 26px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 5px;
  background: #111316;
}

.event-preparation-panel > header,
.event-companion-live > header,
.event-companion-itinerary > header,
.garage-dossier-panel > header,
.club-radar__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.event-preparation-panel h2,
.event-companion-live h2,
.event-companion-itinerary h2,
.event-companion-card h2,
.garage-dossier-panel h2,
.club-radar h2 {
  margin-top: 8px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 800;
}

.event-preparation-panel header p:not(.mono),
.event-companion-card > p:not(.mono),
.garage-dossier-panel > p:not(.mono),
.club-radar__head p:not(.mono) {
  max-width: 650px;
  margin-top: 10px;
  color: rgba(255,255,255,.5);
  font-size: .88rem;
  line-height: 1.65;
}

.event-preparation-score { text-align: right; }
.event-preparation-score strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
}
.event-preparation-score span {
  display: block;
  margin-top: 7px;
  color: rgba(255,255,255,.42);
  font-size: .7rem;
}

.event-preparation-progress {
  height: 3px;
  margin: 24px 0;
  overflow: hidden;
  background: rgba(255,255,255,.08);
}
.event-preparation-progress > span {
  display: block;
  width: var(--event-readiness, 0%);
  height: 100%;
  background: #f50538;
  transition: width .28s ease, background .28s ease;
}
.event-preparation-panel.is-ready .event-preparation-progress > span { background: #44d17d; }

.event-preparation-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.07);
}

.event-preparation-checklist label {
  position: relative;
  display: block;
  background: #111316;
  cursor: pointer;
}

.event-preparation-checklist input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.event-preparation-checklist label > span {
  display: flex;
  align-items: center;
  min-height: 58px;
  gap: 11px;
  padding: 13px 15px;
  color: rgba(255,255,255,.66);
  font-size: .82rem;
  transition: background .18s ease, color .18s ease;
}

.event-preparation-checklist i {
  width: 15px;
  height: 15px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 2px;
  box-shadow: inset 0 0 0 3px #111316;
  background: transparent;
}

.event-preparation-checklist input:checked + span {
  color: #fff;
  background: rgba(68,209,125,.06);
}
.event-preparation-checklist input:checked + span i { background: #44d17d; border-color: #44d17d; }

.event-preparation-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.event-preparation-fields__wide { grid-column: 1 / -1; }
.event-preparation-fields select,
.event-preparation-fields input,
.event-companion-live form :is(select, input) {
  width: 100%;
  margin-top: 7px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 3px;
  background: #0b0d0f;
  color: #fff;
  font-size: .84rem;
}

.event-preparation-panel > footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}
.event-preparation-panel > footer > span {
  color: #ffb3c2;
  font-size: .72rem;
}

.event-companion-live form {
  display: grid;
  grid-template-columns: 170px 150px minmax(0, 1fr) auto;
  gap: 9px;
  margin-top: 22px;
}
.event-companion-live form :is(select, input) { margin-top: 0; }
.event-companion-live form button {
  padding: 0 16px;
  border-radius: 3px;
  background: #f50538;
  color: #fff;
  font-size: .78rem;
  font-weight: 750;
}
.event-companion-live__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-top: 18px;
  background: rgba(255,255,255,.07);
}
.event-companion-live__stats div {
  padding: 14px;
  background: #0d0f11;
}
.event-companion-live__stats span {
  display: block;
  color: rgba(255,255,255,.4);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.event-companion-live__stats strong {
  display: block;
  margin-top: 8px;
  font-size: 1.3rem;
}

.event-companion-itinerary article,
.garage-dossier-timeline article {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 18px;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.event-companion-itinerary header + article,
.garage-dossier-timeline article:first-child { margin-top: 18px; }
.event-companion-itinerary time,
.garage-dossier-timeline time {
  color: #f50538;
  font-family: var(--font-mono, monospace);
  font-size: .72rem;
  letter-spacing: .1em;
}
.event-companion-itinerary strong,
.garage-dossier-timeline strong { display: block; font-size: .92rem; }
.event-companion-itinerary article p,
.garage-dossier-timeline article p {
  margin-top: 7px;
  color: rgba(255,255,255,.48);
  font-size: .8rem;
  line-height: 1.55;
}

.event-companion-sidebar,
.garage-dossier-sidebar { position: sticky; top: 96px; }
.event-companion-card__actions,
.garage-dossier-panel--action > div {
  display: grid;
  gap: 8px;
  margin-top: 18px;
}
.event-companion-attendees,
.garage-route-list {
  display: grid;
  margin-top: 16px;
}
.event-companion-attendees a,
.garage-route-list a {
  display: grid;
  gap: 5px;
  padding: 13px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.event-companion-attendees strong,
.garage-route-list strong { font-size: .84rem; }
.event-companion-attendees span,
.garage-route-list span {
  color: rgba(255,255,255,.43);
  font-size: .72rem;
}
.event-companion-card--support { border-top-color: rgba(245,5,56,.45); }

.club-radar {
  margin: 22px 0;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  background:
    linear-gradient(105deg, rgba(245,5,56,.07), transparent 38%),
    #101215;
}
.club-radar__head > a {
  color: rgba(255,255,255,.52);
  font-size: .76rem;
}
.club-radar__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.08);
}
.club-radar-card {
  position: relative;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #0d0f11;
  transition: background .2s ease, transform .2s ease;
}
.club-radar-card:hover { background: #15171a; transform: translateY(-2px); }
.club-radar-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 46px;
  height: 2px;
  background: #f50538;
}
.club-radar-card > span,
.marketplace-garage-match {
  color: #ff8da5;
  font-size: .63rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .11em;
}
.club-radar-card strong {
  display: block;
  margin-top: 24px;
  font-size: 1.1rem;
  line-height: 1.15;
}
.club-radar-card p {
  margin-top: 9px;
  color: rgba(255,255,255,.48);
  font-size: .79rem;
  line-height: 1.5;
}
.club-radar-card em {
  margin-top: auto;
  padding-top: 18px;
  color: rgba(255,255,255,.72);
  font-size: .72rem;
  font-style: normal;
}
.member-event-companion-link {
  display: inline-block;
  margin-top: 8px;
  color: #ff8da5;
  font-size: .68rem;
}

.garage-dossier-shell { padding: 118px 0 100px; }
.garage-dossier-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255,255,255,.3);
  font-size: .8rem;
}
.garage-dossier-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
  min-height: 560px;
  margin-top: 24px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  overflow: hidden;
  background: #101215;
}
.garage-dossier-hero__media {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background: #0b0c0e;
}
.garage-dossier-hero__media > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.08);
  font-size: 8rem;
  font-weight: 900;
}
.garage-dossier-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 42px;
  border-left: 1px solid rgba(255,255,255,.08);
}
.garage-dossier-hero__copy h1 { font-size: clamp(2.2rem, 4.4vw, 4.7rem); }
.garage-dossier-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
}
.garage-dossier-panel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.08);
}
.garage-dossier-panel dl > div {
  min-height: 76px;
  padding: 15px;
  background: #0c0e10;
}
.garage-dossier-panel dt,
.garage-dossier-timeline article span {
  color: rgba(255,255,255,.4);
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.garage-dossier-panel dd {
  margin-top: 9px;
  color: rgba(255,255,255,.86);
  font-size: .86rem;
  font-weight: 650;
}
.garage-dossier-copy {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.garage-dossier-copy strong { font-size: .78rem; }
.garage-dossier-copy p {
  margin-top: 9px;
  color: rgba(255,255,255,.52);
  font-size: .84rem;
  line-height: 1.7;
}
.garage-dossier-panel > header > span,
.garage-dossier-panel > header > a {
  color: rgba(255,255,255,.4);
  font-size: .7rem;
}
.garage-dossier-empty {
  padding: 18px 0;
  color: rgba(255,255,255,.42);
  font-size: .82rem;
}
.garage-match-list { display: grid; gap: 1px; margin-top: 20px; background: rgba(255,255,255,.08); }
.garage-match-list a {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 18px;
  padding: 17px;
  background: #0c0e10;
  transition: background .18s ease;
}
.garage-match-list a:hover { background: #15171a; }
.garage-match-list span { grid-column: 1 / -1; color: #ff8da5; font-size: .62rem; text-transform: uppercase; letter-spacing: .1em; }
.garage-match-list p { color: rgba(255,255,255,.46); font-size: .75rem; }
.garage-match-list em { grid-column: 2; grid-row: 2 / 4; align-self: center; color: #fff; font-size: .8rem; font-style: normal; }

.marketplace-garage-match {
  display: block;
  width: fit-content;
  margin: 8px 0 10px;
}
.marketplace-garage-fit { border-top: 2px solid #f50538; }
.marketplace-garage-fit > strong {
  display: block;
  margin-top: 15px;
  font-size: .88rem;
}
.marketplace-garage-fit > a {
  display: inline-block;
  margin-top: 15px;
  color: #ff8da5;
  font-size: .74rem;
}
.event-host-tools__preparation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.08);
}
.event-host-tools__preparation div { padding: 13px; background: #0c0e10; }
.event-host-tools__preparation span { display: block; color: rgba(255,255,255,.4); font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; }
.event-host-tools__preparation strong { display: block; margin-top: 7px; font-size: 1.25rem; }

body:not(.admin-body) .member-profile-car-list > a {
  display: block;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  background: #111316;
  transition: border-color .18s ease, transform .18s ease;
}
body:not(.admin-body) .member-profile-car-list > a:hover {
  border-color: rgba(245,5,56,.35);
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  .event-pass { grid-template-columns: 130px 1fr; }
  .event-pass__details,
  .event-pass__actions { grid-column: 1 / -1; }
  .event-pass__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-companion-grid,
  .garage-dossier-grid { grid-template-columns: 1fr; }
  .event-companion-sidebar,
  .garage-dossier-sidebar { position: static; }
  .event-companion-live form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .event-companion-live form button { min-height: 44px; }
  .garage-dossier-hero { grid-template-columns: 1fr; }
  .garage-dossier-hero__copy { border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }
}

@media (max-width: 720px) {
  .event-companion-hero { min-height: 470px; }
  .event-companion-hero__inner,
  .event-companion-shell,
  .garage-dossier-shell { width: min(100% - 24px, 1320px); }
  .event-companion-hero__inner { padding-bottom: 36px; }
  .event-pass { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
  .event-pass__details,
  .event-pass__actions { grid-column: auto; }
  .event-pass__details { grid-template-columns: 1fr; }
  .event-preparation-panel,
  .event-companion-live,
  .event-companion-itinerary,
  .event-companion-card,
  .garage-dossier-panel,
  .club-radar { padding: 19px; }
  .event-preparation-panel > header,
  .event-companion-live > header,
  .garage-dossier-panel > header,
  .club-radar__head { align-items: start; flex-direction: column; }
  .event-preparation-score { text-align: left; }
  .event-preparation-checklist,
  .event-preparation-fields,
  .club-radar__grid { grid-template-columns: 1fr; }
  .event-companion-live form { grid-template-columns: 1fr; }
  .event-companion-live__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .event-companion-live__stats div:last-child { grid-column: 1 / -1; }
  .garage-dossier-shell { padding-top: 94px; }
  .garage-dossier-breadcrumb { overflow-x: auto; white-space: nowrap; }
  .garage-dossier-hero { min-height: 0; }
  .garage-dossier-hero__media { min-height: 340px; }
  .garage-dossier-hero__copy { padding: 26px 20px; }
  .garage-dossier-panel dl { grid-template-columns: 1fr; }
  .garage-match-list a { grid-template-columns: 1fr; }
  .garage-match-list em { grid-column: auto; grid-row: auto; }
  .event-host-tools__preparation { grid-template-columns: 1fr; }
}

@media print {
  body:has(.event-companion-page) header,
  body:has(.event-companion-page) footer,
  body:has(.event-companion-page) .event-companion-hero,
  body:has(.event-companion-page) .event-companion-grid {
    display: none !important;
  }
  body:has(.event-companion-page) {
    background: #fff !important;
    color: #111 !important;
  }
  body:has(.event-companion-page) .event-companion-shell {
    width: 100%;
    padding: 0;
  }
  body:has(.event-companion-page) .event-pass {
    margin: 0;
    border: 2px solid #111;
    background: #fff;
    color: #111;
    box-shadow: none;
  }
  body:has(.event-companion-page) .event-pass * { color: #111 !important; }
  body:has(.event-companion-page) .event-pass__actions { display: none; }
}


/* Fast navigation mode: no global page fade, zoom or browser View Transition mask. */
html {
  scroll-behavior: auto;
}

::view-transition-old(root),
::view-transition-new(root),
::view-transition-group(root) {
  animation: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
}

body.spc-fast-navigation main,
body.spc-fast-navigation footer,
body.spc-visual-booting main,
body.spc-visual-booting footer,
body.spc-visual-ready main,
body.spc-visual-ready footer,
body.spc-page-leaving main,
body.spc-page-leaving footer {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body.spc-fast-navigation .reveal,
body.spc-fast-navigation .reveal.is-visible,
body.spc-fast-navigation .spc-atelier-reveal,
body.spc-fast-navigation .spc-atelier-reveal.is-revealed {
  opacity: 1 !important;
  transform: none !important;
  transition-duration: 0ms !important;
  transition-delay: 0ms !important;
}

body.spc-fast-navigation .spc-polish-image,
body.spc-fast-navigation .spc-polish-image.is-loaded {
  opacity: 1 !important;
  transform: none !important;
}


/* Instant first paint correction: no page should show header/background first and content later. */
@view-transition {
  navigation: none;
}

main > section:nth-of-type(n + 3),
.ops-page > section:nth-of-type(n + 2),
.ops-page > div:nth-of-type(n + 3) {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

.reveal,
.reveal:not(.is-visible),
.reveal.is-visible,
[data-sequence] .page-intro > *,
[data-sequence] .hero-copy > *,
[data-sequence] .poster-hero__copy > *,
[data-sequence] .poster-hero__meter > *,
[data-sequence] .hero-actions > *,
[data-sequence] .hero-card > *,
[data-sequence] .feature-dossier > *,
[data-sequence] .event-hero__content > *,
[data-sequence] .event-hero__stats > *,
body.motion-ready [data-sequence] .page-intro > *,
body.motion-ready [data-sequence] .hero-copy > *,
body.motion-ready [data-sequence] .poster-hero__copy > *,
body.motion-ready [data-sequence] .poster-hero__meter > *,
body.motion-ready [data-sequence] .hero-actions > *,
body.motion-ready [data-sequence] .hero-card > *,
body.motion-ready [data-sequence] .feature-dossier > *,
body.motion-ready [data-sequence] .event-hero__content > *,
body.motion-ready [data-sequence] .event-hero__stats > *,
body.motion-live [data-sequence] .page-intro > *,
body.motion-live [data-sequence] .hero-copy > *,
body.motion-live [data-sequence] .poster-hero__copy > *,
body.motion-live [data-sequence] .poster-hero__meter > *,
body.motion-live [data-sequence] .hero-actions > *,
body.motion-live [data-sequence] .hero-card > *,
body.motion-live [data-sequence] .feature-dossier > *,
body.motion-live [data-sequence] .event-hero__content > *,
body.motion-live [data-sequence] .event-hero__stats > *,
body.spc-atelier-experience .spc-atelier-reveal,
body.spc-atelier-experience.spc-visual-ready .spc-atelier-reveal:not(.is-revealed),
body.spc-atelier-experience .spc-atelier-reveal.is-revealed,
.spc-jaw-surface,
body.spc-jawdrop-experience.spc-visual-ready .spc-jaw-surface:not(.is-jaw-visible),
.spc-jaw-surface.is-jaw-visible {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  transition-delay: 0ms !important;
}

body:not(.mobile-nav-open):not(.operator-nav-open) main,
body:not(.mobile-nav-open):not(.operator-nav-open) footer {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.spc-polish-image,
.spc-polish-image.is-loaded,
body.spc-million-polish .spc-polish-image,
body.spc-million-polish .spc-polish-image.is-loaded {
  opacity: 1 !important;
}


/* Clean soft navigation: keep the existing page visible until the next document is ready. */
body.spc-soft-nav-pending {
  cursor: progress;
}

body.spc-soft-nav-pending main,
body.spc-soft-nav-pending footer,
[data-spc-page-content] {
  opacity: 1 !important;
  transform: none !important;
}

body.spc-soft-nav-preparing [data-spc-page-content],
body.spc-soft-nav-preparing [data-spc-footer] {
  filter: blur(2.6px) saturate(.975) brightness(.992);
  transition: filter 120ms cubic-bezier(.16, 1, .3, 1) !important;
}

[data-spc-page-content] {
  min-height: 42vh;
}

/* Fast navigation and motion stability pass */
html,
body {
  scroll-behavior: auto !important;
}

body.spc-performance-mode {
  --spc-motion-scale: .45;
}

body.spc-performance-mode.spc-soft-nav-pending,
body.spc-performance-mode.spc-soft-nav-pending * {
  cursor: progress;
}

/* Performance mode must protect navigation fluidity, not flatten the premium glass design. */
body.spc-performance-mode .spc-lux-pointer {
  display: none !important;
}

body.spc-performance-mode .spc-ripple {
  animation-duration: .36s !important;
  opacity: .18;
}

body.spc-performance-mode .spc-polish-surface,
body.spc-performance-mode .spc-luxe-surface,
body.spc-performance-mode .spc-jaw-surface,
body.spc-performance-mode .spc-tactile-control,
body.spc-performance-mode .btn,
body.spc-performance-mode .site-nav a,
body.spc-performance-mode .marketplace-listing-card,
body.spc-performance-mode .event-card,
body.spc-performance-mode .member-card,
body.spc-performance-mode .feed-post {
  transition-duration: .16s !important;
  transition-timing-function: ease-out !important;
}

body.spc-performance-mode .spc-polish-surface:hover,
body.spc-performance-mode .spc-polish-surface:focus-within,
body.spc-performance-mode .spc-luxe-surface:hover,
body.spc-performance-mode .spc-luxe-surface:focus-within,
body.spc-performance-mode .spc-jaw-surface:hover,
body.spc-performance-mode .spc-jaw-surface:focus-within {
  transform: translateY(-1px) !important;
}

body.spc-performance-mode .spc-polish-surface::before,
body.spc-performance-mode .spc-luxe-surface::before,
body.spc-performance-mode .spc-luxe-surface::after,
body.spc-performance-mode .spc-jaw-surface::before,
body.spc-performance-mode .spc-jaw-surface::after {
  transition-duration: .16s !important;
  animation-duration: .8s !important;
}

body.spc-performance-mode img.spc-polish-image,
body.spc-performance-mode img.spc-jaw-media {
  transition-duration: .16s !important;
}

body.spc-performance-mode [data-spc-page-content],
body.spc-performance-mode [data-spc-footer] {
  contain: layout paint;
}

@media (prefers-reduced-motion: reduce) {
  body.spc-performance-mode *,
  body.spc-performance-mode *::before,
  body.spc-performance-mode *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }

  body.spc-performance-mode .spc-polish-surface:hover,
  body.spc-performance-mode .spc-luxe-surface:hover,
  body.spc-performance-mode .spc-jaw-surface:hover,
  body.spc-performance-mode .btn:hover {
    transform: none !important;
  }
}


/* Premium blur restoration: keep static glass/backdrop blur, remove only expensive animated motion elsewhere. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.spc-performance-mode .site-header,
  body.spc-performance-mode [data-header-shell] {
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    backdrop-filter: blur(18px) saturate(170%);
  }

  body.spc-performance-mode .mobile-sticky-actions,
  body.spc-performance-mode .command-palette,
  body.spc-performance-mode .live-editor-drawer,
  body.spc-performance-mode .spc-atelier-lightbox__panel,
  body.spc-performance-mode [role="dialog"],
  body.spc-performance-mode [data-command-palette],
  body.spc-performance-mode .site-community-nav__menu,
  body.spc-performance-mode .member-mention-dropdown {
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
  }

  body.spc-performance-mode .ops-panel,
  body.spc-performance-mode .feature-dossier,
  body.spc-performance-mode .event-card,
  body.spc-performance-mode .member-card,
  body.spc-performance-mode .marketplace-listing-card {
    -webkit-backdrop-filter: blur(12px) saturate(145%);
    backdrop-filter: blur(12px) saturate(145%);
  }
}

/* Motion fidelity restore: premium animations stay on, only page-change zoom stays off. */
body.spc-motion-fidelity.spc-fast-navigation main,
body.spc-motion-fidelity.spc-fast-navigation footer,
body.spc-motion-fidelity.spc-visual-ready main,
body.spc-motion-fidelity.spc-visual-ready footer {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  transition: opacity .45s ease, transform .55s var(--spc-ease, cubic-bezier(.16, 1, .3, 1)) !important;
}

body.spc-motion-fidelity.spc-page-leaving main,
body.spc-motion-fidelity.spc-page-leaving footer {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

body.spc-motion-fidelity.spc-fast-navigation .reveal:not(.is-visible) {
  opacity: 0 !important;
  transform: translate3d(0, 28px, 0) !important;
  transition:
    opacity 540ms ease var(--reveal-delay, 0ms),
    transform 540ms cubic-bezier(.2, .9, .2, 1) var(--reveal-delay, 0ms) !important;
}

body.spc-motion-fidelity.spc-fast-navigation .reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition:
    opacity 540ms ease var(--reveal-delay, 0ms),
    transform 540ms cubic-bezier(.2, .9, .2, 1) var(--reveal-delay, 0ms) !important;
}

body.spc-motion-fidelity.motion-ready [data-sequence] .page-intro > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .hero-copy > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .poster-hero__copy > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .poster-hero__meter > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .hero-actions > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .hero-card > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .feature-dossier > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .event-hero__content > *,
body.spc-motion-fidelity.motion-ready [data-sequence] .event-hero__stats > * {
  opacity: 0 !important;
  transform: translate3d(0, 24px, 0) scale(.985) !important;
  filter: none !important;
  animation: none !important;
  transition:
    opacity 620ms ease var(--enter-delay, 0ms),
    transform 620ms cubic-bezier(.2, .9, .2, 1) var(--enter-delay, 0ms) !important;
}

body.spc-motion-fidelity.motion-live [data-sequence] .page-intro > *,
body.spc-motion-fidelity.motion-live [data-sequence] .hero-copy > *,
body.spc-motion-fidelity.motion-live [data-sequence] .poster-hero__copy > *,
body.spc-motion-fidelity.motion-live [data-sequence] .poster-hero__meter > *,
body.spc-motion-fidelity.motion-live [data-sequence] .hero-actions > *,
body.spc-motion-fidelity.motion-live [data-sequence] .hero-card > *,
body.spc-motion-fidelity.motion-live [data-sequence] .feature-dossier > *,
body.spc-motion-fidelity.motion-live [data-sequence] .event-hero__content > *,
body.spc-motion-fidelity.motion-live [data-sequence] .event-hero__stats > * {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

body.spc-motion-fidelity.spc-atelier-experience .spc-atelier-reveal {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  transition:
    opacity .72s cubic-bezier(.16, 1, .3, 1) var(--atelier-delay, 0ms),
    transform .72s cubic-bezier(.16, 1, .3, 1) var(--atelier-delay, 0ms),
    filter .72s ease var(--atelier-delay, 0ms) !important;
}

body.spc-motion-fidelity.spc-atelier-experience.spc-visual-ready .spc-atelier-reveal:not(.is-revealed) {
  opacity: .001 !important;
  transform: translate3d(0, 12px, 0) scale(.996) !important;
  filter: blur(8px) !important;
  animation: none !important;
}

body.spc-motion-fidelity.spc-atelier-experience .spc-atelier-reveal.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
}

body.spc-motion-fidelity .spc-jaw-surface {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    opacity .78s cubic-bezier(.16, 1, .3, 1) var(--jaw-delay, 0ms),
    transform .78s cubic-bezier(.16, 1, .3, 1) var(--jaw-delay, 0ms),
    border-color .28s ease,
    box-shadow .42s ease,
    filter .42s ease !important;
}

body.spc-motion-fidelity.spc-jawdrop-experience.spc-visual-ready .spc-jaw-surface:not(.is-jaw-visible) {
  opacity: .001 !important;
  transform: translate3d(0, 16px, 0) scale(.992) !important;
  animation: none !important;
}

body.spc-motion-fidelity .spc-jaw-surface.is-jaw-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

body.spc-motion-fidelity.spc-performance-mode .spc-lux-pointer {
  display: block !important;
}

body.spc-motion-fidelity.spc-performance-mode .spc-ripple {
  animation: spcRipple .62s ease-out forwards !important;
  opacity: .55 !important;
}

body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface:hover,
body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface:focus-within,
body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface:hover,
body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface:focus-within,
body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface:hover,
body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface:focus-within {
  transform: translate3d(0, -3px, 0) !important;
}

body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface::before,
body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface::before,
body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface::after,
body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface::before,
body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface::after {
  transition-duration: .24s !important;
  animation-duration: initial !important;
}

/* Page change: atomic soft navigation with a short premium blur dissolve.
   The current viewport is kept as a temporary veil only while the next page has
   already been painted behind it, so the user never sees a blank shell or DOM break. */
body.spc-motion-fidelity.spc-soft-nav-pending [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-pending [data-spc-footer] {
  opacity: 1 !important;
  transform: none !important;
}

body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-footer] {
  opacity: .985 !important;
  transform: none !important;
  filter: blur(7px) saturate(.965) brightness(.992) !important;
  will-change: filter, opacity;
}

body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer] {
  animation: spc-soft-nav-blur-in 285ms cubic-bezier(.16, 1, .3, 1) both !important;
  will-change: filter, opacity;
}

[data-spc-soft-entering] {
  opacity: .982 !important;
  transform: none !important;
  filter: blur(10px) saturate(.955) brightness(.99) !important;
  will-change: filter, opacity;
}

.spc-soft-nav-veil {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
  contain: layout style paint;
  isolation: isolate;
  transform: translateZ(0);
}

.spc-soft-nav-veil::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(5,6,9,.12), rgba(5,6,9,.22));
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  transition: opacity 145ms ease, backdrop-filter 145ms cubic-bezier(.16, 1, .3, 1);
}

.spc-soft-nav-veil.is-leaving::after {
  opacity: 0;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.spc-soft-nav-veil__canvas {
  position: absolute;
  min-height: 100vh;
  will-change: opacity, filter;
  transform: translate3d(0, 0, 0);
  transform-origin: 50% 18%;
  transition:
    opacity 145ms ease,
    filter 165ms cubic-bezier(.16, 1, .3, 1),
    transform 165ms cubic-bezier(.16, 1, .3, 1);
  backface-visibility: hidden;
}

.spc-soft-nav-veil__main,
.spc-soft-nav-veil__footer {
  pointer-events: none !important;
  user-select: none !important;
}

.spc-soft-nav-veil.is-active .spc-soft-nav-veil__canvas {
  opacity: .58;
  filter: blur(12px) saturate(.91) brightness(.9);
}

.spc-soft-nav-veil.is-leaving .spc-soft-nav-veil__canvas {
  opacity: 0;
  filter: blur(24px) saturate(.88) brightness(.86);
  transform: translate3d(0, -1px, 0) scale(1.002);
}

@keyframes spc-soft-nav-blur-in {
  from {
    opacity: .955;
    filter: blur(12px) saturate(.955) brightness(.99);
  }
  to {
    opacity: 1;
    filter: blur(0) saturate(1);
  }
}

body.spc-motion-fidelity [data-spc-page-content],
body.spc-motion-fidelity [data-spc-footer] {
  transition: filter 185ms cubic-bezier(.16, 1, .3, 1), opacity 185ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .spc-soft-nav-veil { display: none !important; }
  body.spc-soft-nav-preparing [data-spc-page-content],
  body.spc-soft-nav-preparing [data-spc-footer],
  body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-page-content],
  body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-footer],
  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer],
  [data-spc-soft-entering] {
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface,
  body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface,
  body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface,
  body.spc-motion-fidelity.spc-performance-mode .btn {
    transition-duration: .22s !important;
  }

  body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface:hover,
  body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface:hover,
  body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface:hover,
  body.spc-motion-fidelity.spc-performance-mode .btn:hover {
    transform: none !important;
  }
}

/* Explicit transition restoration for browsers without cascade-layer revert semantics. */
body.spc-motion-fidelity.spc-performance-mode .spc-polish-surface,
body.spc-motion-fidelity.spc-performance-mode .spc-luxe-surface,
body.spc-motion-fidelity.spc-performance-mode .spc-jaw-surface,
body.spc-motion-fidelity.spc-performance-mode .marketplace-listing-card,
body.spc-motion-fidelity.spc-performance-mode .event-card,
body.spc-motion-fidelity.spc-performance-mode .member-card,
body.spc-motion-fidelity.spc-performance-mode .feed-post {
  transition:
    transform .24s var(--spc-ease-soft, cubic-bezier(.16, 1, .3, 1)),
    border-color .24s ease,
    background-color .24s ease,
    box-shadow .28s ease,
    filter .28s ease !important;
}

body.spc-motion-fidelity.spc-performance-mode .btn,
body.spc-motion-fidelity.spc-performance-mode .spc-tactile-control,
body.spc-motion-fidelity.spc-performance-mode .site-nav a {
  transition:
    transform .2s var(--spc-ease-soft, cubic-bezier(.16, 1, .3, 1)),
    border-color .18s ease,
    background-color .18s ease,
    box-shadow .24s ease,
    color .18s ease !important;
}

body.spc-motion-fidelity.spc-performance-mode img.spc-polish-image,
body.spc-motion-fidelity.spc-performance-mode img.spc-jaw-media {
  transition:
    opacity .38s ease,
    transform .75s var(--spc-ease-out, cubic-bezier(.16, 1, .3, 1)),
    filter .45s ease !important;
}


/* Full Fidelity Performance Engine: keep premium motion on every capable device.
   Optimization happens through lifecycle cleanup, delegation and compositor release,
   not through removing blur, depth or animations on lower-end hardware. */
body.spc-full-fidelity-engine {
  --spc-motion-scale: 1;
}

body.spc-full-fidelity-engine .spc-polish-surface,
body.spc-full-fidelity-engine .spc-luxe-surface,
body.spc-full-fidelity-engine .spc-jaw-surface,
body.spc-full-fidelity-engine .spc-tactile-control,
body.spc-full-fidelity-engine .btn,
body.spc-full-fidelity-engine .marketplace-listing-card,
body.spc-full-fidelity-engine .event-card,
body.spc-full-fidelity-engine .member-card,
body.spc-full-fidelity-engine .feed-post {
  backface-visibility: hidden;
}

body.spc-full-fidelity-engine .spc-soft-nav-veil,
body.spc-full-fidelity-engine [data-spc-page-content],
body.spc-full-fidelity-engine [data-spc-footer] {
  transform: translateZ(0);
}

/* Resource discipline pass: preserve premium motion, but stop permanent compositor
   promotion and heavy transition clones from inflating memory on long sessions. */
body.spc-memory-managed .spc-layer-settled,
body.spc-memory-managed .reveal.reveal-complete,
body.spc-memory-managed .spc-atelier-reveal.is-revealed,
body.spc-memory-managed .spc-jaw-surface.is-jaw-visible,
body.spc-memory-managed .spc-jaw-media,
body.spc-memory-managed img.spc-polish-image.is-loaded {
  will-change: auto !important;
}

body.spc-memory-managed .spc-jaw-surface:hover,
body.spc-memory-managed .spc-jaw-surface:focus-within,
body.spc-memory-managed .spc-polish-surface:hover,
body.spc-memory-managed .spc-polish-surface:focus-within,
body.spc-memory-managed .spc-luxe-surface:hover,
body.spc-memory-managed .spc-luxe-surface:focus-within,
body.spc-memory-managed .spc-jaw-media-frame:hover .spc-jaw-media,
body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-footer],
body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer],
body.spc-motion-fidelity [data-spc-soft-entering] {
  will-change: transform, opacity, filter !important;
}

body.spc-full-fidelity-engine .spc-soft-nav-veil__canvas,
body.spc-full-fidelity-engine .spc-soft-nav-veil__main,
body.spc-full-fidelity-engine .spc-soft-nav-veil__footer {
  contain: layout style paint;
}

/* Mobile soft navigation refinement: keep the desktop atomic blur intact, but avoid
   a long blurred waiting state on touch devices. Mobile prefetch/priming happens in JS;
   this layer only gives immediate tap feedback and reserves blur for the real swap. */
@media (hover: none), (pointer: coarse) {
  body.spc-soft-nav-pending,
  body.spc-soft-nav-pending * {
    cursor: default !important;
  }

  body.spc-soft-nav-preparing [data-spc-page-content],
  body.spc-soft-nav-preparing [data-spc-footer] {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .site-nav a.spc-soft-nav-link-pressed,
  .mobile-site-nav a.spc-soft-nav-link-pressed,
  #mobile-site-nav a.spc-soft-nav-link-pressed,
  .mobile-sticky-actions a.spc-soft-nav-link-pressed {
    opacity: .72 !important;
    transform: translate3d(0, 1px, 0) !important;
    transition: opacity 120ms ease, transform 120ms ease !important;
  }

  body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-page-content],
  body.spc-motion-fidelity.spc-soft-nav-swapping [data-spc-footer] {
    filter: blur(8px) saturate(.965) brightness(.992) !important;
  }

  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer] {
    animation-duration: 235ms !important;
  }

  .spc-soft-nav-veil::after {
    opacity: .20;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition-duration: 120ms;
  }

  .spc-soft-nav-veil__canvas {
    transition-duration: 120ms, 135ms, 135ms;
  }
}

/* Final Frame Stability Pass: preserve the premium visual system while removing
   remaining navigation-frame contention. This temporarily calms non-critical
   effects only during the soft-navigation swap window, so blur/glass/motion stay
   intact without competing for the same frame budget. */
body.spc-nav-frame-lock {
  --spc-nav-frame-lock: 1;
}

body.spc-nav-frame-lock .spc-ripple,
body.spc-nav-frame-lock .lux-cursor,
body.spc-nav-frame-lock .cursor,
body.spc-nav-frame-lock .spc-lux-pointer {
  opacity: 0 !important;
  transition-duration: 90ms !important;
}

body.spc-nav-frame-lock .reveal,
body.spc-nav-frame-lock .spc-atelier-reveal,
body.spc-nav-frame-lock .spc-jaw-surface,
body.spc-nav-frame-lock .spc-polish-surface,
body.spc-nav-frame-lock .spc-luxe-surface,
body.spc-nav-frame-lock .marketplace-listing-card,
body.spc-nav-frame-lock .event-card,
body.spc-nav-frame-lock .member-card,
body.spc-nav-frame-lock .feed-post {
  transition-delay: 0ms !important;
}

body.spc-nav-frame-lock .spc-polish-surface:hover,
body.spc-nav-frame-lock .spc-luxe-surface:hover,
body.spc-nav-frame-lock .spc-jaw-surface:hover,
body.spc-nav-frame-lock .marketplace-listing-card:hover,
body.spc-nav-frame-lock .event-card:hover,
body.spc-nav-frame-lock .member-card:hover,
body.spc-nav-frame-lock .feed-post:hover {
  transform: translate3d(0, -2px, 0) !important;
}

body.spc-nav-frame-lock [data-spc-page-content],
body.spc-nav-frame-lock [data-spc-footer],
body.spc-nav-frame-lock .spc-soft-nav-veil,
body.spc-nav-frame-lock .spc-soft-nav-veil__canvas {
  backface-visibility: hidden;
  transform: translateZ(0);
}

body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer] {
  animation-duration: 260ms !important;
}

.spc-soft-nav-veil__canvas {
  transition:
    opacity 132ms ease,
    filter 148ms cubic-bezier(.16, 1, .3, 1),
    transform 148ms cubic-bezier(.16, 1, .3, 1) !important;
}

.spc-soft-nav-veil::after {
  transition:
    opacity 132ms ease,
    backdrop-filter 148ms cubic-bezier(.16, 1, .3, 1),
    -webkit-backdrop-filter 148ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.spc-soft-nav-pending:not(.spc-soft-nav-swapping):not(.spc-soft-nav-committed) [data-spc-page-content],
body.spc-soft-nav-pending:not(.spc-soft-nav-swapping):not(.spc-soft-nav-committed) [data-spc-footer] {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

@media (hover: none), (pointer: coarse) {
  body.spc-nav-frame-lock .spc-polish-surface:hover,
  body.spc-nav-frame-lock .spc-luxe-surface:hover,
  body.spc-nav-frame-lock .spc-jaw-surface:hover,
  body.spc-nav-frame-lock .marketplace-listing-card:hover,
  body.spc-nav-frame-lock .event-card:hover,
  body.spc-nav-frame-lock .member-card:hover,
  body.spc-nav-frame-lock .feed-post:hover {
    transform: none !important;
  }

  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-page-content],
  body.spc-motion-fidelity.spc-soft-nav-committed [data-spc-footer] {
    animation-duration: 220ms !important;
  }
}

/* Runtime Smoothness Pass: remove the remaining scroll-time frame spikes without
   changing the visual identity. Blur/glass and page-transition blur stay intact;
   scroll reveals are made compositor-safe and large media is allowed to settle
   before heavy motion/hydration competes with scrolling. */
body.spc-runtime-smooth:not(.admin-body) main > section:nth-of-type(n + 3),
body.spc-runtime-smooth:not(.admin-body) .ops-page > section:nth-of-type(n + 2),
body.spc-runtime-smooth:not(.admin-body) .ops-page > div:nth-of-type(n + 3) {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-fast-navigation .reveal:not(.is-visible) {
  opacity: 0 !important;
  transform: translate3d(0, 16px, 0) !important;
  filter: none !important;
  transition:
    opacity 420ms ease var(--reveal-delay, 0ms),
    transform 420ms cubic-bezier(.2, .9, .2, 1) var(--reveal-delay, 0ms) !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-fast-navigation .reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  filter: none !important;
  transition:
    opacity 420ms ease var(--reveal-delay, 0ms),
    transform 420ms cubic-bezier(.2, .9, .2, 1) var(--reveal-delay, 0ms) !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-atelier-experience .spc-atelier-reveal {
  transition:
    opacity 460ms cubic-bezier(.16, 1, .3, 1) var(--atelier-delay, 0ms),
    transform 460ms cubic-bezier(.16, 1, .3, 1) var(--atelier-delay, 0ms) !important;
  filter: none !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-atelier-experience.spc-visual-ready .spc-atelier-reveal:not(.is-revealed) {
  opacity: .001 !important;
  transform: translate3d(0, 10px, 0) scale(.998) !important;
  filter: none !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-atelier-experience .spc-atelier-reveal.is-revealed {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: none !important;
}

body.spc-runtime-smooth.spc-motion-fidelity .spc-jaw-surface {
  transition:
    opacity 480ms cubic-bezier(.16, 1, .3, 1) var(--jaw-delay, 0ms),
    transform 480ms cubic-bezier(.16, 1, .3, 1) var(--jaw-delay, 0ms),
    border-color .22s ease,
    box-shadow .30s ease !important;
  filter: none !important;
}

body.spc-runtime-smooth.spc-motion-fidelity.spc-jawdrop-experience.spc-visual-ready .spc-jaw-surface:not(.is-jaw-visible) {
  opacity: .001 !important;
  transform: translate3d(0, 12px, 0) scale(.996) !important;
  filter: none !important;
}

body.spc-runtime-smooth.spc-motion-fidelity .spc-jaw-surface.is-jaw-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: none !important;
}

body.spc-runtime-smooth img.spc-polish-image,
body.spc-runtime-smooth img.spc-jaw-media {
  filter: none !important;
  transition:
    opacity 220ms ease,
    transform 440ms cubic-bezier(.16, 1, .3, 1) !important;
}

body.spc-runtime-smooth img.spc-polish-image:not(.is-loaded),
body.spc-runtime-smooth img.spc-jaw-media:not(.is-loaded) {
  opacity: .985 !important;
  transform: translate3d(0, 0, 0) !important;
}

body.spc-runtime-smooth.spc-is-scrolling .spc-lux-pointer,
body.spc-runtime-smooth.spc-is-scrolling .lux-cursor,
body.spc-runtime-smooth.spc-is-scrolling .cursor {
  opacity: 0 !important;
  transition-duration: 90ms !important;
}

body.spc-runtime-smooth.spc-is-scrolling .spc-polish-surface:hover,
body.spc-runtime-smooth.spc-is-scrolling .spc-luxe-surface:hover,
body.spc-runtime-smooth.spc-is-scrolling .spc-jaw-surface:hover,
body.spc-runtime-smooth.spc-is-scrolling .marketplace-listing-card:hover,
body.spc-runtime-smooth.spc-is-scrolling .event-card:hover,
body.spc-runtime-smooth.spc-is-scrolling .member-card:hover,
body.spc-runtime-smooth.spc-is-scrolling .feed-post:hover {
  transform: translate3d(0, 0, 0) !important;
}

body.spc-runtime-smooth.spc-is-scrolling .spc-polish-surface,
body.spc-runtime-smooth.spc-is-scrolling .spc-luxe-surface,
body.spc-runtime-smooth.spc-is-scrolling .spc-jaw-surface,
body.spc-runtime-smooth.spc-is-scrolling .marketplace-listing-card,
body.spc-runtime-smooth.spc-is-scrolling .event-card,
body.spc-runtime-smooth.spc-is-scrolling .member-card,
body.spc-runtime-smooth.spc-is-scrolling .feed-post {
  transition-property: opacity, transform, border-color, box-shadow !important;
}

/* Keep the premium blur reserved for actual page swaps, not scroll reveals. */
body.spc-runtime-smooth.spc-soft-nav-swapping [data-spc-page-content],
body.spc-runtime-smooth.spc-soft-nav-swapping [data-spc-footer],
body.spc-runtime-smooth.spc-soft-nav-committed [data-spc-page-content],
body.spc-runtime-smooth.spc-soft-nav-committed [data-spc-footer],
body.spc-runtime-smooth [data-spc-soft-entering],
body.spc-runtime-smooth .spc-soft-nav-veil__canvas,
body.spc-runtime-smooth .spc-soft-nav-veil::after {
  will-change: opacity, filter, transform !important;
}

/* Giant Runtime Stability Pass
   Purpose: keep the SPC visual identity intact, but remove scroll-time flicker,
   reveal jitter and frame spikes caused by overlapping reveal engines. */
body.spc-giant-runtime-pass:not(.admin-body) main,
body.spc-giant-runtime-pass:not(.admin-body) [data-spc-page-content] {
  overflow-anchor: none;
  contain: none;
}

body.spc-giant-runtime-pass:not(.admin-body) main > section,
body.spc-giant-runtime-pass:not(.admin-body) .ops-page > section,
body.spc-giant-runtime-pass:not(.admin-body) .ops-page > div {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

body.spc-giant-runtime-pass .reveal,
body.spc-giant-runtime-pass .spc-atelier-reveal,
body.spc-giant-runtime-pass .spc-jaw-surface,
body.spc-giant-runtime-pass [data-sequence] .page-intro > *,
body.spc-giant-runtime-pass [data-sequence] .poster-hero__copy > *,
body.spc-giant-runtime-pass [data-sequence] .poster-hero__meter > *,
body.spc-giant-runtime-pass [data-sequence] .hero-copy > *,
body.spc-giant-runtime-pass [data-sequence] .hero-actions > *,
body.spc-giant-runtime-pass [data-sequence] .hero-card > *,
body.spc-giant-runtime-pass [data-sequence] .feature-dossier > *,
body.spc-giant-runtime-pass [data-sequence] .event-hero__content > *,
body.spc-giant-runtime-pass [data-sequence] .event-hero__stats > * {
  backface-visibility: hidden;
  transform-style: flat;
  -webkit-font-smoothing: antialiased;
}

body.spc-giant-runtime-pass.spc-fast-navigation .reveal:not(.is-visible),
body.spc-giant-runtime-pass.spc-atelier-experience.spc-visual-ready .spc-atelier-reveal:not(.is-revealed),
body.spc-giant-runtime-pass.spc-jawdrop-experience.spc-visual-ready .spc-jaw-surface:not(.is-jaw-visible) {
  opacity: 0 !important;
  transform: translate3d(0, 10px, 0) scale(.998) !important;
  filter: none !important;
  transition:
    opacity 340ms cubic-bezier(.22, .9, .2, 1) var(--reveal-delay, 0ms),
    transform 340ms cubic-bezier(.22, .9, .2, 1) var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform;
}

body.spc-giant-runtime-pass.spc-fast-navigation .reveal.is-visible,
body.spc-giant-runtime-pass.spc-atelier-experience .spc-atelier-reveal.is-revealed,
body.spc-giant-runtime-pass.spc-jawdrop-experience .spc-jaw-surface.is-jaw-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: none !important;
  transition:
    opacity 340ms cubic-bezier(.22, .9, .2, 1) var(--reveal-delay, 0ms),
    transform 340ms cubic-bezier(.22, .9, .2, 1) var(--reveal-delay, 0ms),
    border-color 180ms ease,
    box-shadow 220ms ease !important;
}

body.spc-giant-runtime-pass .reveal.reveal-complete,
body.spc-giant-runtime-pass .spc-atelier-reveal.is-revealed.spc-layer-settled,
body.spc-giant-runtime-pass .spc-jaw-surface.is-jaw-visible.spc-layer-settled {
  will-change: auto !important;
}

body.spc-giant-runtime-pass.motion-ready [data-sequence] .page-intro > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .hero-copy > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .poster-hero__copy > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .poster-hero__meter > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .hero-actions > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .hero-card > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .feature-dossier > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .event-hero__content > *,
body.spc-giant-runtime-pass.motion-ready [data-sequence] .event-hero__stats > * {
  transform: translate3d(0, 12px, 0) scale(.997) !important;
  filter: none !important;
  transition:
    opacity 420ms cubic-bezier(.18, .88, .22, 1) var(--enter-delay, 0ms),
    transform 420ms cubic-bezier(.18, .88, .22, 1) var(--enter-delay, 0ms) !important;
}

body.spc-giant-runtime-pass.motion-live [data-sequence] .page-intro > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .hero-copy > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .poster-hero__copy > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .poster-hero__meter > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .hero-actions > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .hero-card > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .feature-dossier > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .event-hero__content > *,
body.spc-giant-runtime-pass.motion-live [data-sequence] .event-hero__stats > * {
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: none !important;
}

body.spc-giant-runtime-pass.spc-is-scrolling .spc-lux-pointer,
body.spc-giant-runtime-pass.spc-is-scrolling .lux-cursor,
body.spc-giant-runtime-pass.spc-is-scrolling .cursor {
  opacity: 0 !important;
  transition-duration: 80ms !important;
}

body.spc-giant-runtime-pass.spc-is-scrolling .spc-polish-surface,
body.spc-giant-runtime-pass.spc-is-scrolling .spc-luxe-surface,
body.spc-giant-runtime-pass.spc-is-scrolling .spc-jaw-surface,
body.spc-giant-runtime-pass.spc-is-scrolling .marketplace-listing-card,
body.spc-giant-runtime-pass.spc-is-scrolling .event-card,
body.spc-giant-runtime-pass.spc-is-scrolling .member-card,
body.spc-giant-runtime-pass.spc-is-scrolling .feed-post {
  transition-property: opacity, transform, border-color, box-shadow, background-color !important;
}

body.spc-giant-runtime-pass.spc-is-scrolling .spc-polish-surface:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .spc-luxe-surface:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .spc-jaw-surface:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .marketplace-listing-card:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .event-card:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .member-card:hover,
body.spc-giant-runtime-pass.spc-is-scrolling .feed-post:hover {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

body.spc-giant-runtime-pass img.spc-polish-image,
body.spc-giant-runtime-pass img.spc-jaw-media,
body.spc-giant-runtime-pass .event-hero img,
body.spc-giant-runtime-pass .poster-hero img,
body.spc-giant-runtime-pass .marketplace-image-gallery img,
body.spc-giant-runtime-pass .gallery-premium-stage img {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  filter: none !important;
}

body.spc-giant-runtime-pass.spc-soft-nav-swapping [data-spc-page-content],
body.spc-giant-runtime-pass.spc-soft-nav-swapping [data-spc-footer],
body.spc-giant-runtime-pass.spc-soft-nav-committed [data-spc-page-content],
body.spc-giant-runtime-pass.spc-soft-nav-committed [data-spc-footer] {
  will-change: opacity, filter, transform !important;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  body.spc-giant-runtime-pass .reveal,
  body.spc-giant-runtime-pass .spc-atelier-reveal,
  body.spc-giant-runtime-pass .spc-jaw-surface,
  body.spc-giant-runtime-pass [data-sequence] * {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* Pass: Mobile Compositor Flicker Fix
   Stabilises mobile hero/background painting without changing the visible SPC design. */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body.spc-mobile-compositor-fix:not(.admin-body) {
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .grain-overlay,
  body.spc-mobile-compositor-fix:not(.admin-body) .ambient-glow,
  body.spc-mobile-compositor-fix:not(.admin-body) .scroll-progress,
  body.spc-mobile-compositor-fix:not(.admin-body) [data-header] {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell {
    isolation: isolate;
    contain: paint style;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-layer,
  body.spc-mobile-compositor-fix:not(.admin-body) .home-hero__backdrop,
  body.spc-mobile-compositor-fix:not(.admin-body) .event-hero__backdrop,
  body.spc-mobile-compositor-fix:not(.admin-body) .poster-hero__image,
  body.spc-mobile-compositor-fix:not(.admin-body) .poster-hero__veil,
  body.spc-mobile-compositor-fix:not(.admin-body) .event-hero__gradient,
  body.spc-mobile-compositor-fix:not(.admin-body) .landing-hero__media,
  body.spc-mobile-compositor-fix:not(.admin-body) .landing-hero__veil,
  body.spc-mobile-compositor-fix:not(.admin-body) .dossier-hero__media,
  body.spc-mobile-compositor-fix:not(.admin-body) .dossier-hero__scrim {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    contain: paint;
    will-change: auto !important;
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-media,
  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell img,
  body.spc-mobile-compositor-fix:not(.admin-body) .home-hero__backdrop img,
  body.spc-mobile-compositor-fix:not(.admin-body) .event-hero__backdrop img,
  body.spc-mobile-compositor-fix:not(.admin-body) .poster-hero__image img,
  body.spc-mobile-compositor-fix:not(.admin-body) .landing-hero__media img,
  body.spc-mobile-compositor-fix:not(.admin-body) .dossier-hero__media img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    contain: paint;
    will-change: auto !important;
  }

  body.spc-mobile-compositor-fix:not(.admin-body).spc-is-scrolling .spc-mobile-hero-shell,
  body.spc-mobile-compositor-fix:not(.admin-body).spc-is-scrolling .spc-mobile-hero-layer,
  body.spc-mobile-compositor-fix:not(.admin-body).spc-is-scrolling .spc-mobile-hero-media {
    transition-property: opacity, transform !important;
    animation-play-state: paused !important;
  }

  body.spc-mobile-compositor-fix:not(.admin-body).spc-mobile-hero-in-view .ambient-glow,
  body.spc-mobile-compositor-fix:not(.admin-body).spc-is-scrolling .ambient-glow {
    transform: translate3d(0, 0, 0) scale(1.0001);
    -webkit-transform: translate3d(0, 0, 0) scale(1.0001);
  }

  body.spc-mobile-compositor-fix:not(.admin-body).spc-mobile-hero-in-view .grain-overlay {
    transform: translate3d(0, 0, 0) scale(1.0001);
    -webkit-transform: translate3d(0, 0, 0) scale(1.0001);
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell .spc-polish-surface,
  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell .spc-luxe-surface,
  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell .spc-jaw-surface {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  body.spc-mobile-compositor-fix:not(.admin-body) .spc-mobile-hero-shell [data-parallax] {
    will-change: auto !important;
  }
}

/* Pass: Mobile Hard Stability Pipeline
   Keeps the SPC visual system intact, but removes mobile-only runtime repaint triggers that caused hero flicker. */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body.spc-mobile-hard-pass:not(.admin-body) {
    overscroll-behavior-y: contain;
    -webkit-tap-highlight-color: transparent;
  }

  /* Keep public hero layers stable. Do not change visual design, only force deterministic compositing. */
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell {
    isolation: isolate !important;
    contain: paint !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -webkit-mask-image: linear-gradient(#000, #000);
    mask-image: linear-gradient(#000, #000);
  }

  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-layer,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-media,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell img,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell picture,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell video,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell .absolute.inset-0,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell [class*="gradient"],
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell [class*="backdrop"],
  body.spc-mobile-hard-pass:not(.admin-body) .spc-mobile-hero-shell [class*="veil"] {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: auto !important;
    contain: paint !important;
  }

  /* The previous mobile flicker fix changed animation-play-state while scrolling.
     That creates visible layer invalidation on iOS/Android over large hero images. */
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .spc-mobile-hero-shell,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .spc-mobile-hero-layer,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .spc-mobile-hero-media,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .spc-mobile-hero-shell img,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .spc-mobile-hero-shell .absolute.inset-0 {
    animation-play-state: running !important;
    transition-property: opacity, transform, background-color, border-color, box-shadow !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }

  /* Avoid full-page style invalidations while hero is in view. */
  body.spc-mobile-hard-pass:not(.admin-body).spc-mobile-hero-in-view .ambient-glow,
  body.spc-mobile-hard-pass:not(.admin-body).spc-mobile-hero-in-view .grain-overlay,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .ambient-glow,
  body.spc-mobile-hard-pass:not(.admin-body).spc-is-scrolling .grain-overlay {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }

  /* Header stays premium/glassy, but without contain:paint invalidation over hero media. */
  body.spc-mobile-hard-pass:not(.admin-body) [data-header] {
    contain: none !important;
    isolation: isolate;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  /* Mobile reveal work is pre-settled by JS. Keep it visually clean and compositor-safe. */
  body.spc-mobile-hard-pass:not(.admin-body) .reveal,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-atelier-reveal,
  body.spc-mobile-hard-pass:not(.admin-body) .spc-jaw-surface {
    filter: none !important;
    will-change: auto !important;
  }

  body.spc-mobile-hard-pass:not(.admin-body) .reveal:not(.is-visible),
  body.spc-mobile-hard-pass:not(.admin-body) .spc-atelier-reveal:not(.is-revealed),
  body.spc-mobile-hard-pass:not(.admin-body) .spc-jaw-surface:not(.is-jaw-visible) {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }

  /* Do not let the navigation pending state blur or visually block mobile taps. */
  body.spc-mobile-hard-pass:not(.admin-body).spc-soft-nav-pending [data-spc-page-content],
  body.spc-mobile-hard-pass:not(.admin-body).spc-soft-nav-pending [data-spc-footer],
  body.spc-mobile-hard-pass:not(.admin-body).spc-soft-nav-preparing [data-spc-page-content],
  body.spc-mobile-hard-pass:not(.admin-body).spc-soft-nav-preparing [data-spc-footer] {
    filter: none !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
  }
}

/* Pass: Mobile Hero Hard-Lock Runtime Stabilization
   The desktop runtime is already smooth. This mobile-only layer keeps the visible SPC design
   but stops scroll-driven global depth, ambient, header-glass and hero media repaints from
   competing over large hero images. */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body.spc-mobile-hero-hardlock:not(.admin-body),
  body.spc-mobile-static-depth:not(.admin-body) {
    --page-depth: 0 !important;
  }

  body.spc-mobile-static-depth:not(.admin-body)::before {
    transform: none !important;
    opacity: .14 !important;
    transition: none !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .ambient-glow,
  body.spc-mobile-static-depth:not(.admin-body) .ambient-glow {
    background:
      radial-gradient(circle at 50% 8%, rgba(245, 5, 56, .095), transparent 28rem),
      radial-gradient(circle at 86% 28%, rgba(255, 255, 255, .035), transparent 24rem),
      linear-gradient(180deg, rgba(255, 255, 255, .012), transparent 38%) !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
    contain: strict !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .ambient-glow::before,
  body.spc-mobile-hero-hardlock:not(.admin-body) .ambient-glow::after,
  body.spc-mobile-static-depth:not(.admin-body) .ambient-glow::before,
  body.spc-mobile-static-depth:not(.admin-body) .ambient-glow::after {
    animation: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
    opacity: .38 !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .grain-overlay,
  body.spc-mobile-static-depth:not(.admin-body) .grain-overlay {
    opacity: .022 !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
    contain: strict !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .scroll-progress {
    contain: strict !important;
    will-change: transform !important;
  }

  /* Mobile glass fallback: visually close to the premium header, but avoids live backdrop sampling
     while the browser is compositing a full-screen hero image underneath. */
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(16, 17, 19, .88), rgba(10, 10, 10, .76)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell,
  body.spc-mobile-hero-hardlock:not(.admin-body) .poster-hero,
  body.spc-mobile-hero-hardlock:not(.admin-body) .home-hero,
  body.spc-mobile-hero-hardlock:not(.admin-body) .event-hero,
  body.spc-mobile-hero-hardlock:not(.admin-body) .landing-hero,
  body.spc-mobile-hero-hardlock:not(.admin-body) .dossier-hero,
  body.spc-mobile-hero-hardlock:not(.admin-body) section:has(img[data-parallax]) {
    isolation: isolate !important;
    contain: paint !important;
    overflow: hidden !important;
    transform: none !important;
    -webkit-transform: none !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell picture,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell video,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-media,
  body.spc-mobile-hero-hardlock:not(.admin-body) img[data-parallax],
  body.spc-mobile-hero-hardlock:not(.admin-body) .poster-hero__image,
  body.spc-mobile-hero-hardlock:not(.admin-body) .poster-hero__image img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .event-hero img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .home-hero img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .landing-hero__media,
  body.spc-mobile-hero-hardlock:not(.admin-body) .landing-hero__media img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .dossier-hero__media,
  body.spc-mobile-hero-hardlock:not(.admin-body) .dossier-hero__media img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: auto !important;
    contain: paint !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-layer,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .absolute.inset-0,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell [class*="gradient"],
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell [class*="backdrop"],
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell [class*="veil"] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    will-change: auto !important;
    contain: paint !important;
  }

  /* Keep hero copy premium, but never animate huge hero layers while the user scrolls. */
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .hero-copy,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .event-hero__content,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .event-hero__stats,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .poster-hero__copy,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell .poster-hero__meter {
    filter: none !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell *,
  body.spc-mobile-hero-hardlock:not(.admin-body) section:has(img[data-parallax]) * {
    scroll-margin-top: 0;
  }
}


/* Mobile Header Glass Restore + Stable Hero Viewport Fix
   Keeps the hard-lock performance gain, but restores a visible premium mobile header blur
   and prevents dynamic mobile browser chrome from resizing hero sections while scrolling
   back into them. */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header {
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    contain: layout paint style !important;
    isolation: isolate !important;
    will-change: auto !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(16, 17, 19, .76), rgba(8, 8, 9, .58)),
      radial-gradient(circle at 18% 0%, rgba(245, 5, 56, .10), transparent 42%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(142%) !important;
    backdrop-filter: blur(15px) saturate(142%) !important;
    border-color: rgba(255, 255, 255, .10) !important;
    box-shadow:
      0 18px 48px rgba(0, 0, 0, .34),
      0 0 0 1px rgba(255, 255, 255, .045) inset,
      0 1px 0 rgba(255, 255, 255, .09) inset !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    contain: layout paint style !important;
    isolation: isolate !important;
    will-change: auto !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, backdrop-filter .18s ease !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(16, 17, 19, .84), rgba(8, 8, 9, .66)),
      radial-gradient(circle at 18% 0%, rgba(245, 5, 56, .11), transparent 42%) !important;
    -webkit-backdrop-filter: blur(17px) saturate(148%) !important;
    backdrop-filter: blur(17px) saturate(148%) !important;
  }

  body.spc-mobile-stable-viewport:not(.admin-body) .spc-mobile-hero-shell,
  body.spc-mobile-stable-viewport:not(.admin-body) .home-hero,
  body.spc-mobile-stable-viewport:not(.admin-body) .landing-hero,
  body.spc-mobile-stable-viewport:not(.admin-body) .dossier-hero,
  body.spc-mobile-stable-viewport:not(.admin-body) section:has(img[data-parallax]) {
    min-height: var(--spc-mobile-hero-height, calc(var(--spc-mobile-vh, 1vh) * 100)) !important;
    max-height: none !important;
  }

  body.spc-mobile-stable-viewport:not(.admin-body) .event-hero,
  body.spc-mobile-stable-viewport:not(.admin-body) section:has(.event-hero__content) {
    min-height: calc(var(--spc-mobile-vh, 1vh) * 68) !important;
    max-height: none !important;
  }

  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell > .absolute.inset-0,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-shell img,
  body.spc-mobile-hero-hardlock:not(.admin-body) .spc-mobile-hero-media {
    transform-origin: center center !important;
    -webkit-transform-origin: center center !important;
  }
}

/* Header Shell Isolation + Mobile Glass Refinement Pass
   The outer fixed header must never paint a full-width frosted browser bar.
   Only the actual header capsule/shell owns the glass, shadow and border. */
body:not(.admin-body) .site-header,
body.spc-performance-mode:not(.admin-body) .site-header,
body.spc-atelier-experience:not(.admin-body) .site-header,
body.spc-million-polish:not(.admin-body) .site-header,
body.spc-mobile-hero-hardlock:not(.admin-body) .site-header {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  isolation: isolate !important;
}

body:not(.admin-body) .site-header::before,
body:not(.admin-body) .site-header::after,
body:not(.admin-body) [data-header]::before,
body:not(.admin-body) [data-header]::after {
  content: none !important;
  display: none !important;
}

body:not(.admin-body) .site-header > .max-w-\[1400px\] {
  position: relative !important;
  z-index: 2 !important;
}

body:not(.admin-body) .site-header [data-header-shell] {
  background:
    linear-gradient(135deg, rgba(15, 16, 18, .58), rgba(8, 9, 11, .38)),
    radial-gradient(circle at 12% 0%, rgba(245, 5, 56, .085), transparent 42%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(155%) !important;
  backdrop-filter: blur(20px) saturate(155%) !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .30),
    0 0 0 1px rgba(255, 255, 255, .045) inset,
    0 1px 0 rgba(255, 255, 255, .10) inset !important;
  overflow: visible !important;
  isolation: isolate !important;
  contain: layout style !important;
}

body:not(.admin-body) .site-header.is-scrolled [data-header-shell],
body:not(.admin-body) [data-header].is-scrolled [data-header-shell] {
  background:
    linear-gradient(135deg, rgba(15, 16, 18, .66), rgba(8, 9, 11, .46)),
    radial-gradient(circle at 12% 0%, rgba(245, 5, 56, .09), transparent 42%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%) !important;
  backdrop-filter: blur(22px) saturate(160%) !important;
  box-shadow:
    0 22px 68px rgba(0, 0, 0, .38),
    0 0 0 1px rgba(255, 255, 255, .055) inset,
    0 1px 0 rgba(255, 255, 255, .12) inset !important;
}

@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body:not(.admin-body) .site-header {
    contain: layout style !important;
  }

  body:not(.admin-body) .site-header [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(15, 16, 18, .60), rgba(8, 9, 11, .40)),
      radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .095), transparent 40%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    border-color: rgba(255, 255, 255, .13) !important;
    box-shadow:
      0 16px 44px rgba(0, 0, 0, .34),
      0 0 0 1px rgba(255, 255, 255, .05) inset,
      0 1px 0 rgba(255, 255, 255, .11) inset !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    contain: layout style !important;
    isolation: isolate !important;
    will-change: auto !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  }

  body:not(.admin-body) .site-header.is-scrolled [data-header-shell],
  body:not(.admin-body) [data-header].is-scrolled [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(15, 16, 18, .68), rgba(8, 9, 11, .48)),
      radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .105), transparent 40%) !important;
    -webkit-backdrop-filter: blur(17px) saturate(154%) !important;
    backdrop-filter: blur(17px) saturate(154%) !important;
  }
}

/* Header Transparent Glass Calibration Pass
   Keep the exterior header completely invisible and make the real capsule feel like
   transparent frosted glass instead of a dark block, especially on mobile. */
body:not(.admin-body) .site-header,
body:not(.admin-body) [data-header] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
}

body:not(.admin-body) .site-header > .max-w-\[1400px\],
body:not(.admin-body) [data-header] > .max-w-\[1400px\] {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) [data-header],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header,
  body.spc-mobile-hero-hardlock:not(.admin-body) [data-header] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
  }

  body:not(.admin-body) .site-header [data-header-shell],
  body:not(.admin-body) [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) [data-header].is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(18, 19, 21, .34), rgba(8, 9, 11, .16)),
      radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .055), transparent 42%) !important;
    -webkit-backdrop-filter: blur(19px) saturate(168%) !important;
    backdrop-filter: blur(19px) saturate(168%) !important;
    border-color: rgba(255, 255, 255, .145) !important;
    box-shadow:
      0 16px 42px rgba(0, 0, 0, .24),
      0 0 0 1px rgba(255, 255, 255, .055) inset,
      0 1px 0 rgba(255, 255, 255, .13) inset !important;
  }

  body:not(.admin-body) .site-header.is-scrolled [data-header-shell],
  body:not(.admin-body) [data-header].is-scrolled [data-header-shell],
  body.spc-mobile-hero-hardlock:not(.admin-body) .site-header.is-scrolled [data-header-shell] {
    background:
      linear-gradient(135deg, rgba(18, 19, 21, .42), rgba(8, 9, 11, .22)),
      radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .06), transparent 42%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(172%) !important;
    backdrop-filter: blur(20px) saturate(172%) !important;
    box-shadow:
      0 18px 48px rgba(0, 0, 0, .28),
      0 0 0 1px rgba(255, 255, 255, .06) inset,
      0 1px 0 rgba(255, 255, 255, .14) inset !important;
  }
}

/* Lovable Premium Design + Motion Translation Pass
   Goal: improve perceived luxury, motion quality and component consistency without
   removing the current SPC design system or adding mobile-heavy effects. */
:root {
  --spc-lovable-ease: cubic-bezier(.22, 1, .36, 1);
  --spc-lovable-ease-out: cubic-bezier(.16, 1, .3, 1);
  --spc-lovable-surface: rgba(17, 18, 20, .86);
  --spc-lovable-surface-strong: rgba(17, 18, 20, .94);
  --spc-lovable-border: rgba(255, 255, 255, .105);
  --spc-lovable-border-hot: rgba(245, 5, 56, .34);
  --spc-lovable-shadow: 0 28px 70px rgba(0, 0, 0, .32);
  --spc-lovable-red-glow: 0 18px 42px rgba(245, 5, 56, .16);
}

body.spc-lovable-polish:not(.admin-body) {
  text-rendering: geometricPrecision;
}

body.spc-lovable-polish:not(.admin-body) .site-header [data-header-shell] {
  transition:
    background-color 220ms var(--spc-lovable-ease),
    border-color 220ms var(--spc-lovable-ease),
    box-shadow 220ms var(--spc-lovable-ease),
    transform 220ms var(--spc-lovable-ease) !important;
}

body.spc-lovable-polish:not(.admin-body) .site-header [data-header-shell]:hover {
  border-color: rgba(255, 255, 255, .17) !important;
  box-shadow:
    0 22px 54px rgba(0, 0, 0, .30),
    0 1px 0 rgba(255, 255, 255, .15) inset,
    0 0 0 1px rgba(245, 5, 56, .055) inset !important;
}

body.spc-lovable-polish:not(.admin-body) :is(.feature-dossier, .spc-luxe-surface, .spc-jaw-surface, .marketplace-card, .member-card, .event-card, .format-card, .gallery-card, .route-card, .rounded-md.border, .rounded-lg.border, .rounded-xl.border, .rounded-2xl.border) {
  border-color: rgba(255, 255, 255, .09);
  background-image:
    linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012) 42%, rgba(245, 5, 56, .026)),
    linear-gradient(180deg, rgba(17, 18, 20, .92), rgba(9, 10, 12, .90));
  box-shadow:
    0 24px 64px rgba(0, 0, 0, .28),
    0 1px 0 rgba(255, 255, 255, .055) inset;
  transition:
    transform 220ms var(--spc-lovable-ease),
    border-color 220ms var(--spc-lovable-ease),
    box-shadow 220ms var(--spc-lovable-ease),
    background-color 220ms var(--spc-lovable-ease);
}

@media (hover: hover) and (pointer: fine) {
  body.spc-lovable-polish:not(.admin-body):not(.spc-is-scrolling):not(.spc-nav-frame-lock) :is(.feature-dossier, .spc-luxe-surface, .spc-jaw-surface, .marketplace-card, .member-card, .event-card, .format-card, .gallery-card, .route-card):hover {
    transform: translate3d(0, -3px, 0);
    border-color: rgba(255, 255, 255, .16);
    box-shadow:
      0 34px 86px rgba(0, 0, 0, .36),
      0 18px 48px rgba(245, 5, 56, .08),
      0 1px 0 rgba(255, 255, 255, .07) inset;
  }
}

body.spc-lovable-polish:not(.admin-body) :is(.btn, .spc-tactile-control, .site-nav__link, button, .marketplace-watch-button) {
  transition:
    transform 180ms var(--spc-lovable-ease),
    border-color 180ms var(--spc-lovable-ease),
    background-color 180ms var(--spc-lovable-ease),
    color 180ms var(--spc-lovable-ease),
    box-shadow 180ms var(--spc-lovable-ease);
}

@media (hover: hover) and (pointer: fine) {
  body.spc-lovable-polish:not(.admin-body):not(.spc-is-scrolling):not(.spc-nav-frame-lock) :is(.btn, .spc-tactile-control, .marketplace-watch-button):hover {
    transform: translate3d(0, -1px, 0);
  }
}

body.spc-lovable-polish:not(.admin-body) .hero-copy :is(h1, h2) {
  letter-spacing: -.045em;
  text-shadow: 0 18px 48px rgba(0, 0, 0, .42);
}

body.spc-lovable-polish:not(.admin-body) .hero-actions :is(a, button, span) {
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
}

body.spc-lovable-polish:not(.admin-body) .reveal:not(.is-visible),
body.spc-lovable-polish:not(.admin-body) .reveal-fade:not(.is-visible) {
  opacity: .001;
  transform: translate3d(0, 16px, 0) scale(.996);
}

body.spc-lovable-polish:not(.admin-body) .reveal.is-visible,
body.spc-lovable-polish:not(.admin-body) .reveal-fade.is-visible,
body.spc-lovable-polish:not(.admin-body) .is-jaw-visible {
  transition-timing-function: var(--spc-lovable-ease-out) !important;
}

body.spc-lovable-polish:not(.admin-body) :is(img, video) {
  backface-visibility: hidden;
}

/* Keep the Lovable polish lightweight on mobile. The premium look remains, but no
   extra hover depth or scroll-time filter work is introduced. */
@media (hover: none), (pointer: coarse), (max-width: 900px) {
  body.spc-lovable-polish:not(.admin-body) :is(.feature-dossier, .spc-luxe-surface, .spc-jaw-surface, .marketplace-card, .member-card, .event-card, .format-card, .gallery-card, .route-card) {
    transition-duration: 160ms;
  }

  body.spc-lovable-polish:not(.admin-body) .hero-actions :is(a, button, span) {
    backdrop-filter: blur(10px) saturate(124%);
    -webkit-backdrop-filter: blur(10px) saturate(124%);
  }
}

/* Premium Non-Redesign Visual Refinement Pass
   Controlled final layer: public-facing hierarchy, surfaces, buttons, marketplace,
   forms and mobile polish without changing routing, layout architecture or runtime JS. */
:root {
  --spc-refine-black: #08090a;
  --spc-refine-panel: rgba(14, 15, 17, .92);
  --spc-refine-panel-soft: rgba(18, 19, 21, .82);
  --spc-refine-panel-warm: rgba(18, 17, 17, .88);
  --spc-refine-line: rgba(255, 255, 255, .105);
  --spc-refine-line-soft: rgba(255, 255, 255, .07);
  --spc-refine-line-strong: rgba(255, 255, 255, .155);
  --spc-refine-text: rgba(244, 245, 247, .94);
  --spc-refine-muted: rgba(244, 245, 247, .64);
  --spc-refine-muted-soft: rgba(244, 245, 247, .48);
  --spc-refine-red: #f50538;
  --spc-refine-red-soft: rgba(245, 5, 56, .16);
  --spc-refine-radius-sm: 8px;
  --spc-refine-radius: 14px;
  --spc-refine-radius-lg: 22px;
  --spc-refine-shadow: 0 26px 72px rgba(0, 0, 0, .34);
  --spc-refine-shadow-soft: 0 18px 48px rgba(0, 0, 0, .26);
  --spc-refine-inner-line: inset 0 1px 0 rgba(255, 255, 255, .055);
  --spc-refine-ease: cubic-bezier(.22, 1, .36, 1);
}

body:not(.admin-body) {
  color: var(--spc-refine-text);
  background:
    radial-gradient(circle at 15% 0%, rgba(245, 5, 56, .105), transparent 30rem),
    radial-gradient(circle at 86% 14%, rgba(138, 141, 143, .085), transparent 28rem),
    linear-gradient(180deg, #111317 0%, #0b0c0e 38%, #070809 100%);
}

body:not(.admin-body) main {
  text-rendering: geometricPrecision;
}

body:not(.admin-body) main > :where(section, div[class*="pt-"]) {
  scroll-margin-top: 112px;
}

body:not(.admin-body) main :where(section) + :where(section) {
  margin-top: clamp(2.2rem, 4vw, 4.75rem);
}

body:not(.admin-body) :where(
  .section-heading-row,
  .marketplace-section__head,
  .member-profile-activity__head,
  .member-profile-visuals__headline,
  .dossier-block__head,
  .month-band__head,
  .gallery-premium-head,
  .marketplace-subpage-header,
  .marketplace-form-header,
  .marketplace-detail-header
) {
  letter-spacing: normal;
}

body:not(.admin-body) :where(h1, h2, h3, .display-title, .section-title, .surface-title) {
  text-wrap: balance;
}

body:not(.admin-body) :where(
  .hero-copy h1,
  .marketplace-hero__copy h1,
  .marketplace-detail-header h1,
  .marketplace-form-header h1,
  .marketplace-subpage-header h1,
  .gallery-premium-head h1,
  .member-profile-stage__copy h1,
  .membership-stage__copy h1,
  .formats-stage__copy h1,
  .season-atlas__copy h1,
  .showcase-hero__copy h1,
  .access-capsule__copy h1,
  .member-hq__copy h1
) {
  letter-spacing: clamp(-.068em, -.055em, -.045em);
  line-height: .98;
}

body:not(.admin-body) :where(
  .lede,
  .section-copy,
  .surface-copy,
  .prose-html,
  .marketplace-hero__copy p,
  .marketplace-detail-header > div > p,
  .gallery-premium-head__copy,
  .member-profile-stage__lead,
  .membership-stage__copy p,
  .formats-stage__copy p,
  .season-atlas__copy p,
  .showcase-hero__copy p,
  .access-capsule__copy p,
  .member-hq__copy p
) {
  color: var(--spc-refine-muted);
  line-height: 1.72;
}

body:not(.admin-body) :where(.mono, .eyebrow, .section-kicker, .marketplace-listing-card__category, .marketplace-status-badge) {
  letter-spacing: .16em;
}

body:not(.admin-body) :where(.mono, .eyebrow, .section-kicker) {
  color: var(--spc-refine-muted-soft);
}

body:not(.admin-body) :where(
  .feature-dossier,
  .spc-luxe-surface,
  .spc-jaw-surface,
  .hero-card,
  .thesis-card,
  .runway-card,
  .showroom-card,
  .partner-card,
  .note-card,
  .filters-card,
  .event-card,
  .detail-card,
  .detail-mini,
  .rsvp-card,
  .membership-panel,
  .membership-form-card,
  .format-card,
  .calendar-month,
  .gallery-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-card,
  .member-profile-panel,
  .member-profile-command__intro,
  .member-profile-command__panel,
  .member-profile-activity__card,
  .member-route-card,
  .marketplace-hero,
  .marketplace-listing-card,
  .marketplace-empty-state,
  .marketplace-seller-card,
  .marketplace-enquiry-card,
  .marketplace-owner-panel,
  .marketplace-report-card,
  .marketplace-form,
  .marketplace-choice > span,
  .marketplace-photo-drop,
  .marketplace-preview-card,
  .marketplace-quality-checklist label,
  .marketplace-match-card,
  .rounded-md.border,
  .rounded-lg.border,
  .rounded-xl.border,
  .rounded-2xl.border,
  .rounded-3xl.border
) {
  border-color: var(--spc-refine-line);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014) 43%, rgba(245, 5, 56, .018)),
    linear-gradient(180deg, var(--spc-refine-panel), rgba(9, 10, 12, .88));
  box-shadow:
    var(--spc-refine-shadow-soft),
    var(--spc-refine-inner-line);
}

body:not(.admin-body) :where(
  .feature-dossier,
  .spc-luxe-surface,
  .spc-jaw-surface,
  .event-card,
  .format-card,
  .gallery-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-profile-panel,
  .member-profile-command__intro,
  .member-profile-command__panel,
  .member-profile-activity__card,
  .member-route-card,
  .marketplace-listing-card,
  .marketplace-match-card
) {
  transition:
    transform 220ms var(--spc-refine-ease),
    border-color 220ms var(--spc-refine-ease),
    background-color 220ms var(--spc-refine-ease),
    box-shadow 220ms var(--spc-refine-ease);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.admin-body):not(.spc-is-scrolling):not(.spc-nav-frame-lock) :where(
    .feature-dossier,
    .spc-luxe-surface,
    .spc-jaw-surface,
    .event-card,
    .format-card,
    .gallery-card,
    .gallery-premium-feature,
    .gallery-premium-tile,
    .member-profile-panel,
    .member-profile-command__intro,
    .member-profile-command__panel,
    .member-profile-activity__card,
    .member-route-card,
    .marketplace-listing-card,
    .marketplace-match-card
  ):hover {
    border-color: var(--spc-refine-line-strong);
    box-shadow:
      0 34px 88px rgba(0, 0, 0, .38),
      0 16px 42px rgba(245, 5, 56, .055),
      var(--spc-refine-inner-line);
  }
}

body:not(.admin-body) :where(.btn, .marketplace-page .btn, .mobile-site-nav__cta) {
  min-height: 42px;
  border-radius: var(--spc-refine-radius-sm);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
}

body:not(.admin-body) :where(.btn-primary, .marketplace-page .btn-primary, .mobile-site-nav__cta) {
  border-color: rgba(245, 5, 56, .88);
  background:
    linear-gradient(180deg, rgba(255, 65, 97, .96), rgba(245, 5, 56, .92) 42%, rgba(166, 3, 41, .96));
  color: #fff;
  box-shadow:
    0 18px 38px rgba(245, 5, 56, .18),
    inset 0 1px 0 rgba(255, 255, 255, .18);
}

body:not(.admin-body) :where(.btn-ghost, .marketplace-page .btn-ghost) {
  border-color: var(--spc-refine-line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
  color: rgba(244, 245, 247, .88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

@media (hover: hover) and (pointer: fine) {
  body:not(.admin-body):not(.spc-is-scrolling) :where(.btn-primary, .marketplace-page .btn-primary, .mobile-site-nav__cta):hover {
    border-color: rgba(255, 80, 110, .96);
    background:
      linear-gradient(180deg, rgba(255, 78, 110, .98), rgba(245, 5, 56, .95) 44%, rgba(179, 4, 43, .98));
    box-shadow:
      0 20px 44px rgba(245, 5, 56, .24),
      inset 0 1px 0 rgba(255, 255, 255, .22);
  }

  body:not(.admin-body):not(.spc-is-scrolling) :where(.btn-ghost, .marketplace-page .btn-ghost):hover {
    border-color: rgba(255, 255, 255, .20);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .078), rgba(255, 255, 255, .035));
  }
}

body:not(.admin-body) :where(.btn-sm, .marketplace-page .btn-sm) {
  min-height: 36px;
  padding-inline: 13px;
  font-size: .69rem;
}

body:not(.admin-body) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  border-color: rgba(255, 255, 255, .12);
  background-color: rgba(9, 10, 12, .78);
  color: rgba(244, 245, 247, .92);
}

body:not(.admin-body) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
):focus {
  border-color: rgba(245, 5, 56, .45);
  box-shadow: 0 0 0 3px rgba(245, 5, 56, .105);
  outline: 0;
}

body:not(.admin-body) [data-header-shell] {
  border-radius: var(--spc-refine-radius);
}

body:not(.admin-body) .site-nav__link,
body:not(.admin-body) .site-community-nav summary,
body:not(.admin-body) .command-palette-trigger,
body:not(.admin-body) .notification-bell,
body:not(.admin-body) .nav-toggle--site {
  border-radius: var(--spc-refine-radius-sm);
}

body:not(.admin-body) .site-nav__link.is-active,
body:not(.admin-body) .site-community-nav.is-active summary,
body:not(.admin-body) .site-nav__link[class*="bg-white"] {
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .12);
  box-shadow: inset 0 -1px 0 rgba(245, 5, 56, .28);
}

body:not(.admin-body) .mobile-site-nav__panel {
  border-color: var(--spc-refine-line);
  background:
    linear-gradient(145deg, rgba(21, 22, 24, .96), rgba(8, 9, 11, .96)),
    radial-gradient(circle at 0% 0%, rgba(245, 5, 56, .08), transparent 40%);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .52);
}

body:not(.admin-body) .mobile-site-nav__link {
  border-color: rgba(255, 255, 255, .085);
  background: rgba(255, 255, 255, .026);
}

body:not(.admin-body) .mobile-site-nav__link.is-active {
  border-color: rgba(245, 5, 56, .34);
  background: rgba(245, 5, 56, .105);
  color: #fff;
}

body:not(.admin-body) .marketplace-page__container,
body:not(.admin-body) .marketplace-form-shell {
  width: min(1480px, calc(100% - 44px));
}

body:not(.admin-body) .marketplace-hero {
  border-radius: var(--spc-refine-radius);
  overflow: hidden;
}

body:not(.admin-body) .marketplace-hero__media::after {
  width: 34%;
  background: linear-gradient(90deg, rgba(8, 9, 10, .98), rgba(8, 9, 10, .26), transparent);
}

body:not(.admin-body) .marketplace-hero__media > img,
body:not(.admin-body) .gallery-premium-feature img,
body:not(.admin-body) .gallery-premium-tile img,
body:not(.admin-body) .member-profile-stage__media img,
body:not(.admin-body) .member-profile-visual img,
body:not(.admin-body) .marketplace-listing-card__media img,
body:not(.admin-body) .marketplace-image-gallery__main img {
  filter: saturate(.88) contrast(1.04) brightness(.92);
}

body:not(.admin-body) .marketplace-hero__lot {
  border-radius: var(--spc-refine-radius-sm);
  border-color: rgba(255, 255, 255, .18);
  background: rgba(8, 9, 10, .76);
  -webkit-backdrop-filter: blur(16px) saturate(132%);
  backdrop-filter: blur(16px) saturate(132%);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(255, 255, 255, .075);
}

body:not(.admin-body) .marketplace-filters {
  gap: 1px;
  border-color: var(--spc-refine-line);
  background: var(--spc-refine-line-soft);
  border-radius: var(--spc-refine-radius-sm);
  overflow: hidden;
  box-shadow: var(--spc-refine-shadow-soft);
}

body:not(.admin-body) .marketplace-filters label,
body:not(.admin-body) .marketplace-filters__submit {
  background: rgba(12, 13, 15, .94);
}

body:not(.admin-body) .marketplace-filters input,
body:not(.admin-body) .marketplace-filters select {
  color: rgba(244, 245, 247, .92);
}

body:not(.admin-body) .marketplace-filters__submit {
  transition: background-color 180ms var(--spc-refine-ease), color 180ms var(--spc-refine-ease);
}

body:not(.admin-body) .marketplace-section {
  margin-bottom: clamp(3rem, 5vw, 4.75rem);
}

body:not(.admin-body) .marketplace-section__head {
  align-items: end;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
}

body:not(.admin-body) .marketplace-section__head h2 {
  max-width: 840px;
  letter-spacing: -.045em;
}

body:not(.admin-body) .marketplace-listing-grid {
  gap: clamp(12px, 1.15vw, 18px);
}

body:not(.admin-body) .marketplace-listing-card {
  border-radius: var(--spc-refine-radius-sm);
  overflow: hidden;
}

body:not(.admin-body) .marketplace-listing-card__media::after,
body:not(.admin-body) .marketplace-image-gallery__main::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .18)),
    radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .08), transparent 38%);
}

body:not(.admin-body) .marketplace-listing-card__media,
body:not(.admin-body) .marketplace-image-gallery__main {
  position: relative;
}

body:not(.admin-body) .marketplace-listing-card__body {
  padding: 18px 17px 16px;
}

body:not(.admin-body) .marketplace-listing-card h3 {
  color: rgba(255, 255, 255, .95);
  letter-spacing: -.035em;
}

body:not(.admin-body) .marketplace-listing-card__spec,
body:not(.admin-body) .marketplace-listing-card__trust,
body:not(.admin-body) .marketplace-listing-card__meta span {
  color: var(--spc-refine-muted-soft);
}

body:not(.admin-body) .marketplace-listing-card__meta strong,
body:not(.admin-body) .marketplace-hero__lot em,
body:not(.admin-body) .marketplace-detail-header__price > span {
  color: #ff4264;
}

body:not(.admin-body) .marketplace-status-badge {
  border-radius: 999px;
  background: rgba(8, 9, 10, .74);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
}

body:not(.admin-body) .marketplace-listing-card__badges {
  max-width: calc(100% - 68px);
  flex-wrap: wrap;
}

body:not(.admin-body) .marketplace-listing-card__save {
  top: 12px;
  right: 12px;
  display: block;
  line-height: 0;
}

body:not(.admin-body) .marketplace-watch-form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  line-height: 0;
}

body:not(.admin-body) .marketplace-watch-button {
  display: inline-grid;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  place-items: center;
  flex: 0 0 36px;
  padding: 0;
  border-radius: 10px;
  border-color: rgba(255, 255, 255, .20);
  background: rgba(8, 9, 10, .74);
  color: rgba(255, 255, 255, .88);
  -webkit-appearance: none;
  appearance: none;
  -webkit-backdrop-filter: blur(12px) saturate(132%);
  backdrop-filter: blur(12px) saturate(132%);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, .26),
    inset 0 1px 0 rgba(255, 255, 255, .09);
}

body:not(.admin-body) .marketplace-watch-button svg {
  display: block;
  width: 16px;
  height: 16px;
}

body:not(.admin-body) .marketplace-watch-button.is-saved {
  border-color: rgba(245, 5, 56, .58);
  color: #ff4264;
  background: rgba(245, 5, 56, .12);
}

body:not(.admin-body) .marketplace-owner-actions {
  align-items: stretch;
}

body:not(.admin-body) .marketplace-owner-actions form,
body:not(.admin-body) .marketplace-owner-actions .btn {
  min-width: max-content;
}

body:not(.admin-body) .marketplace-detail-sidebar {
  gap: 16px;
}

body:not(.admin-body) .marketplace-seller-card,
body:not(.admin-body) .marketplace-enquiry-card,
body:not(.admin-body) .marketplace-owner-panel,
body:not(.admin-body) .marketplace-report-card {
  border-radius: var(--spc-refine-radius-sm);
}

body:not(.admin-body) .marketplace-spec-table dl,
body:not(.admin-body) .marketplace-disclosure-grid,
body:not(.admin-body) .marketplace-legal-note {
  border-color: var(--spc-refine-line);
  border-radius: var(--spc-refine-radius-sm);
  overflow: hidden;
}

body:not(.admin-body) .marketplace-spec-table dl div,
body:not(.admin-body) .marketplace-disclosure-grid article {
  border-color: rgba(255, 255, 255, .075);
  background: rgba(255, 255, 255, .018);
}

body:not(.admin-body) .marketplace-legal-note {
  background:
    linear-gradient(135deg, rgba(245, 5, 56, .11), rgba(12, 10, 11, .92)),
    rgba(15, 10, 12, .92);
}

body:not(.admin-body) .marketplace-form-progress {
  border-radius: var(--spc-refine-radius-sm);
  border-color: var(--spc-refine-line);
  background: rgba(255, 255, 255, .075);
  overflow: hidden;
}

body:not(.admin-body) .marketplace-form-progress li,
body:not(.admin-body) .marketplace-choice > span,
body:not(.admin-body) .marketplace-photo-drop,
body:not(.admin-body) .marketplace-photo-card,
body:not(.admin-body) .marketplace-quality-checklist label,
body:not(.admin-body) .marketplace-submit-note {
  border-color: rgba(255, 255, 255, .105);
  background: rgba(12, 13, 15, .88);
}

body:not(.admin-body) .marketplace-choice input:checked + span {
  border-color: rgba(245, 5, 56, .48);
  background: linear-gradient(145deg, rgba(245, 5, 56, .12), rgba(255, 255, 255, .024));
  box-shadow:
    inset 0 0 0 1px rgba(245, 5, 56, .16),
    0 14px 30px rgba(0, 0, 0, .22);
}

body:not(.admin-body) .marketplace-form input,
body:not(.admin-body) .marketplace-form select,
body:not(.admin-body) .marketplace-form textarea,
body:not(.admin-body) .marketplace-enquiry-card input,
body:not(.admin-body) .marketplace-enquiry-card select,
body:not(.admin-body) .marketplace-enquiry-card textarea,
body:not(.admin-body) .marketplace-report-card select,
body:not(.admin-body) .marketplace-report-card textarea {
  border-radius: var(--spc-refine-radius-sm);
}

body:not(.admin-body) .member-profile-specs div,
body:not(.admin-body) .member-profile-statline div,
body:not(.admin-body) .membership-stage__rail div,
body:not(.admin-body) .season-atlas__summary div,
body:not(.admin-body) .formats-stage__meta div,
body:not(.admin-body) .showcase-hero__meta div {
  border-color: rgba(255, 255, 255, .075);
  background: rgba(255, 255, 255, .022);
}

body:not(.admin-body) .gallery-premium-feature::after,
body:not(.admin-body) .gallery-premium-tile::after,
body:not(.admin-body) .member-profile-activity__card::after {
  background: linear-gradient(180deg, transparent 32%, rgba(0, 0, 0, .78));
}

body:not(.admin-body) :where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid rgba(245, 5, 56, .72);
  outline-offset: 3px;
}

@media (max-width: 960px) {
  body:not(.admin-body) .marketplace-page__container,
  body:not(.admin-body) .marketplace-form-shell {
    width: min(100% - 28px, 1480px);
  }

  body:not(.admin-body) .marketplace-section__head,
  body:not(.admin-body) .marketplace-subpage-header,
  body:not(.admin-body) .marketplace-form-header,
  body:not(.admin-body) .marketplace-detail-header {
    gap: 16px;
  }

  body:not(.admin-body) .marketplace-filters {
    margin-bottom: 28px;
  }

  body:not(.admin-body) .marketplace-owner-actions,
  body:not(.admin-body) .marketplace-hero__actions,
  body:not(.admin-body) .marketplace-locked__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  body:not(.admin-body) .marketplace-owner-actions .btn,
  body:not(.admin-body) .marketplace-owner-actions form,
  body:not(.admin-body) .marketplace-owner-actions button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) main > :where(section, div[class*="pt-"]) {
    scroll-margin-top: 86px;
  }

  body:not(.admin-body) :where(
    .hero-copy h1,
    .marketplace-hero__copy h1,
    .gallery-premium-head h1,
    .member-profile-stage__copy h1,
    .membership-stage__copy h1,
    .formats-stage__copy h1,
    .season-atlas__copy h1,
    .showcase-hero__copy h1,
    .access-capsule__copy h1,
    .member-hq__copy h1
  ) {
    letter-spacing: -.052em;
  }

  body:not(.admin-body) :where(
    .btn,
    .marketplace-page .btn,
    .mobile-site-nav__cta,
    .marketplace-filters__submit
  ) {
    min-height: 44px;
  }

  body:not(.admin-body) .marketplace-hero {
    border-radius: 12px;
  }

  body:not(.admin-body) .marketplace-hero__copy {
    padding: 25px 20px;
  }

  body:not(.admin-body) .marketplace-hero__actions,
  body:not(.admin-body) .marketplace-locked__actions,
  body:not(.admin-body) .marketplace-owner-actions {
    grid-template-columns: 1fr;
  }

  body:not(.admin-body) .marketplace-listing-card__save {
    top: 10px;
    right: 10px;
  }

  body:not(.admin-body) .marketplace-watch-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
  }

  body:not(.admin-body) .marketplace-section {
    margin-bottom: 3rem;
  }

  body:not(.admin-body) .marketplace-section__head {
    align-items: start;
    flex-direction: column;
  }

  body:not(.admin-body) .marketplace-filters label {
    padding: 13px 14px;
  }

  body:not(.admin-body) .mobile-site-nav__panel {
    border-radius: 18px 0 0 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.admin-body) :where(
    .feature-dossier,
    .spc-luxe-surface,
    .spc-jaw-surface,
    .event-card,
    .format-card,
    .gallery-card,
    .gallery-premium-feature,
    .gallery-premium-tile,
    .member-profile-panel,
    .member-profile-command__intro,
    .member-profile-command__panel,
    .member-profile-activity__card,
    .member-route-card,
    .marketplace-listing-card,
    .marketplace-match-card,
    .btn,
    .marketplace-watch-button
  ) {
    transition: none;
  }
}

/* Sharp Performance Radius Correction
   Follow-up to the premium refinement: preserve the cleaner/premium surfaces,
   but bring the geometry back toward disciplined racing/performance rather than
   soft luxury. No layout, JS, route or business-logic changes. */
:root {
  --spc-refine-radius-sm: 4px;
  --spc-refine-radius: 6px;
  --spc-refine-radius-lg: 10px;
}

body:not(.admin-body) :where(
  .feature-dossier,
  .spc-luxe-surface,
  .spc-jaw-surface,
  .hero-card,
  .thesis-card,
  .runway-card,
  .showroom-card,
  .partner-card,
  .note-card,
  .filters-card,
  .event-card,
  .detail-card,
  .detail-mini,
  .rsvp-card,
  .membership-panel,
  .membership-form-card,
  .format-card,
  .calendar-month,
  .gallery-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-card,
  .member-profile-panel,
  .member-profile-command__intro,
  .member-profile-command__panel,
  .member-profile-activity__card,
  .member-route-card,
  .marketplace-hero,
  .marketplace-listing-card,
  .marketplace-empty-state,
  .marketplace-seller-card,
  .marketplace-enquiry-card,
  .marketplace-owner-panel,
  .marketplace-report-card,
  .marketplace-form,
  .marketplace-choice > span,
  .marketplace-photo-drop,
  .marketplace-preview-card,
  .marketplace-quality-checklist label,
  .marketplace-match-card,
  .marketplace-spec-table dl,
  .marketplace-disclosure-grid,
  .marketplace-legal-note,
  .rounded-md.border,
  .rounded-lg.border,
  .rounded-xl.border,
  .rounded-2xl.border,
  .rounded-3xl.border
) {
  border-radius: 6px;
}

body:not(.admin-body) :where(
  .btn,
  .marketplace-page .btn,
  .mobile-site-nav__cta,
  .site-nav__link,
  .site-community-nav summary,
  .command-palette-trigger,
  .notification-bell,
  .nav-toggle--site,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  .marketplace-form input,
  .marketplace-form select,
  .marketplace-form textarea,
  .marketplace-enquiry-card input,
  .marketplace-enquiry-card select,
  .marketplace-enquiry-card textarea,
  .marketplace-report-card select,
  .marketplace-report-card textarea,
  .marketplace-photo-card,
  .marketplace-image-gallery__main,
  .marketplace-image-gallery__rail button
) {
  border-radius: 4px;
}

body:not(.admin-body) [data-header-shell],
body:not(.admin-body) .marketplace-filters,
body:not(.admin-body) .marketplace-form-progress,
body:not(.admin-body) .marketplace-hero__lot,
body:not(.admin-body) .mobile-site-nav__panel {
  border-radius: 6px;
}

body:not(.admin-body) .marketplace-status-badge,
body:not(.admin-body) .marketplace-watch-button,
body:not(.admin-body) .mobile-site-nav__link,
body:not(.admin-body) .mobile-site-nav__pill,
body:not(.admin-body) .member-profile-stage__chips span,
body:not(.admin-body) .member-profile-tags span,
body:not(.admin-body) .marketplace-legal-note span,
body:not(.admin-body) .marketplace-listing-card__trust span,
body:not(.admin-body) :where(.tag, .badge, .pill) {
  border-radius: 3px;
}

body:not(.admin-body) :where(.btn-primary, .marketplace-page .btn-primary, .mobile-site-nav__cta) {
  box-shadow:
    0 14px 30px rgba(245, 5, 56, .16),
    inset 0 1px 0 rgba(255, 255, 255, .16);
}

@media (max-width: 680px) {
  body:not(.admin-body) .mobile-site-nav__panel {
    border-radius: 10px 0 0 10px;
  }

  body:not(.admin-body) .marketplace-hero {
    border-radius: 6px;
  }
}

/* SPC Precision Visual Consistency Pass
   Second-stage non-redesign pass: page-by-page consistency, member/marketplace
   detail polish, empty states, action grouping and technical geometry. */
body:not(.admin-body) {
  --spc-precision-panel: rgba(13, 14, 16, .92);
  --spc-precision-panel-soft: rgba(255, 255, 255, .026);
  --spc-precision-line: rgba(255, 255, 255, .095);
  --spc-precision-line-strong: rgba(255, 255, 255, .15);
  --spc-precision-muted: rgba(244, 245, 247, .58);
  --spc-precision-muted-2: rgba(244, 245, 247, .42);
}

body:not(.admin-body) main :where(.max-w-\[1240px\], .max-w-\[1280px\], .marketplace-page__container, .marketplace-form-shell) {
  position: relative;
}

body:not(.admin-body) :where(
  .section-heading-row,
  .marketplace-section__head,
  .gallery-premium-head,
  .member-dashboard-header,
  .member-profile-activity__head,
  .member-profile-visuals__headline,
  .garage-compact-panel__head,
  .event-host-tools__head
) {
  min-width: 0;
}

body:not(.admin-body) :where(
  .section-heading-row h2,
  .marketplace-section__head h2,
  .gallery-premium-head h1,
  .member-dashboard-header h1,
  .member-profile-activity__head h2,
  .member-profile-visuals__headline h2,
  .garage-compact-panel__head h2,
  .event-host-tools__head h3
) {
  color: rgba(255, 255, 255, .96);
}

body:not(.admin-body) :where(
  .hero-actions,
  .actions,
  .marketplace-hero__actions,
  .marketplace-locked__actions,
  .marketplace-owner-actions,
  .member-profile-stage__actions,
  .member-dashboard-card__actions,
  .member-form-actions-inline,
  .garage-car-row__actions,
  .route-state-actions,
  .event-member-access-form__actions,
  .event-access-photo__toolbar,
  .event-host-tools__queue form,
  .mobile-sticky-actions
) {
  align-items: center;
  gap: 10px;
}

body:not(.admin-body) :where(
  .hero-actions > span,
  .member-profile-stage__chips span,
  .member-profile-tags span,
  .route-state-actions button,
  .mobile-sticky-actions,
  .mobile-sticky-actions a,
  .mobile-sticky-actions button,
  .event-nav-button,
  .event-access-photo__button,
  .member-toggle-card,
  .member-choice-card__box,
  .marketplace-form-progress li
) {
  border-radius: 4px;
}

body:not(.admin-body) :where(
  .feature-dossier,
  .dossier-split__panel,
  .dossier-rail,
  .center-band__inner,
  .signal-strip__item,
  .micro-notes__row > *,
  .membership-standard,
  .membership-step,
  .membership-application__form,
  .member-club-pass,
  .garage-compact-panel,
  .garage-car-row,
  .garage-build-log-list article,
  .member-dashboard-card,
  .member-match-mini-card,
  .member-toggle-card,
  .member-choice-card__box,
  .member-build-mods,
  .member-showroom,
  .event-access-card,
  .event-access-closed,
  .event-car-selector,
  .event-host-tools,
  .event-host-tools__queue article,
  .route-practical-details,
  .gallery-editorial-card__empty,
  .marketplace-dashboard-stats,
  .marketplace-seller-listing,
  .marketplace-enquiry-row,
  .marketplace-submit-note
) {
  border-color: var(--spc-precision-line);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012) 48%, rgba(245, 5, 56, .012)),
    var(--spc-precision-panel);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) :where(
  .feature-dossier,
  .member-club-pass,
  .garage-compact-panel,
  .member-dashboard-card,
  .event-access-card,
  .event-host-tools,
  .marketplace-seller-listing,
  .marketplace-enquiry-row
) {
  overflow: hidden;
}

body:not(.admin-body) :where(
  .garage-compact-empty,
  .marketplace-empty-state p,
  .gallery-editorial-card__empty,
  .event-access-closed,
  .member-save-status,
  .member-profile-contact__muted,
  .marketplace-submit-note,
  .event-host-tools__queue span,
  .event-host-tools__queue p
) {
  color: var(--spc-precision-muted);
}

body:not(.admin-body) :where(
  .garage-compact-empty,
  .gallery-editorial-card__empty,
  .event-access-closed,
  .marketplace-empty-state
) {
  border-style: solid;
  text-align: center;
}

body:not(.admin-body) :where(.member-save-status, .flash, .marketplace-submit-note, .membership-password-notice) {
  border-radius: 4px;
  border: 1px solid var(--spc-precision-line);
  background: rgba(255, 255, 255, .028);
}

body:not(.admin-body) .hero-copy .mono,
body:not(.admin-body) .marketplace-hero__copy .mono,
body:not(.admin-body) .gallery-premium-head .mono,
body:not(.admin-body) .member-dashboard-header .mono,
body:not(.admin-body) .member-profile-stage__copy .mono,
body:not(.admin-body) .membership-stage__copy .mono {
  color: rgba(255, 255, 255, .56);
}

body.route-home:not(.admin-body) .hero-copy {
  max-width: 880px;
}

body.route-home:not(.admin-body) .hero-copy .prose-html--hero {
  color: rgba(244, 245, 247, .68);
}

body.route-home:not(.admin-body) .hero-actions > span {
  border-color: rgba(255, 255, 255, .105);
  background: rgba(8, 9, 10, .46);
  -webkit-backdrop-filter: blur(10px) saturate(124%);
  backdrop-filter: blur(10px) saturate(124%);
}

body.route-home:not(.admin-body) .feature-dossier {
  border-color: rgba(255, 255, 255, .12);
}

body.route-events:not(.admin-body) .event-card__footer,
body.route-calendar:not(.admin-body) .event-card__footer {
  border-color: rgba(255, 255, 255, .075);
}

body.route-events:not(.admin-body) .event-card__specs,
body.route-calendar:not(.admin-body) .event-card__specs {
  gap: 12px;
}

body.route-events:not(.admin-body) .event-card__specs div,
body.route-calendar:not(.admin-body) .event-card__specs div {
  min-width: 0;
}

body:not(.admin-body) :where(.event-access-card__toggle, .event-car-selector, .event-host-tools__queue article) {
  background: rgba(255, 255, 255, .022);
  border-color: rgba(255, 255, 255, .085);
}

body:not(.admin-body) .event-access-card__toggle {
  min-height: 72px;
}

body:not(.admin-body) .event-access-card__title,
body:not(.admin-body) .event-host-tools__queue strong,
body:not(.admin-body) .garage-car-row strong,
body:not(.admin-body) .member-dashboard-card__body h3,
body:not(.admin-body) .member-match-mini-card strong {
  color: rgba(255, 255, 255, .92);
}

body:not(.admin-body) .event-access-card__meta,
body:not(.admin-body) .garage-car-row small,
body:not(.admin-body) .member-dashboard-card__body p,
body:not(.admin-body) .member-match-mini-card em {
  color: var(--spc-precision-muted);
}

body:not(.admin-body) .event-access-photo__frame,
body:not(.admin-body) .member-showroom {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .01)),
    rgba(10, 11, 13, .92);
}

body:not(.admin-body) .event-access-photo__button {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .045);
}

body:not(.admin-body) .event-access-photo__button--danger {
  border-color: rgba(245, 5, 56, .22);
  color: #ff9caf;
}

body:not(.admin-body) .gallery-premium-stage,
body:not(.admin-body) .gallery-premium-grid {
  gap: clamp(10px, 1.15vw, 16px);
}

body:not(.admin-body) .gallery-premium-count {
  border-radius: 4px;
  border-color: rgba(255, 255, 255, .105);
  background: rgba(255, 255, 255, .028);
}

body:not(.admin-body) .gallery-premium-feature__body,
body:not(.admin-body) .gallery-premium-tile__body {
  text-shadow: 0 12px 34px rgba(0, 0, 0, .46);
}

body:not(.admin-body) .member-dashboard-header {
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  padding-bottom: 18px;
}

body:not(.admin-body) .member-dashboard-tabs {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 6px;
  background: rgba(255, 255, 255, .022);
}

body:not(.admin-body) .member-dashboard-tabs :where(a, button) {
  border-radius: 4px;
}

body:not(.admin-body) .member-club-pass {
  align-items: center;
  border-color: rgba(255, 255, 255, .12);
}

body:not(.admin-body) .member-club-pass__mark {
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

body:not(.admin-body) .member-club-pass__meta {
  color: var(--spc-precision-muted);
}

body:not(.admin-body) .garage-compact-grid,
body:not(.admin-body) .member-dashboard-directory,
body:not(.admin-body) .member-match-mini-grid,
body:not(.admin-body) .member-profile-grid,
body:not(.admin-body) .member-profile-activity__grid,
body:not(.admin-body) .member-profile-related {
  gap: clamp(12px, 1.2vw, 18px);
}

body:not(.admin-body) .garage-compact-panel__head,
body:not(.admin-body) .member-profile-panel h2,
body:not(.admin-body) .member-profile-activity__head {
  border-color: rgba(255, 255, 255, .075);
}

body:not(.admin-body) .garage-inline-details summary,
body:not(.admin-body) .route-practical-details summary,
body:not(.admin-body) .marketplace-inline-details summary {
  color: rgba(255, 255, 255, .70);
}

body:not(.admin-body) .garage-compact-form,
body:not(.admin-body) .event-member-access-form,
body:not(.admin-body) .event-access-form,
body:not(.admin-body) .marketplace-form,
body:not(.admin-body) .marketplace-enquiry-card form,
body:not(.admin-body) .marketplace-report-card form {
  min-width: 0;
}

body:not(.admin-body) .member-choice-card__box {
  min-height: 54px;
  padding-inline: 16px;
}

body:not(.admin-body) .member-choice-card__box::before {
  border-radius: 3px;
}

body:not(.admin-body) .member-choice-card__input:checked + .member-choice-card__box {
  border-color: rgba(245, 5, 56, .42);
  background:
    linear-gradient(135deg, rgba(245, 5, 56, .13), rgba(255, 255, 255, .03)),
    rgba(15, 16, 18, .92);
}

body:not(.admin-body) .member-toggle-card {
  border-color: rgba(255, 255, 255, .095);
  background: rgba(255, 255, 255, .024);
}

body:not(.admin-body) .member-profile-stage {
  gap: clamp(18px, 2vw, 28px);
}

body:not(.admin-body) .member-profile-stage__media {
  border-color: rgba(255, 255, 255, .11);
  background: rgba(8, 9, 10, .86);
}

body:not(.admin-body) .member-profile-stage__copy {
  align-self: center;
}

body:not(.admin-body) .member-profile-specs div,
body:not(.admin-body) .member-profile-statline div {
  border-radius: 4px;
}

body:not(.admin-body) .member-profile-car-list__image,
body:not(.admin-body) .garage-car-row__thumb {
  border-radius: 4px;
  border-color: rgba(255, 255, 255, .12);
}

body:not(.admin-body) .member-route-card__rail,
body:not(.admin-body) .member-route-card__rail img {
  border-radius: 4px;
}

body:not(.admin-body) .member-route-card__meta span,
body:not(.admin-body) .route-state-actions button {
  border-color: rgba(255, 255, 255, .095);
  background: rgba(255, 255, 255, .024);
}

body:not(.admin-body) .route-state-actions button.is-active {
  border-color: rgba(245, 5, 56, .38);
  background: rgba(245, 5, 56, .12);
}

body:not(.admin-body) .marketplace-member-nav {
  scrollbar-gutter: stable;
}

body:not(.admin-body) .marketplace-member-nav a {
  padding: 8px 0;
}

body:not(.admin-body) .marketplace-dashboard-stats {
  overflow: hidden;
}

body:not(.admin-body) .marketplace-dashboard-stats div {
  background: rgba(255, 255, 255, .022);
}

body:not(.admin-body) .marketplace-seller-listing__actions {
  gap: 9px;
}

body:not(.admin-body) .marketplace-enquiry-row {
  border-top: 0;
  padding: 18px;
}

body:not(.admin-body) .marketplace-photo-card > button {
  border-radius: 4px;
}

body:not(.admin-body) .marketplace-quality-checklist label {
  align-items: flex-start;
}

body:not(.admin-body) .marketplace-form-actions {
  background: rgba(255, 255, 255, .014);
}

body:not(.admin-body) .mobile-sticky-actions {
  border-radius: 6px;
  background: rgba(8, 9, 10, .84);
  -webkit-backdrop-filter: blur(16px) saturate(132%);
  backdrop-filter: blur(16px) saturate(132%);
}

body:not(.admin-body) .mobile-sticky-actions a,
body:not(.admin-body) .mobile-sticky-actions button {
  border-radius: 4px;
}

@media (hover: hover) and (pointer: fine) {
  body:not(.admin-body):not(.spc-is-scrolling):not(.spc-nav-frame-lock) :where(
    .garage-car-row,
    .garage-build-log-list article,
    .member-dashboard-card,
    .member-match-mini-card,
    .event-access-card,
    .event-host-tools__queue article,
    .marketplace-seller-listing,
    .marketplace-enquiry-row
  ):hover {
    border-color: var(--spc-precision-line-strong);
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .048), rgba(255, 255, 255, .018) 50%, rgba(245, 5, 56, .016)),
      rgba(16, 17, 19, .94);
  }
}

@media (max-width: 960px) {
  body:not(.admin-body) :where(
    .member-dashboard-header,
    .marketplace-subpage-header,
    .marketplace-form-header,
    .marketplace-detail-header,
    .event-host-tools__head
  ) {
    align-items: flex-start;
    flex-direction: column;
  }

  body:not(.admin-body) .member-dashboard-tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }

  body:not(.admin-body) .member-dashboard-tabs::-webkit-scrollbar {
    display: none;
  }

  body:not(.admin-body) .member-dashboard-tabs :where(a, button) {
    flex: 0 0 auto;
  }

  body:not(.admin-body) .event-access-card__toggle {
    min-height: 64px;
  }

  body:not(.admin-body) .marketplace-enquiry-row,
  body:not(.admin-body) .marketplace-seller-listing {
    padding: 14px;
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) :where(.hero-actions, .marketplace-hero__actions, .member-profile-stage__actions, .event-member-access-form__actions) {
    width: 100%;
  }

  body:not(.admin-body) :where(.hero-actions .btn, .marketplace-hero__actions .btn, .member-profile-stage__actions .btn, .event-member-access-form__actions .btn) {
    width: 100%;
  }

  body:not(.admin-body) .member-club-pass {
    grid-template-columns: 1fr;
  }

  body:not(.admin-body) .member-club-pass__mark {
    width: 52px;
    height: 52px;
  }

  body:not(.admin-body) .event-host-tools__queue form,
  body:not(.admin-body) .garage-car-row__actions,
  body:not(.admin-body) .marketplace-seller-listing__actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  body:not(.admin-body) .gallery-premium-count {
    width: 100%;
  }
}

/* SPC Visual QA & Cascade Stabilization Pass
   Hardening layer: stabilize accumulated visual passes, protect header/admin
   boundaries, normalize final geometry/states, and prevent overflow/jank. */
body:not(.admin-body) {
  --spc-stable-radius-control: 4px;
  --spc-stable-radius-panel: 6px;
  --spc-stable-line: rgba(255, 255, 255, .095);
  --spc-stable-line-strong: rgba(255, 255, 255, .145);
  --spc-stable-panel: rgba(13, 14, 16, .92);
}

/* Header guard: prevent generic card/surface passes from making the navigation
   look like a heavy content panel. */
body:not(.admin-body) .site-header,
body:not(.admin-body) [data-header] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.admin-body) [data-header-shell] {
  border-radius: var(--spc-stable-radius-panel) !important;
  background:
    linear-gradient(135deg, rgba(18, 19, 21, .38), rgba(8, 9, 11, .22)),
    radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .055), transparent 42%) !important;
  border-color: rgba(255, 255, 255, .13) !important;
  box-shadow:
    0 16px 42px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .11) !important;
}

body:not(.admin-body) .site-header.is-scrolled [data-header-shell],
body:not(.admin-body) [data-header].is-scrolled [data-header-shell] {
  background:
    linear-gradient(135deg, rgba(18, 19, 21, .46), rgba(8, 9, 11, .28)),
    radial-gradient(circle at 16% 0%, rgba(245, 5, 56, .06), transparent 42%) !important;
  border-color: rgba(255, 255, 255, .145) !important;
}

body:not(.admin-body) main,
body:not(.admin-body) main * {
  min-width: 0;
}

body:not(.admin-body) :where(img, video, canvas, svg) {
  max-width: 100%;
}

body:not(.admin-body) :where(
  .grid,
  .marketplace-listing-grid,
  .marketplace-detail-layout,
  .marketplace-field-grid,
  .member-profile-grid,
  .garage-compact-grid,
  .member-dashboard-directory,
  .gallery-premium-stage,
  .gallery-premium-grid,
  .event-card__specs,
  .marketplace-dashboard-stats
) {
  min-width: 0;
}

/* Final geometry contract: technical, not soft-rounded. */
body:not(.admin-body) :where(
  .btn,
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea,
  .site-nav__link,
  .site-community-nav summary,
  .mobile-site-nav__link,
  .marketplace-watch-button,
  .marketplace-status-badge,
  .event-nav-button,
  .event-access-photo__button,
  .route-state-actions button,
  .member-choice-card__box,
  .member-toggle-card,
  .admin-contextbar__command
) {
  border-radius: var(--spc-stable-radius-control);
}

body:not(.admin-body) :where(
  .feature-dossier,
  .spc-luxe-surface,
  .spc-jaw-surface,
  .event-card,
  .format-card,
  .gallery-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-profile-panel,
  .member-route-card,
  .member-dashboard-card,
  .garage-compact-panel,
  .marketplace-hero,
  .marketplace-listing-card,
  .marketplace-seller-card,
  .marketplace-enquiry-card,
  .marketplace-owner-panel,
  .marketplace-report-card,
  .marketplace-form,
  .event-access-card,
  .event-host-tools,
  .rounded-md.border,
  .rounded-lg.border,
  .rounded-xl.border,
  .rounded-2xl.border,
  .rounded-3xl.border
) {
  border-radius: var(--spc-stable-radius-panel);
}

/* Keep utility pills from becoming full capsules except where the original layout
   explicitly uses a circular avatar or logo mark. */
body:not(.admin-body) :where(.rounded-full):not(.spc-brand-lockup__mark):not(.notification-bell__badge):not(.w-1\.5):not(.w-2):not(.h-2) {
  border-radius: var(--spc-stable-radius-control);
}

body:not(.admin-body) :where(
  .btn:disabled,
  button:disabled,
  .btn[aria-disabled="true"],
  .is-disabled
) {
  cursor: not-allowed;
  opacity: .48;
  transform: none;
  box-shadow: none;
}

body:not(.admin-body) :where(.btn, button, a, input, select, textarea):focus-visible {
  outline: 2px solid rgba(245, 5, 56, .70);
  outline-offset: 3px;
}

body:not(.admin-body) ::placeholder {
  color: rgba(244, 245, 247, .38);
}

/* Card height and metadata alignment guards. */
body:not(.admin-body) .marketplace-listing-card,
body:not(.admin-body) .member-dashboard-card,
body:not(.admin-body) .member-match-mini-card {
  display: flex;
  flex-direction: column;
}

body:not(.admin-body) .marketplace-listing-card__body,
body:not(.admin-body) .member-dashboard-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

body:not(.admin-body) .marketplace-listing-card__meta,
body:not(.admin-body) .member-dashboard-card__actions {
  margin-top: auto;
}

body:not(.admin-body) .marketplace-listing-card__trust {
  margin-top: 12px;
}

body:not(.admin-body) .marketplace-watch-form,
body:not(.admin-body) .mobile-sticky-form,
body:not(.admin-body) :where(.marketplace-owner-actions, .event-host-tools__queue form, .garage-car-row__actions) form {
  margin: 0;
}

body:not(.admin-body) .marketplace-watch-button.spc-ripple-host {
  overflow: hidden;
}

body:not(.admin-body) .marketplace-watch-button:active,
body:not(.admin-body) .btn:active,
body:not(.admin-body) .mobile-sticky-actions a:active,
body:not(.admin-body) .mobile-sticky-actions button:active {
  transform: translate3d(0, 1px, 0);
}

body:not(.admin-body) .marketplace-image-gallery__main,
body:not(.admin-body) .member-showroom,
body:not(.admin-body) .member-profile-stage__media,
body:not(.admin-body) .gallery-premium-feature,
body:not(.admin-body) .gallery-premium-tile {
  background-color: rgba(8, 9, 10, .86);
}

body:not(.admin-body) .marketplace-image-gallery__main img,
body:not(.admin-body) .member-showroom img,
body:not(.admin-body) .member-profile-stage__media img,
body:not(.admin-body) .gallery-premium-feature img,
body:not(.admin-body) .gallery-premium-tile img,
body:not(.admin-body) .event-card__media img {
  transform-origin: center;
}

/* Empty, locked and feedback states should read as designed states, not missing data. */
body:not(.admin-body) :where(
  .marketplace-empty-state,
  .gallery-editorial-card__empty,
  .garage-compact-empty,
  .event-access-closed,
  .member-save-status,
  .marketplace-locked__content small,
  .membership-password-notice,
  .flash
) {
  border-color: var(--spc-stable-line);
  background: rgba(255, 255, 255, .026);
}

body:not(.admin-body) .member-save-status[data-state="success"],
body:not(.admin-body) .flash-success {
  border-color: rgba(31, 196, 143, .30);
  background: rgba(31, 196, 143, .10);
}

body:not(.admin-body) .member-save-status[data-state="error"],
body:not(.admin-body) .flash-error {
  border-color: rgba(245, 5, 56, .34);
  background: rgba(245, 5, 56, .10);
}

/* Scroll/navigation frame lock: keep visual fidelity, but prevent hover systems from
   competing with soft-navigation and mobile scroll. */
body:not(.admin-body).spc-is-scrolling :where(
  .event-card,
  .member-card,
  .marketplace-listing-card,
  .member-dashboard-card,
  .member-route-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .spc-luxe-surface,
  .spc-jaw-surface
),
body:not(.admin-body).spc-nav-frame-lock :where(
  .event-card,
  .member-card,
  .marketplace-listing-card,
  .member-dashboard-card,
  .member-route-card,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .spc-luxe-surface,
  .spc-jaw-surface
) {
  transform: none !important;
  transition-duration: 80ms;
}

body:not(.admin-body).spc-is-scrolling :where(
  .event-card:hover,
  .member-card:hover,
  .marketplace-listing-card:hover,
  .member-dashboard-card:hover,
  .member-route-card:hover,
  .gallery-premium-feature:hover,
  .gallery-premium-tile:hover
) {
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

/* Route-level width/density guards. */
body.route-marketplace:not(.admin-body) .marketplace-listing-grid,
body.route-marketplace-my-listings:not(.admin-body) .marketplace-seller-list,
body.route-members:not(.admin-body) .garage-compact-grid,
body.route-members-routes:not(.admin-body) .member-routes-grid {
  align-items: stretch;
}

body.route-members:not(.admin-body) .member-dashboard-tabs,
body.route-marketplace:not(.admin-body) .marketplace-member-nav {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 960px) {
  body:not(.admin-body) .marketplace-detail-layout,
  body:not(.admin-body) .member-profile-grid,
  body:not(.admin-body) .garage-compact-grid {
    gap: 16px;
  }

  body:not(.admin-body) .marketplace-filters,
  body:not(.admin-body) .marketplace-field-grid--2,
  body:not(.admin-body) .marketplace-field-grid--3,
  body:not(.admin-body) .event-card__specs {
    grid-template-columns: 1fr 1fr;
  }

  body:not(.admin-body) .mobile-sticky-actions {
    max-width: calc(100vw - 24px);
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) .marketplace-filters,
  body:not(.admin-body) .marketplace-field-grid--2,
  body:not(.admin-body) .marketplace-field-grid--3,
  body:not(.admin-body) .event-card__specs,
  body:not(.admin-body) .marketplace-dashboard-stats {
    grid-template-columns: 1fr;
  }

  body:not(.admin-body) :where(.marketplace-owner-actions, .event-host-tools__queue form, .garage-car-row__actions) :where(.btn, button, a) {
    width: 100%;
  }

  body:not(.admin-body) .marketplace-listing-card__badges {
    max-width: calc(100% - 58px);
  }

  body:not(.admin-body) .mobile-sticky-actions {
    bottom: .75rem;
    gap: 6px;
    padding: 6px;
  }
}


/* SPC Editorial Identity & Status System Pass
   Creative-but-controlled signature layer: strengthen Swiss/performance dossier cues,
   normalize status language, and make public/private surfaces feel more recognisable
   without changing layout, routes, logic, or motion systems. */
body:not(.admin-body) {
  --spc-editorial-line: rgba(255, 255, 255, .085);
  --spc-editorial-line-strong: rgba(255, 255, 255, .13);
  --spc-editorial-redline: rgba(245, 5, 56, .62);
  --spc-editorial-ink: rgba(244, 245, 247, .92);
  --spc-editorial-muted: rgba(244, 245, 247, .58);
  --spc-editorial-chip-bg: rgba(255, 255, 255, .036);
  --spc-editorial-chip-line: rgba(255, 255, 255, .11);
}

/* Editorial copy rails: make key copy blocks feel more like disciplined dossier
   modules, while keeping the same layout and reading flow. */
body:not(.admin-body) :where(
  .marketplace-hero__copy,
  .member-profile-stage__copy,
  .membership-stage__copy,
  .showcase-hero__copy,
  .gallery-premium-head__copy,
  .member-showroom-hero__copy,
  .event-detail-header > div,
  .page-intro__copy,
  .feature-dossier > :first-child
) {
  position: relative;
  padding-left: clamp(16px, 1.85vw, 24px);
}

body:not(.admin-body) :where(
  .marketplace-hero__copy,
  .member-profile-stage__copy,
  .membership-stage__copy,
  .showcase-hero__copy,
  .gallery-premium-head__copy,
  .member-showroom-hero__copy,
  .event-detail-header > div,
  .page-intro__copy,
  .feature-dossier > :first-child
)::before {
  content: "";
  position: absolute;
  inset: .2rem auto .2rem 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .02) 84%);
  pointer-events: none;
}

body:not(.admin-body) :where(
  .marketplace-hero__copy,
  .member-profile-stage__copy,
  .membership-stage__copy,
  .showcase-hero__copy,
  .gallery-premium-head__copy,
  .member-showroom-hero__copy,
  .event-detail-header > div,
  .page-intro__copy,
  .feature-dossier > :first-child
)::after {
  content: "";
  position: absolute;
  top: .2rem;
  left: 0;
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, var(--spc-editorial-redline), rgba(245, 5, 56, 0));
  pointer-events: none;
}

/* Heading separators: subtle technical section rhythm instead of stacked blocks. */
body:not(.admin-body) :where(.section-heading, .member-profile-stage__actions, .member-dashboard-card__actions, .garage-car-row__actions, .member-route-card__actions, .marketplace-owner-actions, .hero-actions, .marketplace-hero__actions, .event-member-access-form__actions) {
  position: relative;
}

body:not(.admin-body) .section-heading {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

body:not(.admin-body) .section-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 48px;
  height: 1px;
  background: linear-gradient(90deg, var(--spc-editorial-redline), rgba(255, 255, 255, 0));
}

body:not(.admin-body) :where(.member-profile-stage__actions, .member-dashboard-card__actions, .garage-car-row__actions, .member-route-card__actions, .marketplace-owner-actions, .hero-actions, .marketplace-hero__actions, .event-member-access-form__actions) {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

/* Swiss micro-typography / metadata discipline. */
body:not(.admin-body) :where(
  .mono,
  .eyebrow,
  .section-kicker,
  .marketplace-listing-card__category,
  .marketplace-status-badge,
  .meta-list span,
  .detail-pills span,
  .member-route-card__meta span,
  .marketplace-listing-card__meta span,
  .event-card__specs span,
  .marketplace-empty-state .mono,
  .garage-inline-details summary,
  .route-practical-details summary,
  .member-routes-tools span,
  .concierge-thread__eyebrow,
  .quote-band__meta,
  .site-ribbon__meta,
  .site-ribbon__track,
  .marketplace-seller-card .mono,
  .marketplace-chat-card .mono,
  .marketplace-owner-panel .mono
) {
  font-family: "JetBrains Mono", monospace;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--spc-editorial-muted);
}

body:not(.admin-body) :where(
  .lede,
  .section-copy,
  .surface-copy,
  .marketplace-hero__copy p,
  .marketplace-detail-header > div > p,
  .gallery-premium-head__copy,
  .member-profile-stage__lead,
  .membership-stage__copy p,
  .showcase-hero__copy p,
  .member-showroom-hero__copy p,
  .access-capsule__copy p,
  .utility-stage__copy p
) {
  max-width: 66ch;
}

/* Status system: unified, more product-grade, less random from route to route. */
body:not(.admin-body) :where(
  .status-pill,
  .muted-chip,
  .marketplace-status-badge,
  .route-state-pill,
  .member-profile-stage__chips span,
  .marketplace-listing-card__badges > span:not(.marketplace-status-badge),
  .marketplace-saved-row__badges > span:not(.marketplace-status-badge)
) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 9px 3px;
  border-radius: 3px;
  border: 1px solid var(--spc-editorial-chip-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, .052), var(--spc-editorial-chip-bg));
  color: rgba(244, 245, 247, .76);
  font-family: "JetBrains Mono", monospace;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
}

body:not(.admin-body) .muted-chip,
body:not(.admin-body) .marketplace-listing-card__badges > span:not(.marketplace-status-badge),
body:not(.admin-body) .marketplace-saved-row__badges > span:not(.marketplace-status-badge) {
  color: rgba(244, 245, 247, .68);
}

body:not(.admin-body) :where(.status-pill.is-green, .marketplace-status-badge--approved, .marketplace-status-badge--active) {
  border-color: rgba(31, 196, 143, .28);
  background: rgba(31, 196, 143, .09);
  color: rgba(223, 252, 242, .94);
}

body:not(.admin-body) :where(.status-pill.is-amber, .marketplace-status-badge--pending_review, .marketplace-status-badge--reserved) {
  border-color: rgba(198, 161, 91, .34);
  background: rgba(198, 161, 91, .10);
  color: rgba(232, 198, 126, .95);
}

body:not(.admin-body) :where(.status-pill.is-red, .marketplace-status-badge--wanted, .marketplace-status-badge--rejected) {
  border-color: rgba(245, 5, 56, .32);
  background: rgba(245, 5, 56, .10);
  color: rgba(255, 193, 204, .96);
}

body:not(.admin-body) :where(.marketplace-status-badge--sold, .marketplace-status-badge--archived, .status-pill.is-ended) {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .032);
  color: rgba(244, 245, 247, .58);
}

body:not(.admin-body) .marketplace-status-badge--partner {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .048);
  color: rgba(244, 245, 247, .80);
}

/* Dossier lists / technical metadata. */
body:not(.admin-body) :where(.meta-list div, .detail-pills div, .member-route-card__meta span, .event-card__specs span) {
  position: relative;
  gap: 14px;
}

body:not(.admin-body) :where(.meta-list div, .detail-pills div) {
  padding-bottom: 10px;
}

body:not(.admin-body) :where(.meta-list strong, .detail-pills strong, .member-route-card__meta strong, .event-card__specs strong) {
  color: var(--spc-editorial-ink);
}

body:not(.admin-body) .member-route-card__meta span,
body:not(.admin-body) .event-card__specs span {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

body:not(.admin-body) .member-route-card__meta span:last-child,
body:not(.admin-body) .event-card__specs span:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/* Curated exchange / private dossier card cues. */
body:not(.admin-body) :where(
  .marketplace-listing-card,
  .marketplace-seller-card,
  .marketplace-enquiry-card,
  .marketplace-owner-panel,
  .marketplace-report-card,
  .member-dashboard-card,
  .member-match-mini-card,
  .member-route-card,
  .member-profile-panel,
  .garage-car-row,
  .event-access-card,
  .feature-dossier
) {
  background-clip: padding-box;
}

body:not(.admin-body) :where(
  .marketplace-listing-card,
  .member-dashboard-card,
  .member-match-mini-card,
  .member-route-card,
  .member-profile-panel,
  .garage-car-row,
  .event-access-card
) {
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .20),
    inset 0 1px 0 rgba(255, 255, 255, .045),
    inset 0 32px 0 rgba(255, 255, 255, .008);
}

body:not(.admin-body) .garage-car-row,
body:not(.admin-body) .member-match-mini-card,
body:not(.admin-body) .member-dashboard-card,
body:not(.admin-body) .marketplace-listing-card {
  border-color: rgba(255, 255, 255, .10);
}

body:not(.admin-body) .marketplace-listing-card__meta,
body:not(.admin-body) .member-profile-stage__chips,
body:not(.admin-body) .member-route-card__actions,
body:not(.admin-body) .member-dashboard-card__actions,
body:not(.admin-body) .garage-car-row__actions,
body:not(.admin-body) .marketplace-listing-card__badges,
body:not(.admin-body) .marketplace-seller-row,
body:not(.admin-body) .marketplace-enquiry-row {
  row-gap: 8px;
}

body:not(.admin-body) .marketplace-member-nav a,
body:not(.admin-body) .member-dashboard-tabs a,
body:not(.admin-body) .member-routes-tools select,
body:not(.admin-body) .member-routes-tools input {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) .marketplace-member-nav a.is-active,
body:not(.admin-body) .member-dashboard-tabs a.is-active {
  border-color: rgba(255, 255, 255, .16);
  color: #fff;
}

/* Image presentation: restrained editorial treatment, not heavier effects. */
body:not(.admin-body) :where(
  .member-showroom,
  .member-profile-stage__media,
  .marketplace-image-gallery__main,
  .event-access-photo__frame,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-showroom-hero__media
) {
  position: relative;
  isolation: isolate;
}

body:not(.admin-body) :where(
  .member-showroom,
  .member-profile-stage__media,
  .marketplace-image-gallery__main,
  .event-access-photo__frame,
  .gallery-premium-feature,
  .gallery-premium-tile,
  .member-showroom-hero__media
)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 24%, rgba(5, 7, 8, .18));
  pointer-events: none;
  z-index: 1;
}

body:not(.admin-body) :where(
  .member-showroom img,
  .member-profile-stage__media img,
  .marketplace-image-gallery__main img,
  .event-access-photo__frame img,
  .gallery-premium-feature img,
  .gallery-premium-tile img,
  .member-showroom-hero__media img
) {
  filter: saturate(.92) contrast(1.02) brightness(.94);
}

/* Public/private distinction through density cues, not a redesign. */
body.route-marketplace:not(.admin-body) :where(.marketplace-hero, .marketplace-listing-card, .marketplace-seller-card, .marketplace-enquiry-card, .marketplace-owner-panel, .marketplace-report-card) {
  border-color: rgba(255, 255, 255, .11);
}

body.route-members:not(.admin-body) :where(.member-dashboard-card, .member-profile-panel, .member-route-card, .garage-compact-panel, .garage-car-row, .member-match-mini-card) {
  border-color: rgba(255, 255, 255, .11);
}

@media (max-width: 900px) {
  body:not(.admin-body) :where(
    .marketplace-hero__copy,
    .member-profile-stage__copy,
    .membership-stage__copy,
    .showcase-hero__copy,
    .gallery-premium-head__copy,
    .member-showroom-hero__copy,
    .event-detail-header > div,
    .page-intro__copy,
    .feature-dossier > :first-child
  ) {
    padding-left: 14px;
  }

  body:not(.admin-body) :where(.member-profile-stage__actions, .member-dashboard-card__actions, .garage-car-row__actions, .member-route-card__actions, .marketplace-owner-actions, .hero-actions, .marketplace-hero__actions, .event-member-access-form__actions) {
    padding-top: 10px;
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) .section-heading {
    padding-bottom: 12px;
  }

  body:not(.admin-body) :where(
    .status-pill,
    .muted-chip,
    .marketplace-status-badge,
    .route-state-pill,
    .member-profile-stage__chips span,
    .marketplace-listing-card__badges > span:not(.marketplace-status-badge),
    .marketplace-saved-row__badges > span:not(.marketplace-status-badge)
  ) {
    min-height: 22px;
    padding-inline: 8px;
  }
}

/* SPC Marketplace Functional Refinement Correction
   Corrects the previous direction by avoiding decorative protocol/info cards.
   This pass improves only existing functional marketplace UI: hero, filters,
   listing cards, detail panels, forms and seller/enquiry surfaces. */
body:not(.admin-body) {
  --spc-market-functional-line: rgba(255, 255, 255, .11);
  --spc-market-functional-line-strong: rgba(255, 255, 255, .16);
  --spc-market-functional-panel: rgba(10, 11, 13, .92);
  --spc-market-functional-red: rgba(245, 5, 56, .56);
}

/* Marketplace landing, stronger first impression using only existing content. */
body.route-marketplace:not(.admin-body) .marketplace-hero {
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  min-height: clamp(460px, 58vh, 650px);
  border-color: var(--spc-market-functional-line-strong);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .012) 46%, rgba(245, 5, 56, .018)),
    linear-gradient(180deg, rgba(14, 15, 17, .96), rgba(7, 8, 9, .94));
  box-shadow:
    0 36px 96px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .07);
}

body.route-marketplace:not(.admin-body) .marketplace-hero__copy {
  align-content: center;
}

body.route-marketplace:not(.admin-body) .marketplace-hero__copy h1 {
  max-width: 10.5ch;
}

body.route-marketplace:not(.admin-body) .marketplace-hero__media {
  min-height: 100%;
  border-left: 1px solid rgba(255, 255, 255, .08);
}

body.route-marketplace:not(.admin-body) .marketplace-hero__lot {
  left: 18px;
  right: 18px;
  bottom: 18px;
  border-radius: 5px;
  border-color: rgba(255, 255, 255, .14);
  background:
    linear-gradient(135deg, rgba(9, 10, 12, .86), rgba(9, 10, 12, .68)),
    rgba(0, 0, 0, .42);
  backdrop-filter: blur(16px);
}

/* Filters stay purely functional, but feel like a precise inventory control. */
body:not(.admin-body) .marketplace-filters {
  border-color: rgba(255, 255, 255, .115);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014)),
    rgba(9, 10, 12, .84);
  box-shadow:
    0 20px 52px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}

body:not(.admin-body) .marketplace-filters label {
  min-width: 0;
}

body:not(.admin-body) .marketplace-filters label > span:first-child {
  color: rgba(244, 245, 247, .46);
  font-family: "JetBrains Mono", monospace;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body:not(.admin-body) .marketplace-filters input,
body:not(.admin-body) .marketplace-filters select {
  min-height: 42px;
}

body:not(.admin-body) .marketplace-filters__submit {
  border-color: rgba(245, 5, 56, .34);
  background: rgba(245, 5, 56, .10);
}

/* Listing cards, stronger useful hierarchy, no extra decorative content. */
body:not(.admin-body) .marketplace-listing-grid {
  gap: 18px;
}

body:not(.admin-body) .marketplace-listing-card {
  border-color: rgba(255, 255, 255, .115);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .040), rgba(255, 255, 255, .012)),
    var(--spc-market-functional-panel);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .26),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) .marketplace-listing-card:hover {
  border-color: rgba(255, 255, 255, .18);
  box-shadow:
    0 30px 72px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

body:not(.admin-body) .marketplace-listing-card__media {
  aspect-ratio: 1.52;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body:not(.admin-body) .marketplace-listing-card__media::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .05), transparent 42%, rgba(0, 0, 0, .42)),
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .08), transparent 32%);
}

body:not(.admin-body) .marketplace-listing-card__body {
  padding: 18px 16px 15px;
}

body:not(.admin-body) .marketplace-listing-card__category {
  margin-bottom: 9px;
  color: rgba(244, 245, 247, .52);
}

body:not(.admin-body) .marketplace-listing-card h3 {
  font-size: 1.05rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

body:not(.admin-body) .marketplace-listing-card__spec {
  min-height: 34px;
  margin-top: 10px;
  color: rgba(244, 245, 247, .54);
}

body:not(.admin-body) .marketplace-listing-card__meta {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .075);
}

body:not(.admin-body) .marketplace-listing-card__meta strong {
  color: #f4f5f7;
  font-size: .95rem;
  letter-spacing: -.02em;
}

body:not(.admin-body) .marketplace-listing-card__trust {
  border-color: rgba(255, 255, 255, .07);
  color: rgba(244, 245, 247, .46);
}

body:not(.admin-body) .marketplace-listing-card__save {
  top: 10px;
  right: 10px;
}

/* Detail page, more serious listing presentation using existing values. */
body:not(.admin-body) .marketplace-detail-header {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

body:not(.admin-body) .marketplace-detail-header__badges {
  gap: 8px;
}

body:not(.admin-body) .marketplace-detail-header__price {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 5px;
  background: rgba(255, 255, 255, .032);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) .marketplace-detail-header__price > span {
  color: #f4f5f7;
}

body:not(.admin-body) .marketplace-image-gallery__main {
  border-color: rgba(255, 255, 255, .115);
  box-shadow: 0 28px 72px rgba(0, 0, 0, .30);
}

body:not(.admin-body) .marketplace-spec-table dl,
body:not(.admin-body) .marketplace-disclosure-grid,
body:not(.admin-body) .marketplace-legal-note,
body:not(.admin-body) .marketplace-seller-card,
body:not(.admin-body) .marketplace-chat-card,
body:not(.admin-body) .marketplace-owner-panel,
body:not(.admin-body) .marketplace-report-card {
  border-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .012)),
    rgba(9, 10, 12, .86);
}

body:not(.admin-body) .marketplace-spec-table dl div,
body:not(.admin-body) .marketplace-disclosure-grid article {
  border-color: rgba(255, 255, 255, .075);
}

body:not(.admin-body) .marketplace-legal-note {
  border-color: rgba(245, 5, 56, .25);
  background:
    linear-gradient(135deg, rgba(245, 5, 56, .085), rgba(255, 255, 255, .012) 48%, transparent),
    rgba(15, 10, 11, .88);
}

body:not(.admin-body) .marketplace-seller-card__identity > span {
  border-color: rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .045);
}

body:not(.admin-body) .marketplace-seller-card__trust {
  border-color: rgba(255, 255, 255, .075);
}

/* Listing form, no static guidance cards, only clearer form hierarchy. */
body:not(.admin-body) .marketplace-form-header,
body:not(.admin-body) .marketplace-form-progress,
body:not(.admin-body) .marketplace-form,
body:not(.admin-body) .marketplace-form-step,
body:not(.admin-body) .marketplace-choice > span,
body:not(.admin-body) .marketplace-photo-drop,
body:not(.admin-body) .marketplace-preview-card,
body:not(.admin-body) .marketplace-quality-checklist label,
body:not(.admin-body) .marketplace-submit-note {
  border-color: rgba(255, 255, 255, .105);
}

body:not(.admin-body) .marketplace-form-step legend {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

body:not(.admin-body) .marketplace-context-fields {
  padding-left: 18px;
  border-left: 2px solid rgba(245, 5, 56, .22);
}

body:not(.admin-body) .marketplace-choice input:checked + span {
  border-color: rgba(245, 5, 56, .48);
  background: rgba(245, 5, 56, .09);
}

body:not(.admin-body) .marketplace-form-actions {
  border-top: 1px solid rgba(255, 255, 255, .075);
}

@media (max-width: 1100px) {
  body.route-marketplace:not(.admin-body) .marketplace-hero {
    grid-template-columns: 1fr;
  }

  body.route-marketplace:not(.admin-body) .marketplace-hero__media {
    min-height: 320px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) .marketplace-listing-grid {
    gap: 14px;
  }

  body:not(.admin-body) .marketplace-detail-header__price {
    width: 100%;
    justify-content: space-between;
  }

  body:not(.admin-body) .marketplace-context-fields {
    padding-left: 12px;
  }
}

/* SPC Marketplace Emergency Restore Guard
   Safety guard for deployments that applied the previous touched-file package on
   top of the broken marketplace pass: hide stale informational markup if it is
   still present in cached/overwritten PHP templates. */
body:not(.admin-body) :where(
  .marketplace-hero__protocol,
  .marketplace-submission-protocol,
  .marketplace-detail-dossier,
  .marketplace-filters__bar,
  .marketplace-seller-card__dossier
) {
  display: none !important;
}

/* SPC Marketplace Detail Price Accent Restore
   Restore the listing-detail price accent to the original red-led visual language.
   This only affects visual color/shadow, not price logic or marketplace data. */
body:not(.admin-body) .marketplace-detail-header__price > span {
  color: #ff3155;
  text-shadow: 0 0 22px rgba(245, 5, 56, .20);
}

/* SPC Marketplace Detail Price Original Restore
   Remove the added price container treatment and restore the listing detail price
   to the original red text-led presentation. */
body:not(.admin-body) .marketplace-detail-header__price {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body:not(.admin-body) .marketplace-detail-header__price > span {
  color: #ff3155;
  text-shadow: none;
}

/* SPC Member Garage Functional Polish
   Targeted member-area pass: refine existing dashboard, garage, profile and route
   components using real existing content only. No decorative copy/cards, no new
   sections, no business logic or JS changes. */
body:not(.admin-body) {
  --spc-member-line: rgba(255, 255, 255, .105);
  --spc-member-line-strong: rgba(255, 255, 255, .16);
  --spc-member-panel: rgba(10, 11, 13, .91);
  --spc-member-red: rgba(245, 5, 56, .54);
}

/* Member dashboard header and navigation. */
body:not(.admin-body) .member-dashboard-header {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

body:not(.admin-body) .member-dashboard-header h1 {
  letter-spacing: -.055em;
}

body:not(.admin-body) .member-dashboard-tabs {
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 6px;
  background: rgba(255, 255, 255, .026);
}

body:not(.admin-body) .member-dashboard-tabs :where(a, button) {
  min-height: 36px;
  border-radius: 4px;
  border-color: transparent;
}

body:not(.admin-body) .member-dashboard-tabs :where(a, button).is-active,
body:not(.admin-body) .member-dashboard-tabs :where(a, button)[aria-selected="true"] {
  border-color: rgba(245, 5, 56, .28);
  background: rgba(245, 5, 56, .09);
  color: #fff;
}

/* Main garage media, stronger but still practical. */
body:not(.admin-body) .member-showroom {
  min-height: 320px;
  border-color: var(--spc-member-line-strong);
  background: rgba(7, 8, 10, .92);
  box-shadow:
    0 28px 76px rgba(0, 0, 0, .32),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) .member-showroom.is-empty {
  min-height: 260px;
  border-style: dashed;
  box-shadow: none;
}

body:not(.admin-body) .member-showroom img {
  object-fit: cover;
  filter: saturate(.94) contrast(1.03) brightness(.92);
}

body:not(.admin-body) .member-garage-quality {
  border-color: rgba(255, 255, 255, .095);
  background: rgba(255, 255, 255, .026);
}

/* Garage panels, cars and build log. */
body:not(.admin-body) .garage-compact-grid {
  gap: 18px;
}

body:not(.admin-body) .garage-compact-panel {
  border-color: rgba(255, 255, 255, .11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)),
    var(--spc-member-panel);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body:not(.admin-body) .garage-compact-panel__head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

body:not(.admin-body) .garage-compact-panel__head h3,
body:not(.admin-body) .garage-compact-panel__head h2 {
  letter-spacing: -.03em;
}

body:not(.admin-body) .garage-compact-panel__head span {
  border-radius: 3px;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .035);
}

body:not(.admin-body) .garage-car-list,
body:not(.admin-body) .garage-build-log-list {
  gap: 10px;
}

body:not(.admin-body) .garage-car-row,
body:not(.admin-body) .garage-build-log-list article {
  border-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .010)),
    rgba(0, 0, 0, .20);
}

body:not(.admin-body) .garage-car-row:hover,
body:not(.admin-body) .garage-build-log-list article:hover {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .035);
}

body:not(.admin-body) .garage-car-row__thumb,
body:not(.admin-body) .member-profile-car-list__image {
  width: 74px;
  height: 54px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, .105);
  object-fit: cover;
  background: rgba(255, 255, 255, .04);
}

body:not(.admin-body) .garage-car-row strong,
body:not(.admin-body) .garage-build-log-list strong {
  letter-spacing: -.015em;
}

body:not(.admin-body) .garage-car-row__actions :where(a, button),
body:not(.admin-body) .garage-build-log-list button {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 4px;
  background: rgba(255, 255, 255, .028);
}

body:not(.admin-body) .garage-car-row__actions :where(a, button):hover,
body:not(.admin-body) .garage-build-log-list button:hover {
  border-color: rgba(245, 5, 56, .24);
  background: rgba(245, 5, 56, .075);
}

body:not(.admin-body) .garage-inline-details summary {
  min-height: 34px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 4px;
  background: rgba(255, 255, 255, .024);
}

body:not(.admin-body) .garage-compact-form {
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 5px;
  background: rgba(0, 0, 0, .16);
}

/* Member directory / match cards. */
body:not(.admin-body) .member-dashboard-directory,
body:not(.admin-body) .member-match-mini-grid {
  gap: 18px;
}

body:not(.admin-body) .member-dashboard-card,
body:not(.admin-body) .member-match-mini-card {
  border-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .012)),
    var(--spc-member-panel);
}

body:not(.admin-body) .member-dashboard-card__media {
  aspect-ratio: 1.48;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body:not(.admin-body) .member-dashboard-card__media img {
  filter: saturate(.94) contrast(1.03) brightness(.92);
}

body:not(.admin-body) .member-dashboard-card__body {
  padding: 15px;
}

body:not(.admin-body) .member-dashboard-card__body h3,
body:not(.admin-body) .member-match-mini-card strong {
  letter-spacing: -.025em;
}

body:not(.admin-body) .member-dashboard-card__actions {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .07);
}

body:not(.admin-body) .member-match-mini-card {
  padding: 14px;
}

/* Member profile, keep existing content but make it feel more finished. */
body:not(.admin-body) .member-profile-stage {
  border-color: rgba(255, 255, 255, .12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .046), rgba(255, 255, 255, .012) 52%, rgba(245, 5, 56, .014)),
    rgba(9, 10, 12, .90);
}

body:not(.admin-body) .member-profile-stage__media {
  border-color: rgba(255, 255, 255, .105);
  background: rgba(7, 8, 10, .92);
}

body:not(.admin-body) .member-profile-stage__copy h1 {
  letter-spacing: -.06em;
}

body:not(.admin-body) .member-profile-stage__lead {
  color: rgba(244, 245, 247, .66);
}

body:not(.admin-body) .member-profile-stage__chips span,
body:not(.admin-body) .member-profile-tags span {
  min-height: 25px;
  border-color: rgba(255, 255, 255, .115);
  background: rgba(255, 255, 255, .035);
}

body:not(.admin-body) .member-profile-panel,
body:not(.admin-body) .member-profile-command__intro,
body:not(.admin-body) .member-profile-command__panel,
body:not(.admin-body) .member-profile-activity__card,
body:not(.admin-body) .member-profile-related__card {
  border-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .012)),
    rgba(9, 10, 12, .88);
}

body:not(.admin-body) .member-profile-panel h2,
body:not(.admin-body) .member-profile-activity__head h2 {
  letter-spacing: -.035em;
}

body:not(.admin-body) .member-profile-specs div,
body:not(.admin-body) .member-profile-statline div,
body:not(.admin-body) .member-profile-car-list article,
body:not(.admin-body) .member-profile-timeline article {
  border-color: rgba(255, 255, 255, .085);
  background: rgba(255, 255, 255, .024);
}

/* Member routes, existing route data only. */
body:not(.admin-body) .member-routes-hero,
body:not(.admin-body) .member-routes-tools,
body:not(.admin-body) .member-routes-composer,
body:not(.admin-body) .member-route-card {
  border-color: rgba(255, 255, 255, .105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .012)),
    rgba(9, 10, 12, .88);
}

body:not(.admin-body) .member-routes-tools {
  padding: 8px;
  border-radius: 6px;
}

body:not(.admin-body) .member-routes-tools input,
body:not(.admin-body) .member-routes-tools select {
  min-height: 40px;
}

body:not(.admin-body) .member-route-card {
  overflow: hidden;
}

body:not(.admin-body) .member-route-card.is-saved {
  border-color: rgba(245, 5, 56, .22);
}

body:not(.admin-body) .member-route-card__rail {
  border-right: 1px solid rgba(255, 255, 255, .08);
  background: rgba(0, 0, 0, .22);
}

body:not(.admin-body) .member-route-card__body {
  padding: 18px;
}

body:not(.admin-body) .member-route-card__head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
}

body:not(.admin-body) .member-route-card__meta {
  gap: 10px;
}

body:not(.admin-body) .member-route-card__meta span {
  border-color: rgba(255, 255, 255, .07);
}

body:not(.admin-body) .route-practical-details {
  border-color: rgba(255, 255, 255, .085);
  background: rgba(255, 255, 255, .024);
}

body:not(.admin-body) .route-state-actions button {
  min-height: 32px;
}

@media (max-width: 960px) {
  body:not(.admin-body) .member-showroom {
    min-height: 260px;
  }

  body:not(.admin-body) .member-route-card__rail {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }
}

@media (max-width: 680px) {
  body:not(.admin-body) .member-dashboard-header,
  body:not(.admin-body) .member-profile-stage__actions,
  body:not(.admin-body) .member-dashboard-card__actions,
  body:not(.admin-body) .garage-car-row__actions,
  body:not(.admin-body) .member-route-card__actions {
    align-items: stretch;
  }

  body:not(.admin-body) .garage-car-row,
  body:not(.admin-body) .garage-build-log-list article {
    gap: 12px;
  }

  body:not(.admin-body) .garage-car-row__thumb,
  body:not(.admin-body) .member-profile-car-list__image {
    width: 64px;
    height: 48px;
  }

  body:not(.admin-body) .member-dashboard-card__body,
  body:not(.admin-body) .member-route-card__body {
    padding: 14px;
  }
}

/* SPC Events RSVP Functional Polish
   Targeted event-area pass: polish existing events, event detail, RSVP/access,
   gallery/location/host tools and mobile sticky actions. No new sections, no
   decorative copy blocks, no PHP, no JS and no business logic changes. */
body:not(.admin-body) {
  --spc-event-line: rgba(255, 255, 255, .105);
  --spc-event-line-strong: rgba(255, 255, 255, .16);
  --spc-event-panel: rgba(10, 11, 13, .91);
  --spc-event-red: rgba(245, 5, 56, .54);
}

/* Events index: existing intro, filters and event cards. */
body.route-events:not(.admin-body) .page-intro {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

body.route-events:not(.admin-body) .page-intro .inline-flex {
  border-radius: 5px;
  border-color: rgba(255, 255, 255, .11);
  background: rgba(255, 255, 255, .032);
}

body.route-events:not(.admin-body) aside .sticky {
  border-color: rgba(255, 255, 255, .11) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .012)),
    rgba(9, 10, 12, .88) !important;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, .26),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body.route-events:not(.admin-body) aside .sticky input,
body.route-events:not(.admin-body) aside .sticky select {
  min-height: 40px;
  border-color: rgba(255, 255, 255, .105) !important;
  background-color: rgba(0, 0, 0, .20) !important;
}

body.route-events:not(.admin-body) .card-lift {
  border-color: rgba(255, 255, 255, .11) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .012)),
    var(--spc-event-panel) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .24),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body.route-events:not(.admin-body) .card-lift:hover {
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow:
    0 30px 72px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.route-events:not(.admin-body) .card-lift .relative.h-32 {
  border-right: 1px solid rgba(255, 255, 255, .08);
  background: rgba(0, 0, 0, .24);
}

body.route-events:not(.admin-body) .card-lift img {
  filter: saturate(.92) contrast(1.03) brightness(.86);
}

body.route-events:not(.admin-body) .card-lift h2 {
  letter-spacing: -.035em;
}

body.route-events:not(.admin-body) .card-lift .grid.grid-cols-2 {
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 4px;
  background: rgba(255, 255, 255, .06);
}

body.route-events:not(.admin-body) .card-lift .grid.grid-cols-2 > div {
  padding: 9px 10px;
  background: rgba(0, 0, 0, .18);
}

body.route-events:not(.admin-body) .card-lift .border-t {
  border-color: rgba(255, 255, 255, .075) !important;
}

/* Event detail hero and primary stats. */
body[class*="route-events-"]:not(.admin-body) .event-hero__content {
  max-width: 980px;
}

body[class*="route-events-"]:not(.admin-body) .event-hero__content h1 {
  letter-spacing: -.065em;
}

body[class*="route-events-"]:not(.admin-body) .event-countdown,
body[class*="route-events-"]:not(.admin-body) .event-closed-inline,
body[class*="route-events-"]:not(.admin-body) .event-member-state,
body[class*="route-events-"]:not(.admin-body) .event-recap-card,
body[class*="route-events-"]:not(.admin-body) .event-gallery-strip,
body[class*="route-events-"]:not(.admin-body) .event-live-hub,
body[class*="route-events-"]:not(.admin-body) .event-ended-notice,
body[class*="route-events-"]:not(.admin-body) .event-location-map-shell,
body[class*="route-events-"]:not(.admin-body) #event-access,
body[class*="route-events-"]:not(.admin-body) .event-host-tools {
  border-color: rgba(255, 255, 255, .105) !important;
  border-radius: 6px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .036), rgba(255, 255, 255, .012)),
    rgba(9, 10, 12, .88) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

body[class*="route-events-"]:not(.admin-body) .event-hero__stats > div,
body[class*="route-events-"]:not(.admin-body) .grid.grid-cols-1.md\:grid-cols-4 > .bg-\[\#141414\],
body[class*="route-events-"]:not(.admin-body) .event-live-hub__stats > *,
body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue article {
  border-color: rgba(255, 255, 255, .095) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .026) !important;
}

body[class*="route-events-"]:not(.admin-body) .event-hero__stats > div p:first-child,
body[class*="route-events-"]:not(.admin-body) .grid.grid-cols-1.md\:grid-cols-4 > .bg-\[\#141414\] .mono {
  color: rgba(244, 245, 247, .48) !important;
}

body[class*="route-events-"]:not(.admin-body) .event-hero__stats > div p:last-child,
body[class*="route-events-"]:not(.admin-body) .grid.grid-cols-1.md\:grid-cols-4 > .bg-\[\#141414\] .font-bold {
  color: rgba(244, 245, 247, .92) !important;
}

/* Event gallery and location/navigation. */
body[class*="route-events-"]:not(.admin-body) .event-gallery-strip__head,
body[class*="route-events-"]:not(.admin-body) .event-live-hub__head,
body[class*="route-events-"]:not(.admin-body) .event-host-tools__head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

body[class*="route-events-"]:not(.admin-body) .event-gallery-strip__grid img,
body[class*="route-events-"]:not(.admin-body) .event-location-map img,
body[class*="route-events-"]:not(.admin-body) .event-access-photo__frame img {
  filter: saturate(.92) contrast(1.03) brightness(.92);
}

body[class*="route-events-"]:not(.admin-body) .event-nav-button {
  border-radius: 4px;
  border-color: rgba(255, 255, 255, .11);
  background: rgba(255, 255, 255, .032);
}

body[class*="route-events-"]:not(.admin-body) .event-nav-button:hover {
  border-color: rgba(245, 5, 56, .26);
  background: rgba(245, 5, 56, .075);
}

/* RSVP / event access functional UI. */
body[class*="route-events-"]:not(.admin-body) #event-access {
  padding: 22px !important;
}

body[class*="route-events-"]:not(.admin-body) .event-car-selector,
body[class*="route-events-"]:not(.admin-body) .event-access-card,
body[class*="route-events-"]:not(.admin-body) .event-access-card__toggle,
body[class*="route-events-"]:not(.admin-body) .event-access-card__panel,
body[class*="route-events-"]:not(.admin-body) .event-access-closed {
  border-color: rgba(255, 255, 255, .095);
  background: rgba(255, 255, 255, .024);
}

body[class*="route-events-"]:not(.admin-body) .event-access-card.is-open,
body[class*="route-events-"]:not(.admin-body) .event-car-selector:has(input:checked) {
  border-color: rgba(245, 5, 56, .24);
  background: rgba(245, 5, 56, .055);
}

body[class*="route-events-"]:not(.admin-body) .event-access-card__toggle {
  min-height: 76px;
  border-radius: 5px;
}

body[class*="route-events-"]:not(.admin-body) .event-access-card__title {
  letter-spacing: -.015em;
}

body[class*="route-events-"]:not(.admin-body) .event-member-access-form,
body[class*="route-events-"]:not(.admin-body) .event-access-form {
  padding-top: 4px;
}

body[class*="route-events-"]:not(.admin-body) :where(#event-access input, #event-access select, #event-access textarea) {
  min-height: 40px;
  border-color: rgba(255, 255, 255, .105) !important;
  background-color: rgba(0, 0, 0, .20) !important;
}

body[class*="route-events-"]:not(.admin-body) .event-member-access-form__actions,
body[class*="route-events-"]:not(.admin-body) .event-access-photo__toolbar,
body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue form {
  gap: 8px;
}

body[class*="route-events-"]:not(.admin-body) .event-access-photo__frame {
  border-color: rgba(255, 255, 255, .105);
  background: rgba(7, 8, 10, .90);
}

body[class*="route-events-"]:not(.admin-body) .event-access-photo__button {
  border-radius: 4px;
}

/* Host tools / queue rows. */
body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue {
  gap: 10px;
}

body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue article {
  padding: 12px;
}

body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue select,
body[class*="route-events-"]:not(.admin-body) .event-host-tools__queue button {
  min-height: 34px;
  border-radius: 4px;
}

body[class*="route-events-"]:not(.admin-body) .event-host-tools__link {
  border-color: rgba(255, 255, 255, .095);
}

/* Mobile event actions. */
body:not(.admin-body) .mobile-sticky-actions--event {
  border-radius: 6px;
  border-color: rgba(255, 255, 255, .13);
  background: rgba(9, 10, 12, .88);
}

body:not(.admin-body) .mobile-sticky-actions--event :where(a, button) {
  min-height: 34px;
  border-radius: 4px;
}

@media (max-width: 900px) {
  body.route-events:not(.admin-body) .card-lift .relative.h-32 {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }

  body[class*="route-events-"]:not(.admin-body) #event-access {
    position: static;
  }
}

@media (max-width: 680px) {
  body.route-events:not(.admin-body) .card-lift .grid.grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }

  body[class*="route-events-"]:not(.admin-body) .event-hero__stats,
  body[class*="route-events-"]:not(.admin-body) .grid.grid-cols-1.md\:grid-cols-4 {
    gap: 10px;
  }

  body[class*="route-events-"]:not(.admin-body) #event-access {
    padding: 16px !important;
  }

  body[class*="route-events-"]:not(.admin-body) .event-access-card__toggle {
    min-height: 68px;
  }
}

/* SPC Final CSS Conflict Cleanup
   Public-side guard layer: avoid stale marketplace protocol markup, keep final
   geometry technical, and prevent public effects from leaking into admin. */
body:not(.admin-body) :where(
  .marketplace-hero__protocol,
  .marketplace-submission-protocol,
  .marketplace-detail-dossier,
  .marketplace-filters__bar,
  .marketplace-seller-card__dossier
) {
  display: none !important;
}

body:not(.admin-body) :where(.btn, button, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  border-radius: 4px;
}

body:not(.admin-body) :where(.feature-dossier, .event-card, .member-dashboard-card, .member-route-card, .marketplace-listing-card, .marketplace-seller-card, .marketplace-enquiry-card, .member-profile-panel, .garage-compact-panel, .event-access-card, .rounded-md.border, .rounded-lg.border, .rounded-xl.border, .rounded-2xl.border) {
  border-radius: 6px;
}

body:not(.admin-body) :where(.marketplace-listing-card, .member-dashboard-card, .member-route-card, .event-card, .feature-dossier, .garage-compact-panel, .member-profile-panel) {
  max-width: 100%;
}

body:not(.admin-body) :where(.marketplace-detail-layout, .member-profile-grid, .garage-compact-grid, .member-dashboard-directory, .member-routes-layout, .event-gallery-strip__grid) {
  min-width: 0;
}

body.admin-body :where(.site-header, .mobile-sticky-actions, .ambient-glow, .grain-overlay) {
  display: none !important;
}

/* SPC Mobile Button Alignment Bugfix
   Ensure wrapped button labels stay centered on mobile without changing button copy or logic. */
@media (max-width: 760px) {
  body:not(.admin-body) :where(
    .btn,
    button,
    a.btn,
    .event-nav-button,
    .event-access-photo__button,
    .marketplace-watch-button,
    .marketplace-filters__submit,
    .marketplace-form-actions :where(a, button),
    .member-profile-stage__actions :where(a, button),
    .member-dashboard-card__actions :where(a, button),
    .garage-car-row__actions :where(a, button),
    .member-route-card__actions :where(a, button),
    .route-state-actions button,
    .mobile-sticky-actions :where(a, button)
  ) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
    white-space: normal;
  }

  body:not(.admin-body) :where(
    .btn.w-full,
    button.w-full,
    a.btn.w-full,
    .marketplace-form-actions :where(a, button),
    .event-member-access-form__actions :where(a, button),
    .event-access-photo__toolbar :where(a, button),
    .garage-car-row__actions :where(a, button),
    .member-route-card__actions :where(a, button)
  ) {
    width: 100%;
  }
}

/* SPC Premium Platform Expansion
   Integrated product layer. It extends the established SPC geometry and
   typography instead of introducing a separate visual system. */
:root {
  --spc-product-red: var(--brand-primary, #f50538);
  --spc-product-line: rgba(255, 255, 255, .10);
  --spc-product-muted: rgba(244, 245, 247, .56);
  --spc-product-ease: cubic-bezier(.22, 1, .36, 1);
}

body :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid rgba(245, 5, 56, .82);
  outline-offset: 3px;
}

.spc-toast-region {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 140;
  display: grid;
  width: min(340px, calc(100vw - 32px));
  gap: 8px;
  pointer-events: none;
}

.spc-toast {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-left: 2px solid var(--spc-product-red);
  border-radius: 5px;
  color: rgba(255, 255, 255, .92);
  background: rgba(9, 11, 14, .96);
  box-shadow: 0 20px 52px rgba(0, 0, 0, .42);
  font-size: .8rem;
  line-height: 1.45;
  animation: spc-toast-in 220ms var(--spc-product-ease) both;
}

.spc-toast--attention {
  border-left-color: #f2b84b;
}

@keyframes spc-toast-in {
  from { opacity: 0; transform: translateY(8px); }
}

.platform-progress,
.spc-progress {
  position: relative;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(255, 255, 255, .08);
}

.platform-progress > span,
.spc-progress > span {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--platform-progress, var(--spc-progress, 0%));
  background: linear-gradient(90deg, #9f082b, var(--spc-product-red));
  transition: width 420ms var(--spc-product-ease);
}

/* Public event browsing */
.event-browse-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 5px;
  background: rgba(255, 255, 255, .022);
}

.event-browse-summary__copy {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.event-browse-summary__copy strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
  letter-spacing: -.03em;
}

.event-browse-summary__copy span,
.event-active-filters span {
  color: var(--spc-product-muted);
  font-size: .72rem;
}

.event-active-filters {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.event-active-filters a,
.event-active-filters b {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 3px;
  color: rgba(255, 255, 255, .70);
  background: rgba(255, 255, 255, .035);
  font-family: "JetBrains Mono", monospace;
  font-size: .61rem;
  font-weight: 500;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.event-active-filters a {
  border-color: rgba(245, 5, 56, .24);
  color: #ff9bb0;
}

.event-filter-reset {
  display: inline-flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 4px;
  color: rgba(255, 255, 255, .54);
  font-size: .72rem;
}

.event-card-state-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: -8px 10px 2px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-top: 0;
  border-radius: 0 0 5px 5px;
  background: rgba(255, 255, 255, .012);
}

.event-card-state-actions form {
  margin: 0;
}

.event-card-state-actions button {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 3px;
  color: rgba(255, 255, 255, .50);
  background: rgba(255, 255, 255, .025);
  font-size: .66rem;
}

.event-card-state-actions button:is(:hover, .is-active) {
  border-color: rgba(245, 5, 56, .30);
  color: #fff;
  background: rgba(245, 5, 56, .09);
}

/* Event dossier navigation */
.event-command-rail {
  position: sticky;
  top: 82px;
  z-index: 34;
  border-top: 1px solid rgba(255, 255, 255, .075);
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  background: rgba(8, 10, 12, .89);
  backdrop-filter: blur(18px);
}

.event-command-rail__inner {
  display: flex;
  width: min(1360px, calc(100vw - 40px));
  min-height: 58px;
  margin: 0 auto;
  align-items: center;
  gap: 3px;
}

.event-command-rail :is(a, button) {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 0;
  border-radius: 4px;
  color: rgba(255, 255, 255, .55);
  background: transparent;
  font-size: .73rem;
  font-weight: 700;
  white-space: nowrap;
  transition: color 160ms ease, background 160ms ease;
}

.event-command-rail :is(a:hover, button:hover, a.is-active) {
  color: #fff;
  background: rgba(255, 255, 255, .055);
}

.event-command-rail__spacer { flex: 1; }

.event-command-rail__primary {
  color: #fff !important;
  background: var(--spc-product-red) !important;
}

#event-overview,
#event-live-hub,
#event-venue,
#event-attendees,
#event-itinerary,
#event-access {
  scroll-margin-top: 160px;
}

/* Member HQ */
.member-hq-deck {
  margin: 0 0 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .105);
  border-radius: 6px;
  background:
    radial-gradient(circle at 100% 0, rgba(245, 5, 56, .085), transparent 31%),
    linear-gradient(180deg, rgba(17, 19, 22, .94), rgba(10, 12, 14, .97));
  box-shadow: 0 24px 62px rgba(0, 0, 0, .22);
}

.member-hq-deck__head {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
}

.member-hq-deck__head h2 {
  margin: 4px 0 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(1.1rem, 1.7vw, 1.45rem);
  letter-spacing: -.035em;
}

.member-hq-deck__head > span {
  color: rgba(255, 255, 255, .42);
  font-family: "JetBrains Mono", monospace;
  font-size: .63rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.member-hq-deck__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-hq-card {
  position: relative;
  display: grid;
  min-height: 150px;
  align-content: space-between;
  gap: 12px;
  padding: 17px 18px;
  border-right: 1px solid rgba(255, 255, 255, .075);
  color: inherit;
  background: rgba(255, 255, 255, .01);
  transition: background 180ms ease, transform 180ms ease;
}

.member-hq-card:last-child { border-right: 0; }
.member-hq-card:hover {
  z-index: 1;
  background: rgba(255, 255, 255, .035);
  transform: translateY(-2px);
}

.member-hq-card__label {
  color: rgba(255, 255, 255, .40);
  font-family: "JetBrains Mono", monospace;
  font-size: .62rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.member-hq-card strong {
  display: block;
  max-width: 22ch;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.member-hq-card p {
  margin: 7px 0 0;
  color: var(--spc-product-muted);
  font-size: .75rem;
  line-height: 1.5;
}

.member-hq-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(255, 255, 255, .66);
  font-size: .7rem;
}

.member-hq-card__value {
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem;
  letter-spacing: -.05em;
}

.member-hq-deck__actions {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 9px 11px;
  border-top: 1px solid rgba(255, 255, 255, .075);
  overflow-x: auto;
  scrollbar-width: none;
}

.member-hq-deck__actions::-webkit-scrollbar { display: none; }
.member-hq-deck__actions a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 10px;
  border-radius: 4px;
  color: rgba(255, 255, 255, .58);
  font-size: .71rem;
  white-space: nowrap;
}
.member-hq-deck__actions a:hover {
  color: #fff;
  background: rgba(255, 255, 255, .05);
}

.member-next-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 12px;
  margin-bottom: 20px;
}

.member-next-actions__primary,
.member-next-actions__pulse {
  padding: 17px 18px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 6px;
  background: rgba(255, 255, 255, .022);
}

.member-next-actions__primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.member-next-actions__primary h3 {
  margin: 5px 0 4px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
  letter-spacing: -.03em;
}

.member-next-actions__primary p,
.member-next-actions__pulse p {
  color: var(--spc-product-muted);
  font-size: .76rem;
  line-height: 1.5;
}

.member-next-actions__pulse {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
}

.member-next-actions__pulse div {
  min-width: 0;
}

.member-next-actions__pulse strong,
.member-next-actions__pulse span {
  display: block;
}

.member-next-actions__pulse strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.05rem;
}

.member-next-actions__pulse span {
  margin-top: 3px;
  color: rgba(255, 255, 255, .40);
  font-family: "JetBrains Mono", monospace;
  font-size: .56rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Form completion */
.spc-form-completion {
  position: sticky;
  top: 90px;
  z-index: 12;
  display: grid;
  grid-template-columns: auto minmax(100px, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 5px;
  background: rgba(10, 12, 15, .92);
  backdrop-filter: blur(16px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
}

.spc-form-completion strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: .82rem;
}

.spc-form-completion small {
  color: rgba(255, 255, 255, .44);
  font-size: .66rem;
}

.spc-form-completion__value {
  color: #fff;
  font-family: "JetBrains Mono", monospace;
  font-size: .69rem;
}

.spc-form-section {
  padding-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.spc-form-section:first-of-type {
  border-top: 0;
}

.spc-form-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
}

.spc-form-section__head strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: .95rem;
  letter-spacing: -.02em;
}

.spc-form-section__head span {
  color: rgba(255, 255, 255, .38);
  font-family: "JetBrains Mono", monospace;
  font-size: .58rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.spc-form-save-state {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(242, 184, 75, .24);
  border-radius: 3px;
  color: #f2cf84;
  background: rgba(242, 184, 75, .07);
  font-family: "JetBrains Mono", monospace;
  font-size: .59rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Marketplace comparison and trust */
.marketplace-listing-card__save {
  display: grid;
  gap: 5px;
}

.marketplace-compare-button {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 4px;
  color: rgba(255, 255, 255, .74);
  background: rgba(7, 8, 10, .80);
  backdrop-filter: blur(10px);
}

.marketplace-compare-button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.marketplace-compare-button:is(:hover, .is-selected) {
  color: #fff;
  border-color: rgba(245, 5, 56, .60);
  background: rgba(245, 5, 56, .18);
}

.marketplace-listing-card__trust strong {
  margin-left: auto;
  color: rgba(255, 255, 255, .38);
  font-size: .61rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.marketplace-quality-meter {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.marketplace-quality-meter .spc-progress {
  min-width: 64px;
  flex: 1;
}

.marketplace-quality-meter span:last-child {
  color: rgba(255, 255, 255, .45);
  font-family: "JetBrains Mono", monospace;
  font-size: .58rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.marketplace-compare-tray {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 96;
  display: flex;
  width: min(760px, calc(100vw - 28px));
  min-height: 62px;
  align-items: center;
  gap: 12px;
  padding: 9px 10px 9px 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 6px;
  background: rgba(9, 11, 14, .97);
  box-shadow: 0 26px 76px rgba(0, 0, 0, .52);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 16px);
  transition: opacity 200ms ease, transform 200ms var(--spc-product-ease);
}

.marketplace-compare-tray.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.marketplace-compare-tray__copy { min-width: 116px; }
.marketplace-compare-tray__copy :is(strong, span) { display: block; }
.marketplace-compare-tray__copy strong { font-size: .8rem; }
.marketplace-compare-tray__copy span {
  margin-top: 2px;
  color: rgba(255, 255, 255, .42);
  font-size: .65rem;
}

.marketplace-compare-tray__items {
  display: flex;
  min-width: 0;
  flex: 1;
  gap: 5px;
  overflow: hidden;
}

.marketplace-compare-tray__item {
  min-width: 0;
  max-width: 170px;
  padding: 7px 9px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 4px;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .03);
  font-size: .67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketplace-compare-tray__actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

.marketplace-compare-tray__actions button,
.marketplace-compare-modal__head button {
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 4px;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .035);
  font-size: .69rem;
  font-weight: 700;
}

.marketplace-compare-tray__actions button[data-marketplace-compare-open] {
  color: #fff;
  border-color: var(--spc-product-red);
  background: var(--spc-product-red);
}

.marketplace-compare-tray__actions button:disabled {
  opacity: .42;
}

.marketplace-compare-modal {
  position: fixed;
  inset: 0;
  z-index: 125;
  display: grid;
  place-items: center;
  padding: 18px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease;
}

.marketplace-compare-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.marketplace-compare-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, .79);
  backdrop-filter: blur(10px);
}

.marketplace-compare-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1120px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 6px;
  background: #0d0f12;
  box-shadow: 0 36px 96px rgba(0, 0, 0, .62);
}

.marketplace-compare-modal__head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .085);
  background: rgba(13, 15, 18, .97);
  backdrop-filter: blur(14px);
}

.marketplace-compare-modal__head h2 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.22rem;
  letter-spacing: -.04em;
}

.marketplace-compare-grid {
  display: grid;
  grid-template-columns: repeat(var(--compare-columns, 2), minmax(0, 1fr));
}

.marketplace-compare-column {
  min-width: 0;
  border-right: 1px solid rgba(255, 255, 255, .075);
}
.marketplace-compare-column:last-child { border-right: 0; }

.marketplace-compare-column__media {
  display: grid;
  aspect-ratio: 16 / 9;
  place-items: center;
  overflow: hidden;
  color: rgba(255, 255, 255, .2);
  background: #08090b;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.6rem;
}

.marketplace-compare-column__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.marketplace-compare-column__body {
  display: grid;
  padding: 16px;
}

.marketplace-compare-column__body h3 {
  min-height: 2.5em;
  margin: 0 0 12px;
  font-size: .96rem;
  line-height: 1.25;
}

.marketplace-compare-row {
  display: grid;
  min-height: 52px;
  align-content: center;
  gap: 3px;
  padding: 9px 0;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.marketplace-compare-row span {
  color: rgba(255, 255, 255, .37);
  font-size: .59rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.marketplace-compare-row strong {
  font-size: .75rem;
  line-height: 1.45;
}

.marketplace-compare-column__body .btn {
  margin-top: 12px;
}

/* Shared client-side filtering */
.spc-filter-toolbar {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 16px 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 5px;
  background: rgba(255, 255, 255, .018);
}

.spc-filter-toolbar input[type="search"] {
  min-height: 38px;
  max-width: 440px;
  margin-right: auto;
}

.spc-filter-toolbar__buttons {
  display: flex;
  gap: 5px;
}

.spc-filter-toolbar__buttons button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 4px;
  color: rgba(255, 255, 255, .52);
  background: rgba(255, 255, 255, .025);
  font-size: .67rem;
  font-weight: 700;
}

.spc-filter-toolbar__buttons button.is-active {
  color: #fff;
  border-color: rgba(245, 5, 56, .32);
  background: rgba(245, 5, 56, .10);
}

.spc-filter-hidden { display: none !important; }
.spc-filter-empty {
  grid-column: 1 / -1;
  padding: 26px;
  border: 1px dashed rgba(255, 255, 255, .11);
  border-radius: 5px;
  color: rgba(255, 255, 255, .48);
  text-align: center;
}

.marketplace-saved-row__actions .marketplace-compare-button {
  width: 34px;
  height: 34px;
}

@media (max-width: 1180px) {
  .member-hq-deck__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .member-hq-card:nth-child(2) { border-right: 0; }
  .member-hq-card:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, .075);
  }
  .member-next-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .spc-toast-region {
    right: 16px;
    bottom: 82px;
  }
  .event-browse-summary,
  .member-next-actions__primary {
    align-items: flex-start;
    flex-direction: column;
  }
  .event-active-filters {
    justify-content: flex-start;
  }
  .event-command-rail { top: 70px; }
  .event-command-rail__inner {
    width: 100%;
    padding: 0 11px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .event-command-rail__inner::-webkit-scrollbar { display: none; }
  .event-command-rail__spacer { display: none; }
  .event-command-rail__primary {
    position: sticky;
    right: 0;
    z-index: 2;
    flex: 0 0 auto;
    margin-left: auto;
    box-shadow: -18px 0 20px rgba(8, 10, 12, .96);
  }
  #event-overview,
  #event-live-hub,
  #event-venue,
  #event-attendees,
  #event-itinerary,
  #event-access {
    scroll-margin-top: 140px;
  }
  .member-hq-deck__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .member-hq-deck__grid { grid-template-columns: 1fr; }
  .member-hq-card {
    min-height: 128px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
  }
  .member-hq-card:last-child { border-bottom: 0; }
  .member-next-actions__pulse {
    width: 100%;
  }
  .spc-form-completion {
    top: 76px;
    grid-template-columns: 1fr auto;
  }
  .spc-form-completion .spc-progress {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .marketplace-compare-tray { bottom: 74px; }
  .marketplace-compare-tray__copy,
  .marketplace-compare-tray__items { display: none; }
  .marketplace-compare-tray__actions { width: 100%; }
  .marketplace-compare-tray__actions button { flex: 1; }
  .marketplace-compare-modal { padding: 8px; }
  .marketplace-compare-modal__panel {
    max-height: calc(100vh - 16px);
  }
  .marketplace-compare-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .marketplace-compare-column {
    min-width: 86vw;
    scroll-snap-align: start;
  }
  .spc-filter-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .spc-filter-toolbar input[type="search"] {
    max-width: none;
  }
  .spc-filter-toolbar__buttons {
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spc-toast,
  .marketplace-compare-tray,
  .marketplace-compare-modal,
  .member-hq-card,
  .platform-progress > span,
  .spc-progress > span {
    animation: none !important;
    transition: none !important;
  }
}

/* SPC standout product layer: real member and feed signals */
.member-status-passport,
.club-signal-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: radial-gradient(circle at 18% 0%, rgba(245,5,56,.16), transparent 34%), linear-gradient(135deg, rgba(20,22,26,.96), rgba(8,9,11,.96));
  border-radius: 6px;
}

.member-status-passport {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 220px minmax(220px, .8fr) minmax(260px, 1fr);
  gap: 1px;
  margin: 20px 0;
  background-color: rgba(255,255,255,.08);
}

.member-status-passport > * {
  background: rgba(10,11,13,.82);
  padding: 22px;
}

.member-status-passport__identity h2 {
  margin-top: 8px;
  font-size: clamp(1.4rem, 2.2vw, 2.15rem);
  line-height: .95;
  letter-spacing: -.05em;
  font-weight: 900;
}

.member-status-passport__identity p:not(.mono) {
  margin-top: 12px;
  color: rgba(255,255,255,.58);
  font-size: .92rem;
  line-height: 1.55;
}

.member-status-passport__code {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.member-status-passport__code span {
  color: rgba(255,255,255,.72);
  font: 700 .72rem/1 var(--mono-font, monospace);
  letter-spacing: .16em;
  text-transform: uppercase;
}

.member-status-passport__code button {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  padding: 8px 10px;
  border-radius: 4px;
  font-size: .72rem;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.member-status-passport__code button:hover {
  transform: translateY(-1px);
  border-color: rgba(245,5,56,.38);
}

.member-status-passport__score {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.member-status-passport__score strong {
  color: #fff;
  font-size: clamp(3rem, 6vw, 5.3rem);
  line-height: .82;
  letter-spacing: -.08em;
  font-weight: 950;
}

.member-status-passport__score span,
.member-status-passport__signals span,
.member-status-passport__badges span,
.club-signal-card span {
  color: rgba(255,255,255,.48);
  font-size: .72rem;
}

.member-status-passport__signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255,255,255,.06);
}

.member-status-passport__signals div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  background: rgba(13,15,18,.86);
  padding: 14px;
}

.member-status-passport__signals strong {
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
}

.member-status-passport__badges {
  display: grid;
  gap: 10px;
}

.member-status-passport__badges article {
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.035);
  border-radius: 4px;
  padding: 11px 12px;
}

.member-status-passport__badges strong {
  display: block;
  color: rgba(255,255,255,.88);
  font-size: .82rem;
}

.member-status-passport__badges span {
  display: block;
  margin-top: 4px;
  line-height: 1.45;
}

.club-signal-card {
  margin-top: 18px;
  padding: 16px;
}

.club-signal-card__score {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.club-signal-card__score strong {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: -.04em;
}

.club-signal-card__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 14px;
  background: rgba(255,255,255,.07);
}

.club-signal-card__grid div {
  min-width: 0;
  background: rgba(7,8,10,.74);
  padding: 11px;
}

.club-signal-card__grid strong {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.club-signal-card__hot {
  display: block;
  margin-top: 13px;
  padding: 12px;
  border: 1px solid rgba(245,5,56,.22);
  background: rgba(245,5,56,.07);
  border-radius: 4px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.club-signal-card__hot:hover {
  transform: translateY(-1px);
  border-color: rgba(245,5,56,.42);
}

.club-signal-card__hot strong,
.club-signal-card__hot em {
  display: block;
}

.club-signal-card__hot strong {
  margin-top: 4px;
  color: #fff;
  font-size: .86rem;
}

.club-signal-card__hot em {
  margin-top: 4px;
  color: rgba(255,255,255,.58);
  font-size: .76rem;
  line-height: 1.45;
  font-style: normal;
}

@media (max-width: 1180px) {
  .member-status-passport {
    grid-template-columns: 1fr 220px;
  }
  .member-status-passport__signals,
  .member-status-passport__badges {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .member-status-passport {
    grid-template-columns: 1fr;
  }
  .member-status-passport > * {
    padding: 17px;
  }
  .club-signal-card__score {
    align-items: start;
    flex-direction: column;
  }
  .club-signal-card__grid {
    grid-template-columns: 1fr;
  }
}

/* Real event operations: arrival board, weather risk, convoy board and admin network control */
.event-arrival-board {
  padding: clamp(18px, 3vw, 28px);
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 12% 0%, rgba(245,5,56,.16), transparent 34%),
    linear-gradient(145deg, rgba(18,20,24,.96), rgba(7,8,10,.96));
  border-radius: 6px;
}

.event-arrival-board__header,
.event-arrival-board__stream-head,
.admin-network-panel header,
.event-convoy-board header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.event-arrival-board__header h2,
.event-arrival-board__stream-head h3,
.event-convoy-board h2,
.admin-network-panel h2 {
  margin-top: 6px;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}

.event-arrival-board__header h2,
.event-convoy-board h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.55rem);
}

.event-arrival-board__header p:not(.mono),
.event-convoy-board header p {
  max-width: 62ch;
  margin-top: 8px;
  color: rgba(255,255,255,.58);
  font-size: .9rem;
  line-height: 1.55;
}

.event-arrival-board__header > a,
.admin-network-panel header > a,
.event-convoy-list__side button,
.event-convoy-form button {
  border: 1px solid rgba(245,5,56,.36);
  background: rgba(245,5,56,.1);
  color: #fff;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: .78rem;
  font-weight: 800;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.event-arrival-board__header > a:hover,
.admin-network-panel header > a:hover,
.event-convoy-list__side button:hover,
.event-convoy-form button:hover {
  transform: translateY(-1px);
  border-color: rgba(245,5,56,.58);
  background: rgba(245,5,56,.16);
}

.event-arrival-board__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 14px;
  margin-top: 20px;
}

.event-arrival-board__composer {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  border-radius: 5px;
}

.event-arrival-board__composer strong {
  display: block;
  color: #fff;
  font-size: .95rem;
}

.event-arrival-board__composer span {
  color: rgba(255,255,255,.5);
  font-size: .74rem;
}

.event-arrival-board__fields {
  display: grid;
  grid-template-columns: 180px 150px minmax(0, 1fr);
  gap: 10px;
}

.event-arrival-board__fields select,
.event-arrival-board__fields input,
.event-convoy-form input {
  width: 100%;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.28);
  color: #fff;
  border-radius: 4px;
  padding: 11px 12px;
  outline: none;
}

.event-arrival-board__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 5px;
  overflow: hidden;
}

.event-arrival-board__metrics div {
  background: rgba(7,8,10,.76);
  padding: 13px;
}

.event-arrival-board__metrics span,
.event-weather-risk dt,
.event-convoy-form span,
.admin-network-kpis span {
  display: block;
  color: rgba(255,255,255,.48);
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.event-arrival-board__metrics strong,
.event-weather-risk dd,
.admin-network-kpis strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-weight: 900;
}

.event-weather-risk {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr);
  gap: 18px;
  align-items: center;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border-radius: 5px;
}

.event-weather-risk[data-weather-risk="wet"] {
  border-color: rgba(73, 155, 255, .38);
  background: radial-gradient(circle at 100% 0%, rgba(73,155,255,.16), transparent 34%), rgba(255,255,255,.035);
}

.event-weather-risk[data-weather-risk="wind"],
.event-weather-risk[data-weather-risk="watch"] {
  border-color: rgba(255,190,92,.34);
  background: radial-gradient(circle at 100% 0%, rgba(255,190,92,.14), transparent 34%), rgba(255,255,255,.035);
}

.event-weather-risk h3,
.event-weather-risk h2 {
  margin-top: 6px;
  color: #fff;
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  font-weight: 900;
  letter-spacing: -.045em;
}

.event-weather-risk span,
.event-weather-risk p {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.54);
  font-size: .78rem;
}

.event-weather-risk dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: rgba(255,255,255,.07);
  border-radius: 4px;
  overflow: hidden;
}

.event-weather-risk dl div {
  padding: 12px;
  background: rgba(0,0,0,.26);
}

.event-arrival-board__stream-head {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.event-arrival-board__stream {
  margin-top: 12px;
}

.event-convoy-board {
  padding: clamp(18px, 3vw, 26px);
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 86% 0%, rgba(245,5,56,.13), transparent 34%),
    linear-gradient(145deg, rgba(18,20,24,.96), rgba(8,9,11,.96));
  border-radius: 6px;
}

.event-convoy-board header > span {
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.72);
  border-radius: 4px;
  padding: 9px 11px;
  font-size: .72rem;
  font-weight: 800;
}

.event-convoy-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  border-radius: 5px;
}

.event-convoy-form label {
  display: grid;
  gap: 6px;
}

.event-convoy-form__wide {
  grid-column: span 3;
}

.event-convoy-form button {
  align-self: end;
}

.event-convoy-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.event-convoy-list article,
.event-convoy-empty {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
  gap: 16px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  border-radius: 5px;
}

.event-convoy-list__main span {
  color: rgba(245,5,56,.86);
  font: 800 .68rem/1 var(--mono-font, monospace);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.event-convoy-list__main h3 {
  margin-top: 7px;
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
}

.event-convoy-list__main p,
.event-convoy-list__main em,
.event-convoy-empty p {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.58);
  font-size: .82rem;
  line-height: 1.45;
  font-style: normal;
}

.event-convoy-list__side {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.event-convoy-list__side strong,
.event-convoy-empty strong {
  color: #fff;
  font-size: .88rem;
}

.event-convoy-list__side small,
.event-convoy-full {
  color: rgba(255,255,255,.48);
  font-size: .72rem;
}

.admin-network-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-network-kpis article,
.admin-network-panel {
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(145deg, rgba(19,21,25,.96), rgba(9,10,12,.96));
  border-radius: 8px;
}

.admin-network-kpis article {
  padding: 18px;
}

.admin-network-kpis strong {
  font-size: clamp(1.8rem, 4vw, 3rem);
  letter-spacing: -.07em;
}

.admin-network-kpis small {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.52);
  font-size: .78rem;
}

.admin-network-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.admin-network-panel {
  padding: 18px;
}

.admin-network-panel--wide {
  grid-column: 1 / -1;
}

.admin-network-panel header > span {
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.66);
  border-radius: 999px;
  padding: 7px 9px;
  font-size: .72rem;
}

.admin-network-room-list,
.admin-network-feed-list,
.admin-network-post-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.admin-network-room,
.admin-network-feed-item,
.admin-network-post {
  display: grid;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(255,255,255,.03);
  border-radius: 6px;
}

.admin-network-room {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.admin-network-room strong,
.admin-network-feed-item strong,
.admin-network-post strong {
  color: #fff;
  font-size: .9rem;
}

.admin-network-room span,
.admin-network-room small,
.admin-network-feed-item span,
.admin-network-feed-item small,
.admin-network-post span,
.admin-network-post small,
.admin-network-post p {
  color: rgba(255,255,255,.56);
  font-size: .76rem;
  line-height: 1.45;
}

.admin-network-room a {
  color: rgba(245,5,56,.88);
  font-size: .74rem;
  font-weight: 800;
}

.admin-network-post-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1020px) {
  .event-arrival-board__grid,
  .event-weather-risk,
  .admin-network-grid {
    grid-template-columns: 1fr;
  }
  .admin-network-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .event-convoy-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .event-convoy-form__wide {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .event-arrival-board__fields,
  .event-arrival-board__metrics,
  .event-weather-risk dl,
  .event-convoy-form,
  .event-convoy-list article,
  .event-convoy-empty,
  .admin-network-kpis,
  .admin-network-post-list,
  .admin-network-room {
    grid-template-columns: 1fr;
  }
  .event-convoy-list__side {
    justify-items: start;
  }
}

/* Network control, bulletins and Arrival Board hardening */
.event-arrival-board.event-live-hub {
  display: block !important;
}

.event-arrival-board .event-live-hub__form,
.event-arrival-board .event-live-hub__stats,
.event-arrival-board .event-live-hub__stream {
  margin: 0 !important;
}

.event-arrival-board__composer button {
  justify-self: start;
  border: 1px solid rgba(245,5,56,.4);
  background: rgba(245,5,56,.14);
  color: #fff;
  border-radius: 4px;
  padding: 11px 14px;
  font-size: .78rem;
  font-weight: 900;
}

.event-arrival-board__stream article {
  border: 1px solid rgba(255,255,255,.075) !important;
  background: rgba(255,255,255,.028) !important;
}

.event-weather-risk__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: -4px;
}

.event-weather-risk__actions a,
.admin-network-room form button,
.admin-network-post form button,
.admin-network-control-form button,
.admin-network-post form button {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.82);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: .72rem;
  font-weight: 800;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.event-weather-risk__actions a:hover,
.admin-network-room form button:hover,
.admin-network-post form button:hover,
.admin-network-control-form button:hover {
  transform: translateY(-1px);
  border-color: rgba(245,5,56,.34);
  background: rgba(245,5,56,.09);
}

.event-operator-bulletins {
  padding: clamp(18px, 3vw, 24px);
  border: 1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 0 0, rgba(245,5,56,.12), transparent 32%),
    linear-gradient(145deg, rgba(18,20,24,.96), rgba(8,9,11,.96));
  border-radius: 6px;
}

.event-operator-bulletins header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.event-operator-bulletins h2 {
  margin-top: 6px;
  color: #fff;
  font-size: clamp(1.25rem, 2.4vw, 1.9rem);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 950;
}

.event-operator-bulletins > div {
  display: grid;
  gap: 10px;
}

.event-operator-bulletin {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
  border-radius: 5px;
}

.event-operator-bulletin--urgent {
  border-color: rgba(245,5,56,.42);
  background: radial-gradient(circle at 100% 0, rgba(245,5,56,.16), transparent 34%), rgba(255,255,255,.035);
}

.event-operator-bulletin--weather {
  border-color: rgba(255,190,92,.34);
}

.event-operator-bulletin--route {
  border-color: rgba(92,169,255,.32);
}

.event-operator-bulletin span {
  color: rgba(245,5,56,.9);
  font: 800 .65rem/1 var(--mono-font, monospace);
  letter-spacing: .14em;
}

.event-operator-bulletin strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: .98rem;
}

.event-operator-bulletin p,
.event-operator-bulletin small {
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.58);
  font-size: .8rem;
  line-height: 1.5;
}

.admin-network-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-network-control-form {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(140px, .45fr) minmax(170px, .6fr) auto;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.075);
  background: rgba(255,255,255,.028);
  border-radius: 6px;
}

.admin-network-control-form--single {
  grid-template-columns: minmax(130px, .35fr) minmax(0, 1fr) auto;
}

.admin-network-control-form label {
  display: grid;
  gap: 6px;
}

.admin-network-control-form label > span,
.admin-network-checkbox span {
  color: rgba(255,255,255,.48);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.admin-network-control-form input,
.admin-network-control-form select,
.admin-network-control-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(0,0,0,.28);
  color: #fff;
  border-radius: 4px;
  padding: 10px 11px;
  outline: none;
}

.admin-network-control-form textarea {
  resize: vertical;
}

.admin-network-control-form__wide {
  grid-column: 1 / -1;
}

.admin-network-checkbox {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.admin-network-room form,
.admin-network-post form {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 6px;
}

.admin-network-post-list--compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-network-post--urgent {
  border-color: rgba(245,5,56,.35);
}

.admin-network-post--weather {
  border-color: rgba(255,190,92,.3);
}

@media (max-width: 1160px) {
  .admin-network-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .admin-network-control-form,
  .admin-network-control-form--single,
  .admin-network-post-list--compact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .admin-network-kpis {
    grid-template-columns: 1fr;
  }
  .admin-network-room form,
  .admin-network-post form {
    justify-content: flex-start;
  }
}

.member-feed-mode-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
  color: rgba(255,255,255,0.62);
  font-size: 12px;
}

.member-feed-mode-hint strong {
  color: rgba(255,255,255,0.9);
  letter-spacing: -0.01em;
}

.marketplace-preview-button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(10,10,10,0.58);
  color: rgba(255,255,255,0.78);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: transform 180ms var(--spc-ease, cubic-bezier(.22,1,.36,1)), border-color 180ms ease, background 180ms ease;
}

.marketplace-preview-button:hover {
  transform: translateY(-1px);
  border-color: rgba(245,5,56,0.34);
  background: rgba(245,5,56,0.12);
  color: #fff;
}

.spc-premium-drawer,
.spc-premium-lightbox {
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms var(--spc-ease, cubic-bezier(.22,1,.36,1));
}

.spc-premium-drawer.is-open,
.spc-premium-lightbox.is-open {
  pointer-events: auto;
  opacity: 1;
}

.spc-premium-drawer__backdrop,
.spc-premium-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0,0,0,0.66);
}

.spc-premium-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(520px, 100%);
  height: 100%;
  overflow: auto;
  background: #0b0c0e;
  border-left: 1px solid rgba(255,255,255,0.1);
  box-shadow: -28px 0 80px rgba(0,0,0,0.42);
  transform: translateX(28px);
  transition: transform 220ms var(--spc-ease, cubic-bezier(.22,1,.36,1));
}

.spc-premium-drawer.is-open .spc-premium-drawer__panel {
  transform: translateX(0);
}

.spc-premium-drawer__close,
.spc-premium-lightbox__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.56);
  color: rgba(255,255,255,0.82);
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.spc-premium-drawer__media {
  min-height: 280px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(245,5,56,0.08));
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.spc-premium-drawer__media img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}

.spc-premium-drawer__media span {
  color: rgba(255,255,255,0.28);
  font-size: 44px;
  font-weight: 950;
  letter-spacing: -0.07em;
}

.spc-premium-drawer__body {
  padding: 26px;
}

.spc-premium-drawer__body .mono {
  color: rgba(255,255,255,0.48);
  font-size: 10px;
  margin-bottom: 10px;
}

.spc-premium-drawer__body h2 {
  color: #fff;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 0.96;
  letter-spacing: -0.055em;
  margin-bottom: 14px;
}

.spc-premium-drawer__body p:not(.mono) {
  color: rgba(255,255,255,0.62);
  line-height: 1.55;
  font-size: 14px;
}

.spc-premium-drawer__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 22px;
}

.spc-premium-drawer__chips span {
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.045);
  color: rgba(255,255,255,0.74);
  padding: 7px 9px;
  font-size: 11px;
}

.spc-premium-drawer__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.spc-premium-lightbox__frame {
  position: absolute;
  inset: 5vh 5vw;
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: center;
  margin: 0;
  transform: translateY(12px) scale(0.985);
  transition: transform 220ms var(--spc-ease, cubic-bezier(.22,1,.36,1));
}

.spc-premium-lightbox.is-open .spc-premium-lightbox__frame {
  transform: translateY(0) scale(1);
}

.spc-premium-lightbox__frame img {
  max-width: 100%;
  max-height: 82vh;
  object-fit: contain;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 24px 90px rgba(0,0,0,0.54);
}

.spc-premium-lightbox__frame figcaption {
  margin-top: 12px;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
}

.spc-premium-lightbox__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.54);
  color: #fff;
  font-size: 28px;
}

.spc-premium-lightbox__nav--prev { left: 10px; }
.spc-premium-lightbox__nav--next { right: 10px; }

@media (max-width: 720px) {
  .spc-premium-drawer__panel {
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(86vh, 720px);
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    transform: translateY(24px);
  }

  .spc-premium-drawer__media img {
    height: 240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spc-premium-drawer,
  .spc-premium-lightbox,
  .spc-premium-drawer__panel,
  .spc-premium-lightbox__frame,
  .marketplace-preview-button {
    transition: none !important;
  }
}

.inside-unlock-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.08);
}

.inside-unlock-card {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(20,20,20,0.98), rgba(10,10,10,0.92));
  color: #fff;
  transition: transform 180ms var(--spc-ease, cubic-bezier(.22,1,.36,1)), background 180ms ease;
}

.inside-unlock-card:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(28,28,28,0.98), rgba(12,12,12,0.96));
}

.inside-unlock-card span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.52);
  font-family: var(--mono-font, monospace);
  font-size: 11px;
}

.inside-unlock-card strong {
  display: block;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.035em;
}

.inside-unlock-card em,
.inside-unlock-card small {
  display: block;
  font-style: normal;
  color: rgba(255,255,255,0.52);
  font-size: 12px;
  line-height: 1.45;
}

.inside-unlock-card small {
  color: rgba(245,5,56,0.78);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
  font-size: 10px;
}

.season-checkpoint-strip {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(118px, 1fr);
  gap: 1px;
  margin: 18px 0 28px;
  overflow-x: auto;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.08);
}

.season-checkpoint-strip button {
  min-height: 118px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 7px;
  padding: 16px;
  text-align: left;
  background: rgba(20,20,20,0.96);
  color: #fff;
  transition: background 160ms ease, transform 160ms var(--spc-ease, cubic-bezier(.22,1,.36,1));
}

.season-checkpoint-strip button:hover {
  background: rgba(245,5,56,0.1);
  transform: translateY(-1px);
}

.season-checkpoint-strip span,
.season-checkpoint-strip em {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.season-checkpoint-strip strong {
  font-family: var(--mono-font, monospace);
  font-size: 28px;
  line-height: 1;
}

.member-atelier-card__actions button {
  color: rgba(255,255,255,0.58);
  font-size: 12px;
  font-weight: 700;
  transition: color 140ms ease;
}

.member-atelier-card__actions button:hover {
  color: #fff;
}

.route-report-panel[open] {
  border-color: rgba(245,5,56,0.18);
}

.route-report-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.route-report-list article {
  padding: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.025);
}

.route-report-list article > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 5px;
}

.route-report-list time,
.route-report-list em {
  color: rgba(255,255,255,0.45);
  font-size: 11px;
  font-style: normal;
}

.route-report-form {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.route-report-form div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.route-report-form input,
.route-report-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(0,0,0,0.26);
  color: #fff;
  padding: 9px 10px;
  font-size: 12px;
}

.route-report-form button {
  justify-self: start;
  border: 1px solid rgba(245,5,56,0.34);
  background: rgba(245,5,56,0.12);
  color: #fff;
  padding: 8px 11px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.concierge-brief--case-file {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .inside-unlock-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .concierge-brief--case-file {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .inside-unlock-grid,
  .route-report-form div,
  .concierge-brief--case-file {
    grid-template-columns: 1fr;
  }
}