/* ============================================================
   FINAL PIT WORLD
   Design tokens
   ============================================================ */
:root {
  /* Color */
  --carbon:      #000000;
  --panel:       #1a1a1a;
  --panel-2:     #202020;
  --line:        #343434;
  --racing-red:  #ff1744;
  --accent:      #ff1744;
  --off-white:   #ffffff;
  --stone:       #b8b8b8;

  /* Type */
  --font-display: "Orbitron", sans-serif;
  --font-body: "Orbitron", sans-serif;
  --font-mono: "Orbitron", sans-serif;

  /* Layout */
  --max-w: 1180px;
  --gutter: clamp(20px, 5vw, 64px);
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

body {
  margin: 0;
  background: var(--carbon);
  color: var(--off-white);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

.wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.eyebrow {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent);
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 1.05;
  margin: 0;
}

h1 { font-size: clamp(40px, 7vw, 88px); font-weight: 700; }
h2 { font-size: clamp(28px, 4vw, 44px); }
h3 { font-size: 20px; letter-spacing: 0.04em; }

p { color: var(--stone); margin: 0; }

.lede {
  font-size: clamp(17px, 2vw, 20px);
  color: var(--off-white);
  max-width: 640px;
}

/* ---------- Track-line signature motif ---------- */
.track-line {
  display: none;
}
.track-line path {
  fill: none;
  stroke: var(--racing-red);
  stroke-width: 2;
  stroke-dasharray: 10 6;
  stroke-dashoffset: 900;
  animation: draw-track 1.6s ease-out forwards;
}
@keyframes draw-track {
  to { stroke-dashoffset: 0; }
}

.divider {
  display: none;
}

/* ---------- FINAL PIT symbol language ---------- */
.brand-blades {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(330px, 62vw);
  margin-bottom: 34px;
}
.brand-blades i {
  display: block;
  height: 8px;
  background: var(--racing-red);
  transform: skewX(-27deg);
  border-radius: 1px;
}
.brand-blades i:nth-child(1) { width: 24%; }
.brand-blades i:nth-child(2) { width: 58%; }
.brand-blades i:nth-child(3) { width: 12%; }
.solid-divider {
  height: 8px;
  background: linear-gradient(90deg, var(--racing-red) 0 38%, #7e0b24 38% 58%, var(--panel) 58% 100%);
  transform: skewX(-18deg);
  transform-origin: left;
}

/* ---------- Header / Nav ---------- */
header.site {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(7, 7, 8, 0.82);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  transition: background .28s ease, box-shadow .28s ease, border-color .28s ease;
}
header.site::after {
  content: "";
  position: absolute;
  left: max(var(--gutter), calc((100vw - var(--max-w)) / 2 + var(--gutter)));
  bottom: -1px;
  width: 58px;
  height: 2px;
  background: var(--racing-red);
  transform: skewX(-28deg);
  transform-origin: left;
}
header.site.is-scrolled {
  background: rgba(5, 5, 6, 0.94);
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.34);
}
.nav-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: min-height .28s ease, padding .28s ease;
}
.wordmark {
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
}
.wordmark img {
  width: 112px;
  height: auto;
  transition: width .28s ease, opacity .2s ease;
}
header.site.is-scrolled .nav-row { min-height: 62px; padding-top: 5px; padding-bottom: 5px; }
header.site.is-scrolled .wordmark img { width: 94px; }

nav.primary ul {
  list-style: none;
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
}
nav.primary a {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--stone);
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 2px;
  border-bottom: 0;
  transition: color 0.2s;
}
nav.primary a::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 1px;
  height: 2px;
  background: var(--racing-red);
  transform: scaleX(0) skewX(-26deg);
  transform-origin: right;
  transition: transform .22s ease;
}
nav.primary a:hover,
nav.primary a[aria-current="page"] {
  color: var(--off-white);
}
nav.primary a:hover::after,
nav.primary a[aria-current="page"]::after {
  transform: scaleX(1) skewX(-26deg);
  transform-origin: left;
}

.nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--line);
  color: var(--off-white);
  width: 40px;
  height: 36px;
  border-radius: 4px;
  font-family: var(--font-mono);
}

@media (max-width: 720px) {
  nav.primary { display: none; }
  nav.primary.open { display: block; position: absolute; top: 100%; left: 0; right: 0; background: var(--carbon); border-bottom: 1px solid var(--line); }
  nav.primary.open ul { flex-direction: column; gap: 0; padding: 8px var(--gutter) 20px; }
  nav.primary.open li { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .nav-toggle { display: block; }
  .nav-row { min-height: 68px; padding-top: 6px; padding-bottom: 6px; }
  .wordmark img { width: 96px; }
  header.site.is-scrolled .nav-row { min-height: 58px; }
  header.site.is-scrolled .wordmark img { width: 86px; }
  header.site::after { width: 44px; }
}

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 14px 26px;
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.15s ease, background 0.2s, color 0.2s, border-color 0.2s;
}
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible { outline: 2px solid var(--racing-red); outline-offset: 3px; }

.btn-primary {
  background: var(--racing-red);
  color: #fff;
}
.btn-primary:hover { background: #e12730; }

.btn-ghost {
  background: transparent;
  color: var(--off-white);
  border-color: var(--line);
}
.btn-ghost:hover { border-color: var(--racing-red); color: var(--racing-red); }

/* ---------- Hero ---------- */
.hero {
  padding: 96px 0 72px;
  position: relative;
  overflow: hidden;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.8fr;
  gap: 48px;
  align-items: end;
}
@media (max-width: 860px) {
  .hero-grid { grid-template-columns: 1fr; }
}
.hero h1 { margin-top: 18px; }
.hero .lede { margin-top: 24px; }
.hero-cta { margin-top: 36px; display: flex; gap: 16px; flex-wrap: wrap; }

.hero-stat-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 28px;
}
.hero-stat-panel dl { margin: 0; display: grid; gap: 18px; }
.hero-stat-panel dt {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stone);
}
.hero-stat-panel dd {
  margin: 4px 0 0;
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 0.02em;
  color: var(--off-white);
}

/* ---------- Sections ---------- */
section { padding: 80px 0; }
section.alt { background: var(--panel); }

.section-head {
  max-width: 620px;
  margin-bottom: 48px;
}
.section-head h2 { margin-top: 14px; }
.section-head p { margin-top: 16px; }

/* ---------- Pillar / feature grid ---------- */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
@media (max-width: 860px) {
  .grid-3 { grid-template-columns: 1fr; }
}
.pillar {
  background: var(--carbon);
  padding: 36px 30px;
}
section.alt .pillar { background: var(--panel); }
.pillar .mark {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--racing-red);
  letter-spacing: 0.1em;
}
.pillar h3 { margin-top: 14px; }
.pillar p { margin-top: 12px; font-size: 15px; }

/* ---------- Marquee strip ---------- */
.marquee {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow: hidden;
  white-space: nowrap;
  padding: 22px 0;
}
.marquee-track {
  display: inline-block;
  animation: scroll-left 26s linear infinite;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--stone);
}
.marquee-track span { margin: 0 26px; }
.marquee-track span.dot { color: var(--racing-red); }
@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ---------- Cards (services) ---------- */
.card-list {
  display: grid;
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}
.service-card {
  background: var(--carbon);
  padding: 34px var(--gutter);
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 640px) {
  .service-card { grid-template-columns: 1fr; }
}
.service-card .idx {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--accent);
}
.service-card h3 { margin-bottom: 10px; }
.service-card p { font-size: 15px; }

/* ---------- Quote / statement block ---------- */
.statement {
  padding: 100px 0;
  text-align: left;
}
.statement blockquote {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(24px, 3.4vw, 40px);
  text-transform: none;
  line-height: 1.3;
  color: var(--off-white);
  max-width: 900px;
}
.statement cite {
  display: block;
  margin-top: 24px;
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--stone);
}

/* ---------- Forms ---------- */
.form-grid {
  display: grid;
  gap: 22px;
  max-width: 560px;
}
.field label {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--stone);
  margin-bottom: 8px;
}
.field input,
.field textarea,
.field select {
  width: 100%;
  background: var(--panel);
  border: 1px solid var(--line);
  color: var(--off-white);
  padding: 13px 14px;
  font-family: var(--font-body);
  font-size: 15px;
  border-radius: 2px;
}
.field input:focus,
.field textarea:focus,
.field select:focus {
  outline: none;
  border-color: var(--accent);
}
.field textarea { resize: vertical; min-height: 120px; }

.form-note {
  font-size: 13px;
  color: var(--stone);
}

.contact-info {
  display: grid;
  gap: 22px;
}
.contact-layout {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 64px;
}
@media (max-width: 800px) {
  .contact-layout { grid-template-columns: 1fr; gap: 48px; }
}
.contact-info .item dt {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}
.contact-info .item dd {
  margin: 6px 0 0;
  font-size: 16px;
  color: var(--off-white);
}

/* ---------- Footer ---------- */
footer.site {
  border-top: 1px solid var(--line);
  padding: 48px 0;
}
.footer-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
footer.site .wordmark { font-size: 16px; }
.footer-links { display: flex; gap: 24px; }
.footer-links a {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--stone);
}
.footer-links a:hover { color: var(--accent); }
.footer-legal {
  font-family: var(--font-mono);
  font-size: 11px;
  color: #5c5a55;
  margin-top: 24px;
}

/* ---------- Utility ---------- */
.mt-lg { margin-top: 64px; }
.center { text-align: center; }

/* ---------- Extended brand platform ---------- */
.split-copy { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(36px,7vw,90px); align-items:start; }
.split-copy h2 { margin-top:14px; }
.text-link { display:inline-flex; gap:10px; margin-top:28px; color:var(--off-white); font-size:12px; letter-spacing:.1em; text-transform:uppercase; border-bottom:1px solid var(--racing-red); padding-bottom:5px; }
.journey-strip { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.journey-strip div { min-height:150px; padding:28px 22px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.journey-strip div:last-child { border-right:0; }
.journey-strip strong { color:var(--racing-red); font-size:clamp(20px,3vw,34px); }
.journey-strip span { color:var(--off-white); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.section-cta { margin-top:28px; }
.values-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--line); }
.values-grid article { padding:28px 20px; min-height:170px; border-right:1px solid var(--line); }
.values-grid article:last-child { border-right:0; }
.values-grid span,.ecosystem-grid span,.roadmap span,.event-meta small { color:var(--racing-red); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.values-grid h3 { margin-top:32px; font-size:15px; }
.ecosystem-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.ecosystem-grid article { background:var(--carbon); padding:34px 28px; min-height:245px; }
.ecosystem-grid article.featured { background:var(--racing-red); }
.ecosystem-grid article.featured span,.ecosystem-grid article.featured p { color:#fff; }
.ecosystem-grid h3 { margin:38px 0 12px; }
.ecosystem-grid p { font-size:14px; }
.center-copy { margin:16px auto 0; text-align:center; }
.centered { justify-content:center; }
.roadmap { position:relative; border-top:1px solid var(--line); }
.roadmap article { display:grid; grid-template-columns:180px 1fr; gap:30px; padding:38px 0; border-bottom:1px solid var(--line); position:relative; }
.roadmap time { color:var(--off-white); font-size:clamp(24px,4vw,40px); font-weight:700; }
.roadmap h3 { margin:10px 0; }
.roadmap article.next { background:linear-gradient(90deg,rgba(255,23,68,.12),transparent); padding-left:20px; padding-right:20px; }
.roadmap article.next:after { content:'UPCOMING'; position:absolute; top:38px; right:0; color:var(--racing-red); font-size:10px; letter-spacing:.16em; }
.event-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.event-card { border:1px solid var(--line); background:var(--carbon); }
.event-placeholder { aspect-ratio:16/9; display:grid; place-items:center; background:repeating-linear-gradient(135deg,#171717 0 10px,#1d1d1d 10px 20px); border-bottom:2px solid var(--racing-red); }
.event-placeholder span { font-size:10px; letter-spacing:.16em; color:#777; text-transform:uppercase; }
.event-meta { padding:24px; }
.event-meta h3 { margin:12px 0 10px; }
.event-meta p { font-size:14px; }
.event-gallery { background:#0a0a0a; overflow:hidden; }
.gallery-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:48px; align-items:end; }
.gallery-head p:last-child { max-width:520px; justify-self:end; }
.gallery-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:230px; gap:10px; margin-top:44px; }
.gallery-item { position:relative; overflow:hidden; margin:0; background:#141414; border:1px solid rgba(255,255,255,.08); grid-column:span 4; }
.gallery-item.gallery-hero { grid-column:span 8; grid-row:span 2; }
.gallery-item.gallery-wide { grid-column:span 8; }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s ease; }
.gallery-item:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.88) 100%); pointer-events:none; }
.gallery-item figcaption { position:absolute; z-index:1; left:20px; right:20px; bottom:18px; display:flex; flex-direction:column; gap:5px; }
.gallery-item figcaption span { color:var(--racing-red); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.gallery-item figcaption strong { color:#fff; font-size:15px; letter-spacing:.01em; }
.gallery-item:hover img { transform:scale(1.035); filter:contrast(1.04) saturate(1.05); }
.gallery-credit { margin-top:14px; color:#737373; font-size:10px; line-height:1.6; letter-spacing:.03em; }
.archive-note { margin-top:24px; border-left:3px solid var(--racing-red); padding:20px 24px; background:var(--panel-2); display:grid; grid-template-columns:220px 1fr; gap:20px; }
.archive-note strong { font-size:12px; letter-spacing:.08em; }
.confirmation { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; }
.confirmation img { width:180px; margin-bottom:56px; }
.confirmation h1 { margin:18px 0; }
.confirmation .btn { margin-top:34px; }

@media (max-width:900px) {
  .gallery-head { grid-template-columns:1fr; gap:16px; }
  .gallery-head p:last-child { justify-self:start; }
  .gallery-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:240px; }
  .gallery-item,.gallery-item.gallery-hero,.gallery-item.gallery-wide { grid-column:span 1; grid-row:span 1; }
  .gallery-item.gallery-hero { grid-column:span 2; grid-row:span 2; }
  .values-grid { grid-template-columns:1fr 1fr; }
  .values-grid article { border-bottom:1px solid var(--line); }
  .ecosystem-grid { grid-template-columns:1fr 1fr; }
  .journey-strip { grid-template-columns:1fr 1fr; }
  .journey-strip div:nth-child(2) { border-right:0; }
  .journey-strip div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}

@media (max-width:560px) {
  .gallery-grid { grid-template-columns:1fr; grid-auto-rows:220px; gap:8px; }
  .gallery-item,.gallery-item.gallery-hero,.gallery-item.gallery-wide { grid-column:1; grid-row:auto; }
  .gallery-item.gallery-hero { min-height:360px; }
}
@media (max-width:700px) {
  .split-copy,.event-grid,.ecosystem-grid { grid-template-columns:1fr; }
  .values-grid { grid-template-columns:1fr; }
  .roadmap article { grid-template-columns:1fr; gap:12px; }
  .roadmap article.next:after { top:18px; }
  .archive-note { grid-template-columns:1fr; }
  .footer-links { flex-wrap:wrap; }
}
/* 2026 identity refresh */
.founder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.founder-card { position:relative; min-height:360px; padding:44px; background:var(--panel); border-top:8px solid var(--line); overflow:hidden; }
.founder-card::after { content:""; position:absolute; right:-75px; bottom:-55px; width:240px; height:110px; background:#242424; transform:skewX(-28deg); }
.founder-card.featured-founder { border-top-color:var(--racing-red); }
.founder-card.featured-founder::after { background:#580a1b; }
.founder-role { display:inline-block; margin-bottom:56px; color:var(--racing-red); font-size:11px; letter-spacing:.18em; text-transform:uppercase; }
.founder-card h2 { max-width:520px; font-size:clamp(27px,3vw,42px); }
.founder-card p { position:relative; z-index:2; max-width:560px; margin-top:25px; }

.coming-soon { position:relative; }
.status-pill { position:absolute; top:20px; right:20px; padding:7px 10px; background:var(--racing-red); color:#fff; font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }

.partners-preview { padding-bottom:0; background:#080808; overflow:hidden; }
.partners-head { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:38px; }
.partners-head h2 { margin-top:14px; }
.partner-wall { height:330px; overflow:hidden; background:#fff; }
.partner-wall img { width:100%; height:auto; transform:translateY(-37%); }
.partner-wall.full { height:auto; max-height:none; }
.partner-wall.full img { transform:none; }
.partner-archive { padding-bottom:88px; }
.logo-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; margin-top:42px; background:#262626; }
.logo-card { min-height:132px; display:flex; align-items:center; justify-content:center; padding:22px 16px; color:#fff; background:#0b0b0b; text-decoration:none; text-align:center; transition:background .22s ease,color .22s ease,transform .22s ease; }
.logo-card span { font-family:Orbitron,Arial,sans-serif; font-size:clamp(12px,1.1vw,17px); font-weight:700; line-height:1.2; letter-spacing:.035em; }
.logo-card small { font-size:.58em; letter-spacing:.14em; }
a.logo-card:hover, a.logo-card:focus-visible { background:#ff1744; color:#fff; transform:translateY(-2px); z-index:1; }
.partner-disclaimer { max-width:1020px; margin:34px auto 0; padding:0 18px; color:#929292; font-size:11px; line-height:1.75; text-align:center; }
.partner-disclaimer p { margin:0; }
.partner-disclaimer p + p { margin-top:7px; }

/* Partner logo wall — real brand marks, balanced by visual area */
.logo-card {
  position:relative;
  min-height:156px;
  padding:34px 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f3f3f1;
  border:1px solid rgba(255,255,255,.2);
  overflow:hidden;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.logo-card img {
  display:block;
  width:auto;
  height:auto;
  max-width:78%;
  max-height:62px;
  object-fit:contain;
  filter:none;
  opacity:1;
  transition:transform .25s ease;
}
.logo-card:hover,.logo-card:focus-visible {
  background:#fff;
  border-color:var(--red);
  transform:translateY(-3px);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}
.logo-card:hover img,.logo-card:focus-visible img {
  filter:none;
  opacity:1;
  transform:scale(1.045);
}
.logo-card.logo-dark img,.logo-card.logo-dark:hover img,.logo-card.logo-dark:focus-visible img { filter:none; }
.logo-card img.logo-wide { max-width:88%; max-height:52px; }
.logo-card img.logo-tall { max-height:74px; max-width:65%; }
.logo-card.partner-card-dark { background:#f4f3ef; border-color:#d7d6d1; }
.logo-card.partner-card-dark img,
.logo-card.partner-card-dark:hover img,
.logo-card.partner-card-dark:focus-visible img { filter:brightness(0); }
.logo-card.partner-card-dark:hover,.logo-card.partner-card-dark:focus-visible { background:#fff; border-color:var(--red); }

@media (max-width:720px) {
  .logo-card { min-height:112px; padding:24px 20px; }
  .logo-card img { max-width:82%; max-height:48px; }
  .logo-card img.logo-wide { max-width:92%; max-height:40px; }
  .logo-card img.logo-tall { max-height:58px; }
}
.logo-grid-preview { grid-template-columns:repeat(4,minmax(0,1fr)); }
.logo-grid-preview .logo-card { min-height:110px; }
.partner-categories { position:relative; }
.category-row { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; margin-bottom:80px; background:var(--line); border:1px solid var(--line); }
.category-row span { padding:22px 8px; background:#0b0b0b; text-align:center; color:#fff; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }

@media (max-width:860px) {
  .logo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .logo-grid-preview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .founder-grid { grid-template-columns:1fr; }
  .founder-card { min-height:320px; padding:32px 26px; }
  .founder-role { margin-bottom:38px; }
  .partners-head { align-items:flex-start; flex-direction:column; }
  .partner-wall { height:230px; }
  .partner-wall img { width:140%; max-width:none; margin-left:-20%; transform:translateY(-34%); }
  .partner-wall.full img { width:100%; margin:0; transform:none; }
  .category-row { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:520px) {
  .logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; }
  .logo-card { min-height:96px; padding:16px 10px; }
  .partner-wall { height:170px; }
  .partner-wall img { width:170%; margin-left:-35%; transform:translateY(-33%); }
}

/* Clickable social directory */
.social-links {
  display:grid;
  gap:1px;
  margin-top:10px;
  background:#242424;
  border:1px solid #242424;
}
.social-links a {
  display:grid;
  grid-template-columns:minmax(140px,.9fr) minmax(180px,1fr) 24px;
  align-items:center;
  gap:20px;
  min-height:58px;
  padding:12px 16px;
  color:#fff;
  background:#0b0b0b;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,padding .2s ease;
}
.social-links span {
  color:#ff1744;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.social-links strong { font-weight:500; }
.social-links i { font-style:normal; font-size:18px; text-align:right; }
.social-links a:hover,
.social-links a:focus-visible {
  color:#fff;
  background:#ff1744;
  padding-left:20px;
  outline:none;
}
.social-links a:hover span,
.social-links a:focus-visible span { color:#fff; }

@media (max-width:620px) {
  .social-links a {
    grid-template-columns:1fr 20px;
    gap:6px 14px;
    min-height:66px;
  }
  .social-links span { grid-column:1; }
  .social-links strong { grid-column:1; }
  .social-links i { grid-column:2; grid-row:1 / span 2; }
}
.form-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.form-status {
  min-height: 1.5em;
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
}

.form-status.is-sending { color: #c9c9c9; }
.form-status.is-success { color: #69d391; }
.form-status.is-error { color: #ff5a6f; }

.form-grid button:disabled {
  cursor: wait;
  opacity: 0.65;
}
/* 2026 content additions — intentionally reuse the original FINAL PIT system */
.journey-wide{margin:34px 0 0;border:1px solid var(--line);background:#0d0d0d;overflow:hidden}.journey-wide img{display:block;width:100%;height:auto}.journey-legacy{max-width:1180px;margin-left:auto;margin-right:auto}.journey-legacy img{aspect-ratio:2.5/1;object-fit:contain;background:#080808}.event-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.event-image{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#111}.journey-video-card{margin-top:28px}.journey-video{display:block;width:100%;max-height:680px;background:#000;object-fit:contain}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}

/* Track record rebuilt as responsive web content, retaining each event KV */
.track-record-section{overflow:hidden;background:linear-gradient(180deg,#050505 0%,#0c0c0c 100%)}
.record-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:end;gap:48px;margin-bottom:42px}
.record-heading .section-head{margin-bottom:0}
.record-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#101010}
.record-summary div{min-width:0;padding:18px 14px;border-right:1px solid var(--line)}
.record-summary div:last-child{border-right:0}
.record-summary strong,.record-summary span{display:block}
.record-summary strong{color:#fff;font-size:clamp(24px,3vw,38px);font-weight:600;line-height:1}
.record-summary span{margin-top:8px;color:var(--racing-red);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.record-card{position:relative;min-width:0;background:#111;border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease}
.record-card:hover{transform:translateY(-5px);border-color:#666}
.record-kv{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171717}
.record-kv::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.76));pointer-events:none}
.record-kv img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease}
.record-card:hover .record-kv img{transform:scale(1.025)}
.record-index{position:absolute;z-index:2;top:12px;left:12px;display:grid;place-items:center;width:34px;height:34px;background:var(--racing-red);color:#fff;font-size:10px;font-weight:700}
.record-copy{padding:22px 20px 20px}
.record-copy small{display:block;margin-bottom:10px;color:var(--racing-red);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.record-copy h3{min-height:2.1em;font-size:clamp(14px,1.28vw,18px);line-height:1.15}
.record-numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.record-numbers p{min-width:0}
.record-numbers strong,.record-numbers span{display:block}
.record-numbers strong{color:#fff;font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1}
.record-numbers span{margin-top:7px;color:#8f8f8f;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.record-note{margin-top:16px;color:#666;font-size:9px;letter-spacing:.04em}

@media(max-width:980px){.record-heading{grid-template-columns:1fr;gap:28px}.record-summary{max-width:580px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-copy h3{min-height:auto}}
@media(max-width:760px){.event-grid-featured{grid-template-columns:1fr}.journey-wide{margin-top:24px}.journey-video{max-height:440px}.journey-legacy img{aspect-ratio:auto;min-height:0}.record-summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.record-summary div{padding:15px 10px}.record-grid{gap:10px}.record-copy{padding:18px 15px}.record-numbers{gap:8px}}
@media(max-width:520px){.record-grid{grid-template-columns:1fr}.record-card{display:grid;grid-template-columns:42% 58%}.record-kv{height:100%;min-height:275px;aspect-ratio:auto}.record-copy{display:flex;flex-direction:column;justify-content:center}.record-numbers{grid-template-columns:1fr 1fr}.record-summary strong{font-size:22px}}

/* Separate 2026 event chapters: identity / venue / KV / experience / gallery */
.chapter-showcase{overflow:hidden}
.chapter-intro{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:30px}
.chapter-intro h2{margin-top:10px;font-size:clamp(54px,8vw,112px);line-height:.82;text-transform:uppercase}
.chapter-intro>p{max-width:720px;font-size:15px;line-height:1.8}
.chapter-pattern{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chapter-pattern span{position:relative;padding:16px 14px 15px;color:#898989;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-right:1px solid var(--line)}
.chapter-pattern span:last-child{border-right:0}.chapter-pattern span:before{content:"";position:absolute;top:-1px;left:0;width:38%;height:2px;background:var(--racing-red)}
.japan-feature .event-card{background:#0e0e0e}.japan-feature .event-image{aspect-ratio:16/10;object-position:center 22%}
.monaco-chapter{background:radial-gradient(circle at 82% 18%,rgba(207,0,42,.13),transparent 31%),#070707}
.monaco-story-grid{display:grid;grid-template-columns:1.32fr .68fr;gap:18px}.story-panel{min-width:0;border:1px solid var(--line);background:#101010;overflow:hidden}.story-panel-wide{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .55fr}.story-image{overflow:hidden;background:#090909}.story-image img{display:block;width:100%;height:100%;object-fit:contain}.story-image.landscape{aspect-ratio:16/9}.story-image.portrait{aspect-ratio:4/5}.story-copy{padding:26px}.story-copy small,.future-gallery small{color:var(--racing-red);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.story-copy h3{margin:11px 0 12px;font-size:clamp(18px,2vw,27px)}.story-copy p{font-size:13px;line-height:1.7}.story-video{width:100%;aspect-ratio:4/5;max-height:none;object-fit:cover}
.future-gallery{margin-top:22px;padding:28px;border:1px solid var(--line);background:linear-gradient(135deg,#111,#090909)}.future-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.future-gallery-head h3{margin-top:10px}.future-gallery-head p{max-width:520px;font-size:12px}.gallery-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.gallery-slots span{display:grid;place-items:center;aspect-ratio:4/3;padding:10px;text-align:center;color:#6f6f6f;font-size:9px;line-height:1.8;letter-spacing:.1em;text-transform:uppercase;border:1px dashed #383838;background:repeating-linear-gradient(135deg,#101010 0 9px,#131313 9px 18px)}
@media(max-width:860px){.chapter-intro{grid-template-columns:1fr;gap:22px}.chapter-pattern{grid-template-columns:1fr 1fr 1fr}.chapter-pattern span:nth-child(3){border-right:0}.chapter-pattern span:nth-child(n+4){border-top:1px solid var(--line)}.monaco-story-grid{grid-template-columns:1fr 1fr}.story-panel-wide{grid-template-columns:1fr}.story-image.landscape{aspect-ratio:auto}.gallery-slots{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.chapter-intro h2{font-size:52px}.chapter-pattern{grid-template-columns:1fr}.chapter-pattern span,.chapter-pattern span:nth-child(3){border-right:0;border-top:1px solid var(--line)}.chapter-pattern span:first-child{border-top:0}.monaco-story-grid{grid-template-columns:1fr}.story-panel-wide{grid-column:auto}.story-image.landscape{aspect-ratio:4/5}.story-image.landscape img{object-fit:contain}.future-gallery{padding:20px}.future-gallery-head{display:block}.future-gallery-head p{margin-top:14px}.gallery-slots{grid-template-columns:1fr 1fr}}

/* Journey refinements: safe typography and paired Monaco stills */
.chapter-intro{align-items:start}
.chapter-intro h2{max-width:100%;line-height:.95;overflow-wrap:normal;word-break:keep-all}
.chapter-intro>p{padding-top:4px}
.monaco-feature{margin-top:0}
.monaco-feature .event-card{background:#0e0e0e}
.monaco-feature .event-image{aspect-ratio:16/10;object-fit:cover;background:#080808}
.monaco-feature .event-card:first-child .event-image{object-position:center 31%}
.monaco-feature .event-card:last-child .event-image{object-position:center 20%}
.event-meta h3{line-height:1.18}
.event-meta p{line-height:1.7}

@media(max-width:1050px){
  .chapter-intro{grid-template-columns:minmax(240px,.62fr) minmax(0,1fr);gap:40px}
  .chapter-intro h2{font-size:clamp(48px,7vw,82px)}
}
@media(max-width:860px){
  .chapter-intro{grid-template-columns:1fr;gap:18px}
  .chapter-intro h2{font-size:clamp(48px,12vw,76px);line-height:1}
  .chapter-intro>p{padding-top:0}
}
@media(max-width:600px){
  .chapter-intro h2{font-size:clamp(42px,15vw,58px);line-height:1.02}
  .chapter-intro>p{font-size:13px;line-height:1.68}
  .monaco-feature .event-image{aspect-ratio:16/10}
}

/* Thai / English language selector */
.language-switch{display:flex;align-items:center;gap:8px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(255,255,255,.18);white-space:nowrap}
.language-switch button{appearance:none;border:0;background:transparent;padding:7px 2px;color:#777;font:600 10px/1 Orbitron,"Sarabun",sans-serif;letter-spacing:.08em;cursor:pointer;transition:color .2s ease}
.language-switch button.active,.language-switch button:hover{color:#fff}
.language-switch button.active{box-shadow:inset 0 -2px 0 var(--racing-red)}
.language-switch span{width:1px;height:12px;background:#353535}
.lang-th{font-family:"Sarabun",Tahoma,Arial,sans-serif}
.lang-th h1,.lang-th h2,.lang-th h3,.lang-th .eyebrow,.lang-th .btn,.lang-th nav,.lang-th .chapter-pattern,.lang-th .record-summary,.lang-th .record-copy small{font-family:"Sarabun",Tahoma,Arial,sans-serif}
.lang-th h1,.lang-th h2,.lang-th h3{letter-spacing:-.02em;line-height:1.2}
@media(max-width:760px){.language-switch{order:2;margin-left:auto;margin-right:8px;padding-left:0;border-left:0}.nav-toggle{order:3}.primary{order:4}.language-switch button{font-size:10px}}

/* F1 INSIDE 2026 media archive */
.media-hero{background:radial-gradient(circle at 78% 22%,rgba(207,0,42,.2),transparent 30%),linear-gradient(135deg,#050505,#101010)}
.media-master{padding-top:58px;padding-bottom:58px}
.master-playlist{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:44px;border:1px solid #4a1822;background:linear-gradient(125deg,#180208 0%,#0c0c0c 58%,#151515 100%);overflow:hidden}
.master-playlist:before{content:"MASTER";position:absolute;right:-12px;top:-22px;color:rgba(255,255,255,.035);font:700 clamp(74px,12vw,170px)/1 Orbitron,sans-serif;pointer-events:none}
.master-playlist h2{margin:13px 0 14px;font-size:clamp(34px,5vw,68px)}
.master-playlist p:not(.eyebrow){max-width:690px;color:#b7b7b7;line-height:1.7}
.highlight-master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.highlight-master-card{position:relative;border:1px solid var(--line);background:#101010;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.highlight-master-card:hover{transform:translateY(-5px);border-color:#666}
.highlight-master-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;transition:transform .45s ease}
.highlight-master-card:hover img{transform:scale(1.025)}
.highlight-master-card>div{padding:20px}.highlight-master-card small{color:var(--racing-red);font:600 8px/1.4 Orbitron,sans-serif;letter-spacing:.12em}
.highlight-master-card h3{min-height:2.35em;margin:10px 0 20px;font-size:clamp(15px,1.35vw,20px);line-height:1.18}
.uploading-status{display:inline-flex;align-items:center;gap:7px;color:#9a9a9a;font:600 8px/1 Orbitron,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.uploading-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--racing-red);box-shadow:0 0 0 4px rgba(207,0,42,.13)}
.playlist-action,.playlist-link{color:#fff;font:600 10px/1.2 Orbitron,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.playlist-action{position:relative;z-index:1;padding-bottom:6px;border-bottom:2px solid var(--racing-red)}
.channel-source{display:block;margin:2px 0 12px;color:#888;font:500 9px/1.2 Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.playlist-ready{display:inline-block;color:#fff;font:600 10px/1.2 Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--racing-red);padding-bottom:5px}
.lang-th .channel-source,.lang-th .playlist-ready{font-family:"Sarabun",Tahoma,Arial,sans-serif}
.media-head{display:grid;grid-template-columns:1fr 1fr;align-items:end}
.media-head .eyebrow{grid-column:1/-1}.media-head p:last-child{justify-self:end;max-width:340px}
.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.playlist-card{position:relative;min-height:330px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);background:linear-gradient(155deg,#191919 0%,#0c0c0c 63%);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.playlist-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--racing-red);transform:scaleX(.22);transform-origin:left;transition:transform .25s ease}
.playlist-card:hover{transform:translateY(-5px);border-color:#666}.playlist-card:hover:after{transform:scaleX(1)}
.race-number{position:absolute;top:21px;right:21px;color:#686868;font:600 10px/1 Orbitron,sans-serif;letter-spacing:.1em}
.race-code{position:absolute;left:18px;top:56px;color:rgba(255,255,255,.055);font:700 clamp(60px,7vw,104px)/.8 Orbitron,sans-serif;letter-spacing:-.08em}
.playlist-card small{position:relative;color:var(--racing-red);font:600 9px/1 Orbitron,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.playlist-card h3{position:relative;min-height:2.4em;margin:11px 0 28px;font-size:clamp(17px,1.5vw,23px);line-height:1.18}
.playlist-link{position:relative;color:#8d8d8d;transition:color .2s ease}.playlist-card:hover .playlist-link{color:#fff}
.ecosystem-linked a{display:inline-block;margin-top:18px;color:var(--racing-red);font:600 9px/1.4 Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.lang-th .playlist-action,.lang-th .playlist-link,.lang-th .race-number,.lang-th .playlist-card small,.lang-th .ecosystem-linked a{font-family:"Sarabun",Tahoma,Arial,sans-serif}
@media(max-width:980px){.playlist-grid,.highlight-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.master-playlist{grid-template-columns:1fr;padding:30px 24px}.media-head{display:block}.media-head p:last-child{margin-top:14px}.playlist-card{min-height:280px}}
@media(max-width:520px){.playlist-grid,.highlight-master-grid{grid-template-columns:1fr}.playlist-card{min-height:250px}.race-code{font-size:82px}.highlight-master-card{display:grid;grid-template-columns:42% 58%}.highlight-master-card img{height:100%;min-height:250px;aspect-ratio:auto}.highlight-master-card>div{display:flex;flex-direction:column;justify-content:center}}