:root {
  color-scheme: dark;
  --color-ink: #f5f7f9;
  --color-muted: #9ba9b8;
  --color-subtle: #6f7e8e;
  --color-night: #050505;
  --color-midnight: #0a111c;
  --color-graphite: #111b28;
  --color-panel: #152231;
  --color-panel-2: #1a2939;
  --color-steel: #2b3b4d;
  --color-steel-light: #44576a;
  --color-yellow: #f2ca4b;
  --color-yellow-soft: #ffe993;
  --color-blue: #2f75d6;
  --color-positive: #79d6a3;
  --color-warning: #f4c96a;
  --color-danger: #ef8e8e;
  --color-paper: #e9e3d4;
  --color-paper-ink: #22272c;
  --shadow-low: 0 12px 32px rgba(0, 0, 0, 0.22);
  --shadow-high: 0 30px 70px rgba(0, 0, 0, 0.38);
  --radius-xs: 3px;
  --radius-sm: 7px;
  --radius-md: 14px;
  --content: 1180px;
  --content-wide: 1380px;
  --header-height: 78px;
  --font-display: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ease: cubic-bezier(.2, .75, .25, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 300px;
  color: var(--color-ink);
  background:
    radial-gradient(circle at 82% 5%, rgba(47, 117, 214, 0.10), transparent 31rem),
    radial-gradient(circle at 12% 28%, rgba(242, 202, 75, 0.055), transparent 25rem),
    var(--color-night);
  font-family: var(--font-body);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .17;
  background-image:
    repeating-linear-gradient(98deg, transparent 0 46px, rgba(255,255,255,.026) 47px, transparent 49px),
    repeating-linear-gradient(7deg, transparent 0 83px, rgba(255,255,255,.018) 84px, transparent 87px);
}

body::after {
  content: "";
  position: fixed;
  inset: auto -15vw -24vh 25vw;
  height: 52vh;
  z-index: -1;
  pointer-events: none;
  transform: rotate(-5deg);
  background:
    linear-gradient(90deg, transparent 0 42%, rgba(242,202,75,.06) 42% 42.35%, transparent 42.35% 57%, rgba(242,202,75,.035) 57% 57.2%, transparent 57.2%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 7px);
}

img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

:focus-visible {
  outline: 3px solid var(--color-yellow);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  left: 1rem;
  top: 1rem;
  z-index: 999;
  transform: translateY(-170%);
  padding: .7rem 1rem;
  background: var(--color-yellow);
  color: #10151a;
  font-weight: 800;
  text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }

.shell { width: min(100% - 2rem, var(--content)); margin-inline: auto; }
.shell-wide { width: min(100% - 2rem, var(--content-wide)); margin-inline: auto; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 .85rem;
  color: var(--color-yellow);
  font: 700 .74rem/1 var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }

.kicker {
  color: var(--color-muted);
  font: 700 .72rem/1.4 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 {
  font-family: var(--font-display);
  font-stretch: condensed;
  line-height: .98;
  letter-spacing: .02em;
}
h1 { font-size: clamp(3.3rem, 9vw, 7.8rem); }
h2 { font-size: clamp(2.2rem, 5vw, 4.4rem); }
h3 { font-size: clamp(1.35rem, 2.5vw, 2rem); }

.lede { max-width: 66ch; color: #c4ced7; font-size: clamp(1.04rem, 1.55vw, 1.25rem); }
.small { font-size: .89rem; color: var(--color-muted); }
.mono { font-family: var(--font-mono); }
.muted { color: var(--color-muted); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: var(--header-height);
  border-bottom: 1px solid rgba(155,169,184,.16);
  background: rgba(6,11,18,.90);
  backdrop-filter: blur(18px);
}
.header-inner {
  min-height: var(--header-height);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 2rem;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  text-decoration: none;
  min-width: 0;
}
.brand-mark {
  position: relative;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: 1px solid rgba(242,202,75,.35);
  background: var(--color-graphite);
  clip-path: polygon(0 0, 100% 0, 100% 77%, 77% 100%, 0 100%);
}
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.brand-type { display: grid; line-height: 1; }
.brand-name {
  font-family: var(--font-display);
  font-size: 1.14rem;
  font-weight: 900;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.brand-sub {
  margin-top: .25rem;
  color: var(--color-muted);
  font: 700 .58rem/1 var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.primary-nav { justify-self: center; }
.primary-nav ul { display: flex; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.primary-nav a {
  display: block;
  padding: .75rem .8rem;
  color: #c0cad4;
  text-decoration: none;
  font-size: .88rem;
  font-weight: 750;
  letter-spacing: .035em;
}
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: var(--color-ink); }
.primary-nav a[aria-current="page"] { box-shadow: inset 0 -2px var(--color-yellow); }
.header-actions { display: flex; align-items: center; gap: .7rem; }

.menu-toggle {
  display: none;
  width: 46px;
  height: 44px;
  border: 1px solid var(--color-steel);
  border-radius: var(--radius-xs);
  background: var(--color-graphite);
  cursor: pointer;
}
.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  transition: transform .2s var(--ease), opacity .2s var(--ease);
}
.menu-toggle[aria-expanded="true"] span { opacity: 0; }
.menu-toggle[aria-expanded="true"]::before { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded="true"]::after { transform: translateY(-6px) rotate(-45deg); }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .74rem 1.05rem;
  border: 1px solid transparent;
  border-radius: var(--radius-xs);
  text-decoration: none;
  font-size: .83rem;
  font-weight: 850;
  letter-spacing: .075em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: #11171e; background: var(--color-yellow); }
.button-primary:hover { background: var(--color-yellow-soft); }
.button-secondary { color: var(--color-ink); background: var(--color-panel); border-color: var(--color-steel); }
.button-secondary:hover { border-color: var(--color-yellow); }
.button-text { min-height: auto; padding: .2rem 0; border-bottom: 1px solid var(--color-steel-light); }
.button-text:hover { border-color: var(--color-yellow); }

.hero {
  position: relative;
  min-height: calc(100svh - var(--header-height));
  display: grid;
  align-items: center;
  overflow: clip;
  border-bottom: 1px solid rgba(155,169,184,.16);
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(390px, .98fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6rem);
  padding-block: clamp(4rem, 8vw, 7rem);
}
.hero-copy { position: relative; z-index: 2; }
.hero h1 { margin-bottom: 1.25rem; text-transform: uppercase; }
.hero h1 span { display: block; }
.hero h1 .outline {
  color: transparent;
  -webkit-text-stroke: 1px rgba(245,247,249,.76);
  text-shadow: none;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin: 2rem 0 2.2rem; }
.hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 660px;
  padding-top: 1rem;
  border-top: 1px solid var(--color-steel);
}
.proof-item { padding: .4rem 1rem .3rem 0; }
.proof-item + .proof-item { padding-left: 1rem; border-left: 1px solid var(--color-steel); }
.proof-label { display: block; color: var(--color-subtle); font: 700 .63rem/1.3 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.proof-value { display: block; margin-top: .25rem; font-weight: 800; }

.hero-art { position: relative; min-height: 590px; }
.hero-art::before {
  content: "";
  position: absolute;
  inset: 8% -12% 1% 8%;
  border: 1px solid rgba(242,202,75,.22);
  background:
    linear-gradient(120deg, transparent 0 59%, rgba(242,202,75,.12) 59% 59.4%, transparent 59.4%),
    linear-gradient(180deg, rgba(21,34,49,.75), rgba(8,14,23,.95));
  clip-path: polygon(10% 0, 100% 0, 100% 87%, 89% 100%, 0 100%, 0 10%);
}
.hero-mascot {
  position: absolute;
  inset: 0 0 0 2%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 46% center;
  clip-path: polygon(13% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 15%);
  filter: contrast(1.04) saturate(.92);
  box-shadow: var(--shadow-high);
}
.hero-art::after {
  content: "DR / 01";
  position: absolute;
  right: 0;
  bottom: 1.3rem;
  padding: .6rem .8rem;
  color: #11171e;
  background: var(--color-yellow);
  font: 900 .72rem/1 var(--font-mono);
  letter-spacing: .13em;
}
.hero-art-caption {
  position: absolute;
  left: -1.5rem;
  bottom: 2rem;
  max-width: 260px;
  padding: 1rem 1.1rem;
  border-left: 3px solid var(--color-yellow);
  background: rgba(6,11,18,.92);
  box-shadow: var(--shadow-low);
}
.hero-art-caption strong { display: block; margin-bottom: .22rem; }
.hero-art-caption span { color: var(--color-muted); font-size: .84rem; }

.section { position: relative; padding-block: clamp(4.5rem, 8vw, 8rem); }
.section-compact { padding-block: clamp(3rem, 5vw, 5rem); }
.section-light { color: var(--color-paper-ink); background: var(--color-paper); }
.section-line { border-top: 1px solid rgba(155,169,184,.16); }
.section-header {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(300px, .45fr);
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.section-header h2 { margin-bottom: 0; text-transform: uppercase; }
.section-header p { margin-bottom: .25rem; color: var(--color-muted); }
.section-light .section-header p { color: #53606b; }
.section-actions { display: flex; justify-content: flex-end; align-items: end; }

.team-feature-list { border-top: 1px solid var(--color-steel); }
.team-feature {
  display: grid;
  grid-template-columns: 90px minmax(160px,.6fr) minmax(260px,1fr) auto;
  align-items: center;
  gap: 1.5rem;
  min-height: 126px;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--color-steel);
}
.member-thumb {
  width: 88px;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center 26%;
  border-radius: var(--radius-xs);
  filter: saturate(.76) contrast(1.04);
}
.team-feature h3 { margin: 0 0 .25rem; font-size: 1.65rem; text-transform: uppercase; }
.team-feature p { margin: 0; color: var(--color-muted); }
.team-feature-role { color: var(--color-yellow); font: 700 .68rem/1.3 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  font-weight: 800;
  white-space: nowrap;
}
.arrow-link::after { content: "→"; color: var(--color-yellow); transition: transform .2s var(--ease); }
.arrow-link:hover::after { transform: translateX(4px); }

.garage-stage {
  position: relative;
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 1px;
  background: var(--color-steel);
  border: 1px solid var(--color-steel);
  box-shadow: var(--shadow-high);
}
.feature-build {
  position: relative;
  min-height: 500px;
  padding: clamp(2rem, 5vw, 4rem);
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(9,16,26,.98) 0 42%, rgba(9,16,26,.48) 62%, rgba(9,16,26,.82) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 6px),
    var(--color-graphite);
}
.feature-build::after {
  content: "";
  position: absolute;
  right: -13%;
  bottom: -12%;
  width: 68%;
  aspect-ratio: 1.7;
  border: 3px solid rgba(242,202,75,.74);
  border-radius: 54% 62% 18% 16% / 58% 67% 28% 22%;
  transform: skewX(-12deg) rotate(-4deg);
  box-shadow: inset 0 -20px 0 rgba(47,117,214,.26), 0 0 90px rgba(47,117,214,.16);
}
.feature-build::before {
  content: "";
  position: absolute;
  right: 2%;
  bottom: 8%;
  width: 18%;
  aspect-ratio: 1;
  border: 7px solid #050505;
  border-radius: 50%;
  background: radial-gradient(circle, #5f7182 0 17%, #101823 18% 43%, #03070c 44%);
  box-shadow: -285px 0 0 -7px #050505, -285px 0 0 0 #5f7182;
  z-index: 2;
}
.feature-build > * { position: relative; z-index: 3; }
.build-badge { display: inline-block; margin-bottom: 1.2rem; padding: .35rem .5rem; color: #11171e; background: var(--color-yellow); font: 900 .65rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.feature-build h3 { max-width: 600px; margin-bottom: 1rem; font-size: clamp(2.6rem, 5vw, 5.6rem); text-transform: uppercase; }
.build-specs { display: flex; flex-wrap: wrap; gap: .55rem 1.3rem; margin: 1.8rem 0; color: #c5cfd8; font: 700 .72rem/1.6 var(--font-mono); text-transform: uppercase; }
.brand-watermark { position: absolute; right: 6%; top: 8%; width: 150px; max-height: 85px; object-fit: contain; opacity: .19; filter: grayscale(1) brightness(2.5); z-index: 1; }

.build-rail { display: grid; grid-template-rows: repeat(2, 1fr); }
.build-rail article {
  position: relative;
  padding: 2rem;
  overflow: hidden;
  background: var(--color-panel);
}
.build-rail article + article { border-top: 1px solid var(--color-steel); }
.build-rail h3 { margin-bottom: .55rem; font-size: 1.8rem; text-transform: uppercase; }
.build-rail p { color: var(--color-muted); }
.build-rail .arrow-link { position: absolute; left: 2rem; bottom: 1.7rem; }

.milestone-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--color-steel);
  border-bottom: 1px solid var(--color-steel);
}
.milestone { min-height: 210px; padding: 2rem; }
.milestone + .milestone { border-left: 1px solid var(--color-steel); }
.milestone-index { color: var(--color-yellow); font: 800 .7rem/1 var(--font-mono); letter-spacing: .1em; }
.milestone h3 { margin: 2rem 0 .7rem; text-transform: uppercase; }
.milestone p { margin: 0; color: var(--color-muted); }

.partner-layout {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(360px, 1.28fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}
.partner-copy { position: sticky; top: calc(var(--header-height) + 2rem); }
.partner-copy h2 { text-transform: uppercase; }
.partner-copy p { color: #4c5963; }
.partner-board { border-top: 2px solid #22272c; }
.partner-row {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 1.5rem;
  padding: 1.65rem 0;
  border-bottom: 1px solid rgba(34,39,44,.22);
}
.partner-row dt { font: 800 .7rem/1.5 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.partner-row dd { margin: 0; font-weight: 750; }
.open-slot { display: inline-flex; align-items: center; gap: .6rem; }
.open-slot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #1e9c64; box-shadow: 0 0 0 4px rgba(30,156,100,.12); }

.final-cta { overflow: hidden; background: var(--color-midnight); }
.cta-grid { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2rem; }
.cta-grid h2 { max-width: 840px; margin-bottom: 1rem; text-transform: uppercase; }
.cta-grid p { max-width: 620px; color: var(--color-muted); }
.cta-actions { display: flex; gap: .7rem; flex-wrap: wrap; justify-content: flex-end; }

.page-hero { padding: clamp(4rem, 9vw, 8rem) 0 clamp(3rem, 6vw, 5rem); border-bottom: 1px solid rgba(155,169,184,.16); }
.page-hero-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(280px, .45fr); gap: 3rem; align-items: end; }
.page-hero h1 { margin-bottom: 1.2rem; text-transform: uppercase; }
.page-hero-aside { padding: 1.2rem 0 0 1.5rem; border-left: 2px solid var(--color-yellow); color: var(--color-muted); }

.roster-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--color-steel); border: 1px solid var(--color-steel); }
.roster-card { min-width: 0; background: var(--color-midnight); }
.roster-photo { position: relative; aspect-ratio: 1.46; overflow: hidden; background: var(--color-panel); }
.roster-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 23%; filter: saturate(.77) contrast(1.02); transition: transform .4s var(--ease), filter .4s var(--ease); }
.roster-card:hover .roster-photo img { transform: scale(1.025); filter: saturate(.92); }
.roster-number { position: absolute; left: .75rem; bottom: .75rem; padding: .32rem .42rem; color: #11171e; background: var(--color-yellow); font: 900 .63rem/1 var(--font-mono); }
.roster-body { padding: 1.4rem; }
.roster-body h2 { margin-bottom: .4rem; font-size: 2rem; text-transform: uppercase; }
.roster-role { color: var(--color-yellow); font: 700 .68rem/1.4 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.roster-body p { margin: .9rem 0 0; color: var(--color-muted); }

.toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: end;
  margin-bottom: 2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--color-steel);
}
.field { display: grid; gap: .45rem; }
.field label { color: var(--color-muted); font: 750 .68rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.field input, .field select, .field textarea {
  width: 100%;
  min-height: 48px;
  padding: .78rem .9rem;
  color: var(--color-ink);
  border: 1px solid var(--color-steel);
  border-radius: var(--radius-xs);
  background: var(--color-midnight);
}
.field textarea { min-height: 140px; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: var(--color-subtle); }
.filter-row { display: flex; flex-wrap: wrap; gap: .65rem; }
.filter-button {
  min-height: 42px;
  padding: .6rem .8rem;
  color: var(--color-muted);
  border: 1px solid var(--color-steel);
  border-radius: var(--radius-xs);
  background: var(--color-midnight);
  cursor: pointer;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}
.filter-button[aria-pressed="true"] { color: #11171e; border-color: var(--color-yellow); background: var(--color-yellow); }

.setup-list { display: grid; gap: 1px; background: var(--color-steel); border: 1px solid var(--color-steel); }
.setup-record {
  display: grid;
  grid-template-columns: minmax(180px, .72fr) minmax(260px, 1.2fr) minmax(240px, .8fr) auto;
  gap: 1.5rem;
  align-items: center;
  min-height: 138px;
  padding: 1.35rem;
  background: var(--color-midnight);
}
.setup-record[hidden] { display: none; }
.setup-record h2 { margin: 0 0 .35rem; font-size: 1.65rem; text-transform: uppercase; }
.setup-code { color: var(--color-yellow); font: 800 .72rem/1.4 var(--font-mono); letter-spacing: .1em; }
.setup-owner, .setup-notes { color: var(--color-muted); }
.setup-stats { display: flex; gap: 1.2rem; flex-wrap: wrap; color: #c4ced8; font: 700 .68rem/1.6 var(--font-mono); text-transform: uppercase; }
.status-label { display: inline-flex; align-items: center; gap: .5rem; font: 800 .66rem/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.status-label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--status-color, var(--color-muted)); }
.status-public { --status-color: var(--color-positive); }
.status-private { --status-color: var(--color-warning); }

.private-access {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 2rem;
  margin-top: 3rem;
  padding: clamp(1.6rem, 4vw, 3rem);
  border: 1px solid var(--color-steel);
  background: var(--color-graphite);
}
.private-access h2 { text-transform: uppercase; }
.private-form { display: grid; grid-template-columns: 1fr auto; gap: .7rem; align-items: end; }
.form-message { grid-column: 1 / -1; min-height: 1.5rem; margin: .4rem 0 0; color: var(--color-muted); }
.private-result { grid-column: 1 / -1; margin-top: 1rem; padding: 1.2rem; border-left: 3px solid var(--color-yellow); background: var(--color-midnight); }
.private-result[hidden] { display: none; }

.setup-detail-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.55fr); gap: 3rem; align-items: start; }
.setup-sheet { color: var(--color-paper-ink); background: var(--color-paper); box-shadow: var(--shadow-high); }
.sheet-head { padding: 2rem; border-bottom: 2px dashed rgba(34,39,44,.3); }
.sheet-head h1 { margin: .4rem 0 .8rem; font-size: clamp(2.7rem, 6vw, 5rem); text-transform: uppercase; }
.sheet-meta { display: flex; flex-wrap: wrap; gap: .65rem 1.3rem; font: 700 .7rem/1.5 var(--font-mono); text-transform: uppercase; }
.sheet-section { padding: 2rem; border-bottom: 1px solid rgba(34,39,44,.2); }
.sheet-section h2 { margin-bottom: 1.2rem; font-size: 1.8rem; text-transform: uppercase; }
.data-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2rem; }
.data-row { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: .72rem 0; border-bottom: 1px dotted rgba(34,39,44,.3); font-family: var(--font-mono); font-size: .8rem; }
.data-row dt { color: #5c6670; }
.data-row dd { margin: 0; font-weight: 800; text-align: right; }
.setup-aside { position: sticky; top: calc(var(--header-height) + 2rem); display: grid; gap: 1rem; }
.aside-panel { padding: 1.3rem; border: 1px solid var(--color-steel); background: var(--color-graphite); }
.aside-panel h2 { margin-bottom: .8rem; font-size: 1.5rem; text-transform: uppercase; }
.share-box { display: grid; grid-template-columns: 1fr auto; gap: .55rem; }
.share-box code { display: flex; align-items: center; min-height: 45px; padding: .7rem; overflow-wrap: anywhere; color: var(--color-yellow); border: 1px solid var(--color-steel); background: var(--color-midnight); }
.copy-status { min-height: 1.3rem; margin: .4rem 0 0; color: var(--color-muted); font-size: .8rem; }

.content-grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(340px,1.3fr); gap: clamp(3rem, 8vw, 8rem); }
.content-nav { position: sticky; top: calc(var(--header-height) + 2rem); align-self: start; }
.content-nav ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-steel); }
.content-nav a { display: block; padding: .85rem 0; color: var(--color-muted); border-bottom: 1px solid var(--color-steel); text-decoration: none; }
.content-nav a:hover { color: var(--color-yellow); }
.prose { max-width: 74ch; }
.prose h2 { margin: 3.2rem 0 1rem; text-transform: uppercase; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { margin: 2rem 0 .8rem; }
.prose p, .prose li { color: #bdc7d0; }
.prose strong { color: var(--color-ink); }
.prose blockquote { margin: 2rem 0; padding: 1.25rem 1.5rem; border-left: 3px solid var(--color-yellow); background: var(--color-graphite); }
.prose blockquote p { margin: 0; color: var(--color-ink); font-size: 1.12rem; }
.prose ul, .prose ol { padding-left: 1.2rem; }

.steps { counter-reset: steps; display: grid; gap: 1px; background: var(--color-steel); border: 1px solid var(--color-steel); }
.step { counter-increment: steps; display: grid; grid-template-columns: 84px 1fr; gap: 1.3rem; padding: 1.5rem; background: var(--color-midnight); }
.step::before { content: "0" counter(steps); color: var(--color-yellow); font: 900 1.1rem/1 var(--font-mono); }
.step h3 { margin-bottom: .5rem; text-transform: uppercase; }
.step p { margin: 0; color: var(--color-muted); }

.site-footer { border-top: 1px solid rgba(155,169,184,.16); background: #04080d; }
.footer-main { display: grid; grid-template-columns: 1.2fr repeat(3,.55fr); gap: 2rem; padding-block: 3.5rem; }
.footer-intro p { max-width: 420px; margin-top: 1rem; color: var(--color-muted); }
.footer-column h2 { margin-bottom: 1rem; color: var(--color-muted); font: 800 .67rem/1 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.footer-column ul { margin: 0; padding: 0; list-style: none; }
.footer-column li + li { margin-top: .55rem; }
.footer-column a { color: #c3cdd6; text-decoration: none; }
.footer-column a:hover { color: var(--color-yellow); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding: 1.2rem 0; color: var(--color-subtle); border-top: 1px solid rgba(155,169,184,.12); font-size: .78rem; }

.notice { padding: 1rem 1.2rem; border-left: 3px solid var(--color-yellow); background: var(--color-graphite); color: var(--color-muted); }
.no-results { padding: 2rem; color: var(--color-muted); border: 1px dashed var(--color-steel); text-align: center; }
.no-results[hidden] { display: none; }

@media (max-width: 1040px) {
  .header-inner { grid-template-columns: auto auto; justify-content: space-between; }
  .primary-nav {
    position: absolute;
    top: 100%;
    left: 1rem;
    right: 1rem;
    justify-self: stretch;
    padding: .8rem;
    border: 1px solid var(--color-steel);
    background: rgba(10,17,28,.98);
    box-shadow: var(--shadow-high);
  }
  .primary-nav[hidden] { display: none; }
  .primary-nav ul { display: grid; }
  .primary-nav a { padding: .9rem; }
  .header-actions { display: none; }
  .menu-toggle { display: block; }
  .hero-grid { grid-template-columns: 1fr .78fr; }
  .hero-art { min-height: 500px; }
  .team-feature { grid-template-columns: 78px minmax(150px,.7fr) 1fr; }
  .team-feature .arrow-link { grid-column: 2 / -1; }
  .garage-stage { grid-template-columns: 1fr; }
  .build-rail { grid-template-columns: repeat(2,1fr); grid-template-rows: none; }
  .build-rail article + article { border-top: 0; border-left: 1px solid var(--color-steel); }
  .roster-grid { grid-template-columns: repeat(2,1fr); }
  .setup-record { grid-template-columns: minmax(180px,.8fr) 1.2fr auto; }
  .setup-record .setup-notes { grid-column: 1 / 3; }
}

@media (max-width: 780px) {
  :root { --header-height: 70px; }
  .shell, .shell-wide { width: min(100% - 1.3rem, var(--content)); }
  .brand-sub { display: none; }
  .brand-mark { width: 43px; height: 43px; }
  .hero { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; padding-block: 3.5rem 2rem; }
  .hero h1 { font-size: clamp(3.7rem, 19vw, 6.2rem); }
  .hero-proof { grid-template-columns: 1fr; }
  .proof-item, .proof-item + .proof-item { padding: .7rem 0; border-left: 0; border-bottom: 1px solid var(--color-steel); }
  .hero-art { min-height: 430px; margin-top: .5rem; }
  .hero-art-caption { left: .5rem; bottom: .5rem; }
  .section-header, .page-hero-grid, .partner-layout, .cta-grid, .content-grid, .private-access, .setup-detail-grid { grid-template-columns: 1fr; }
  .section-actions { justify-content: flex-start; }
  .team-feature { grid-template-columns: 70px 1fr; gap: 1rem; }
  .team-feature > p { grid-column: 2; }
  .team-feature .arrow-link { grid-column: 2; }
  .member-thumb { width: 68px; }
  .feature-build { min-height: 480px; }
  .build-rail { grid-template-columns: 1fr; }
  .build-rail article { min-height: 240px; }
  .build-rail article + article { border-left: 0; border-top: 1px solid var(--color-steel); }
  .milestone-strip { grid-template-columns: 1fr; }
  .milestone + .milestone { border-left: 0; border-top: 1px solid var(--color-steel); }
  .partner-copy, .content-nav, .setup-aside { position: static; }
  .partner-row { grid-template-columns: 1fr; gap: .4rem; }
  .cta-actions { justify-content: flex-start; }
  .roster-grid { grid-template-columns: 1fr; }
  .toolbar { grid-template-columns: 1fr; }
  .setup-record { grid-template-columns: 1fr; gap: .8rem; }
  .setup-record .setup-notes { grid-column: auto; }
  .private-form { grid-template-columns: 1fr; }
  .data-grid { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1fr 1fr; }
  .footer-intro { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 460px) {
  .brand-name { font-size: .98rem; }
  .hero-actions, .cta-actions { display: grid; }
  .button { width: 100%; }
  .hero-art { min-height: 360px; }
  .hero-art-caption { max-width: calc(100% - 2rem); }
  .feature-build { min-height: 520px; padding: 1.5rem; }
  .feature-build::after { width: 90%; right: -24%; }
  .feature-build::before { right: -2%; bottom: 9%; box-shadow: -220px 0 0 -7px #050505, -220px 0 0 0 #5f7182; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-intro { grid-column: auto; }
}

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

/* v0.2 — first-review scale and palette corrections */
.hero {
  min-height: auto;
}
.hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .82fr);
  gap: clamp(2rem, 4vw, 4rem);
  padding-block: clamp(2.75rem, 5vw, 4.75rem);
}
.hero h1 {
  margin-bottom: 1rem;
  font-size: clamp(3.25rem, 7vw, 6.5rem);
}
.hero-actions {
  margin: 1.5rem 0 1.7rem;
}
.hero-art {
  min-height: 430px;
}

.feature-build {
  min-height: 440px;
  background:
    radial-gradient(circle at 92% 10%, rgba(47,117,214,.22), transparent 25rem),
    linear-gradient(118deg, rgba(9,16,26,.99) 0 52%, rgba(14,25,39,.94) 100%),
    var(--color-graphite);
}
.feature-build::before {
  content: none;
  display: none;
}
.feature-build::after {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  transform: none;
  box-shadow: none;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(242,202,75,.08), transparent 32%) top left / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(47,117,214,.16), transparent 34%) top right / 1px 100% no-repeat;
}
.feature-build h3 {
  font-size: clamp(2.6rem, 4.5vw, 4.9rem);
}

.section-light {
  color: var(--color-ink);
  border-top: 1px solid rgba(155,169,184,.16);
  border-bottom: 1px solid rgba(155,169,184,.16);
  background:
    radial-gradient(circle at 82% 22%, rgba(47,117,214,.12), transparent 30rem),
    linear-gradient(180deg, #0d1723 0%, #0a121c 100%);
}
.section-light .section-header p,
.section-light .partner-copy p {
  color: var(--color-muted);
}
.section-light .partner-board {
  border-top-color: var(--color-steel-light);
}
.section-light .partner-row {
  border-bottom-color: var(--color-steel);
}

.page-hero {
  padding: clamp(2.2rem, 4vw, 3.5rem) 0 clamp(2rem, 3.5vw, 3rem);
}
.page-hero-grid {
  grid-template-columns: minmax(0, .95fr) minmax(280px, .45fr);
  gap: 2rem;
  align-items: center;
}
.page-hero h1 {
  margin-bottom: .8rem;
  font-size: clamp(2.8rem, 5.6vw, 5.25rem);
}
.page-hero .lede {
  font-size: clamp(1rem, 1.25vw, 1.13rem);
}
.page-hero-aside {
  padding: .65rem 0 .1rem 1.25rem;
}

@media (max-width: 1040px) {
  .hero-grid { grid-template-columns: 1fr .74fr; }
  .hero-art { min-height: 390px; }
}

@media (max-width: 780px) {
  .hero-grid { grid-template-columns: 1fr; padding-block: 2.5rem 1.5rem; }
  .hero h1 { font-size: clamp(3.35rem, 16vw, 5.4rem); }
  .hero-art { min-height: 340px; margin-top: .25rem; }
  .page-hero { padding: 2.1rem 0 1.8rem; }
  .page-hero-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .page-hero h1 { font-size: clamp(2.75rem, 13vw, 4.7rem); }
  .page-hero-aside { padding: .6rem 0 .1rem 1rem; }
  .feature-build { min-height: 420px; }
}

@media (max-width: 460px) {
  .hero-art { min-height: 300px; }
  .feature-build { min-height: 430px; padding: 1.5rem; }
}

/* v0.2 mobile hero compaction */
.section-light {
  background-color: #0d1723;
}
@media (max-width: 780px) {
  .hero-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .proof-item,
  .proof-item + .proof-item {
    padding: .45rem .45rem .35rem;
    border-bottom: 0;
    border-left: 1px solid var(--color-steel);
  }
  .proof-item:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .proof-label { font-size: .54rem; }
  .proof-value { font-size: .72rem; line-height: 1.25; }
  .hero-art { min-height: 300px; }
}
@media (max-width: 460px) {
  .hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hero-actions .button {
    width: auto;
    min-height: 43px;
    padding-inline: .55rem;
    font-size: .7rem;
  }
  .hero-art { min-height: 270px; }
}
.garage-account-bar { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; padding:1rem 1.1rem; border:1px solid var(--color-steel); background:var(--color-surface); }
.garage-account-bar > div { display:grid; gap:.15rem; }
.profile-detail-grid { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.2fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.profile-portrait { position:sticky; top:calc(var(--header-height) + 2rem); border:1px solid var(--color-steel); background:var(--color-surface); }
.profile-portrait img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.profile-copy h1 { margin:.2rem 0; font-size:clamp(3.5rem,8vw,7rem); line-height:.85; text-transform:uppercase; }
.profile-role { color:var(--color-yellow); font:800 .8rem/1.4 var(--font-mono); text-transform:uppercase; letter-spacing:.1em; }
.profile-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:2rem 0; background:var(--color-steel); border:1px solid var(--color-steel); }
.profile-facts > div { padding:1rem; background:var(--color-surface); }
.profile-facts dt { color:var(--color-muted); font:800 .68rem/1.4 var(--font-mono); text-transform:uppercase; }
.profile-facts dd { margin:.3rem 0 0; font-weight:800; }
.profile-achievement-block { margin:2rem 0; padding-top:1.5rem; border-top:1px solid var(--color-steel); }
.profile-achievements { padding-left:1.2rem; }
.roster-card a { color:inherit; text-decoration:none; }
.roster-detail { color:var(--color-muted); font-size:.86rem; }
.event-list { display:grid; gap:1px; border:1px solid var(--color-steel); background:var(--color-steel); }
.event-record { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr) auto; gap:1.2rem; align-items:center; padding:1.2rem; background:var(--color-surface); }
.event-record h2 { margin:.2rem 0; text-transform:uppercase; }
.event-date { color:var(--color-yellow); font:800 .72rem/1.4 var(--font-mono); text-transform:uppercase; }
.empty-state { padding:2rem; background:var(--color-surface); }
@media(max-width:760px){.garage-account-bar{align-items:start;flex-direction:column}.profile-detail-grid{grid-template-columns:1fr}.profile-portrait{position:static}.profile-facts{grid-template-columns:1fr}.event-record{grid-template-columns:1fr}}

/* =========================================================
   Team Duckies v0.0.5 — Black / Gold / Red performance skin
   Approved angry-duck emblem visual direction
   ========================================================= */
:root {
  --color-ink: #f8f6ef;
  --color-muted: #b9b6ae;
  --color-subtle: #77736d;
  --color-night: #030303;
  --color-midnight: #070707;
  --color-graphite: #0d0d0f;
  --color-panel: #111114;
  --color-panel-2: #181719;
  --color-surface: #111114;
  --color-steel: #302d2a;
  --color-steel-light: #565049;
  --color-yellow: #f2bd24;
  --color-yellow-soft: #ffe276;
  --color-gold-deep: #8d5d00;
  --color-red: #d51612;
  --color-red-hot: #ff3025;
  --color-red-dark: #690806;
  --color-positive: #74d59a;
  --color-warning: #f2bd24;
  --color-danger: #ff7069;
  --color-paper: #111114;
  --color-paper-ink: #f8f6ef;
  --shadow-low: 0 14px 34px rgba(0, 0, 0, .38);
  --shadow-high: 0 32px 80px rgba(0, 0, 0, .62);
  --header-height: 82px;
}

body {
  background:
    radial-gradient(circle at 78% -10%, rgba(213,22,18,.12), transparent 31rem),
    radial-gradient(circle at 17% 13%, rgba(242,189,36,.09), transparent 26rem),
    #030303;
}
body::before {
  opacity: .34;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.022) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.022) 87.5%, rgba(255,255,255,.022)),
    linear-gradient(150deg, rgba(255,255,255,.022) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.022) 87.5%, rgba(255,255,255,.022)),
    linear-gradient(30deg, rgba(255,255,255,.022) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.022) 87.5%, rgba(255,255,255,.022)),
    linear-gradient(150deg, rgba(255,255,255,.022) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.022) 87.5%, rgba(255,255,255,.022)),
    linear-gradient(60deg, rgba(242,189,36,.025) 25%, transparent 25.5%, transparent 75%, rgba(242,189,36,.025) 75%, rgba(242,189,36,.025));
  background-size: 42px 74px;
  background-position: 0 0, 0 0, 21px 37px, 21px 37px, 0 0;
}
body::after {
  inset: auto -20vw -29vh 18vw;
  height: 55vh;
  transform: rotate(-7deg);
  background:
    linear-gradient(90deg, transparent 0 44%, rgba(213,22,18,.14) 44% 44.2%, transparent 44.2% 48%, rgba(242,189,36,.13) 48% 48.35%, transparent 48.35%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.013) 0 1px, transparent 1px 8px);
}

h1, h2, h3 {
  font-style: italic;
  letter-spacing: .015em;
}
.eyebrow { color: var(--color-yellow); }
.eyebrow::before {
  width: 34px;
  background: linear-gradient(90deg, var(--color-red), var(--color-yellow));
}

.site-header {
  border-bottom: 1px solid rgba(242,189,36,.28);
  background: rgba(2,2,2,.95);
  box-shadow: 0 12px 34px rgba(0,0,0,.42), inset 0 -2px rgba(213,22,18,.22);
}
.site-header::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-yellow) 18%, var(--color-red) 50%, var(--color-yellow) 82%, transparent);
  opacity: .85;
}
.header-inner { gap: clamp(1rem, 2vw, 2rem); }
.brand { gap: .65rem; }
.brand-mark {
  width: 62px;
  height: 62px;
  border: 0;
  overflow: visible;
  background: transparent;
  clip-path: none;
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.7));
}
.brand-mark img { object-fit: contain; }
.brand-name {
  font-size: 1.25rem;
  font-style: italic;
  letter-spacing: .055em;
  background: linear-gradient(180deg, #fff4a7 0%, #f5c62f 28%, #ad6900 78%, #f7cf43 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px rgba(255,255,255,.15);
}
.brand-sub { color: #918d85; }
.primary-nav a {
  position: relative;
  color: #d2cec5;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .79rem;
  letter-spacing: .075em;
}
.primary-nav a::after {
  content: "";
  position: absolute;
  left: .8rem;
  right: .8rem;
  bottom: .36rem;
  height: 2px;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--color-red), var(--color-yellow));
  transition: transform .18s var(--ease);
}
.primary-nav a:hover::after,
.primary-nav a[aria-current="page"]::after { transform: scaleX(1); }
.primary-nav a[aria-current="page"] { box-shadow: none; color: white; }

.button {
  min-height: 48px;
  padding: .78rem 1.35rem;
  border-radius: 0;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  font-style: italic;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.13), 0 9px 24px rgba(0,0,0,.25);
}
.button-primary {
  color: #080706;
  border-color: #ffe06f;
  background: linear-gradient(180deg, #ffdf61 0%, #f2bd24 47%, #b87400 100%);
}
.button-primary:hover { background: linear-gradient(180deg, #fff0a0, #ffcb32 50%, #c47a00); }
.button-secondary {
  color: white;
  border-color: #a4110d;
  background: linear-gradient(180deg, #c51b16, #770b08 70%, #410403);
}
.button-secondary:hover { border-color: var(--color-red-hot); background: linear-gradient(180deg, #e82b22, #8c0d09 72%, #4d0504); }
.button-text { clip-path: none; box-shadow: none; background: transparent; }

.hero {
  border-bottom-color: rgba(242,189,36,.25);
  background:
    linear-gradient(112deg, rgba(0,0,0,.99) 0 48%, rgba(0,0,0,.75) 68%, rgba(0,0,0,.94) 100%),
    linear-gradient(90deg, transparent 0 65%, rgba(213,22,18,.11) 65% 65.2%, transparent 65.2%),
    #030303;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0 72%, rgba(242,189,36,.16) 72% 72.25%, transparent 72.25%),
    linear-gradient(120deg, transparent 0 77%, rgba(213,22,18,.2) 77% 77.25%, transparent 77.25%);
}
.hero-grid {
  grid-template-columns: minmax(0, 1.03fr) minmax(390px, .83fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  padding-block: clamp(2.8rem, 5vw, 4.6rem);
}
.hero-copy::before {
  content: "TD // COMPETITION DIVISION";
  display: block;
  width: fit-content;
  margin-bottom: 1rem;
  padding: .35rem .65rem;
  color: #050505;
  background: var(--color-yellow);
  font: 900 .62rem/1 var(--font-mono);
  letter-spacing: .12em;
  transform: skewX(-8deg);
}
.hero h1 {
  margin-bottom: .55rem;
  font-size: clamp(3.7rem, 8.2vw, 7.8rem);
  line-height: .82;
}
.hero h1 span { display: block; }
.hero-team {
  width: fit-content;
  color: #f5f3ee;
  font-size: .42em;
  line-height: 1;
  letter-spacing: .11em;
  text-shadow: 3px 3px 0 #252323;
}
.hero-duckies {
  width: fit-content;
  background: linear-gradient(180deg, #fff3a1 0%, #f5c82d 28%, #9f5c00 71%, #ffd950 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(4px 5px 0 #3d0806) drop-shadow(0 10px 22px rgba(0,0,0,.55));
}
.hero-rally {
  margin: .5rem 0 .9rem;
  color: white;
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.15rem, 2vw, 1.6rem);
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.hero-rally::after { content: ""; display: inline-block; width: 54px; height: 3px; margin-left: .7rem; vertical-align: middle; background: linear-gradient(90deg, var(--color-red), var(--color-yellow)); }
.hero .lede { color: #d1cdc5; }
.hero-proof {
  border-top: 1px solid rgba(242,189,36,.38);
  border-bottom: 1px solid rgba(213,22,18,.26);
  background: linear-gradient(90deg, rgba(242,189,36,.045), transparent);
}
.proof-item + .proof-item { border-left-color: rgba(242,189,36,.22); }
.proof-label { color: #8f8980; }
.proof-value { color: #f1eee8; }
.hero-art { min-height: 500px; isolation: isolate; }
.hero-art::before {
  inset: 2% -3% 2% 0;
  border: 1px solid rgba(242,189,36,.45);
  background:
    radial-gradient(circle at 48% 45%, rgba(242,189,36,.11), transparent 38%),
    linear-gradient(135deg, transparent 0 72%, rgba(213,22,18,.18) 72% 72.5%, transparent 72.5%),
    rgba(0,0,0,.5);
  clip-path: polygon(16% 0, 100% 0, 100% 79%, 82% 100%, 0 100%, 0 17%);
  box-shadow: inset 0 0 50px rgba(0,0,0,.8);
}
.hero-mascot {
  inset: -2% -2% -2% 0;
  object-fit: contain;
  object-position: center;
  clip-path: none;
  filter: saturate(1.08) contrast(1.07) drop-shadow(0 28px 30px rgba(0,0,0,.6));
  box-shadow: none;
  mix-blend-mode: screen;
}
.hero-art::after {
  content: "TEAM DUCKIES // ESTABLISHED BY THE FLOCK";
  right: 2%;
  bottom: 3%;
  color: #080706;
  background: linear-gradient(90deg, var(--color-yellow), #d98200);
}
.hero-art-code {
  position: absolute;
  left: 3%;
  top: 9%;
  z-index: 3;
  color: var(--color-red-hot);
  font: 900 .72rem/1 var(--font-mono);
  letter-spacing: .16em;
  writing-mode: vertical-rl;
}
.hero-art-caption { display: none; }

.section { padding-block: clamp(3.8rem, 6.5vw, 6.6rem); }
.section-line { border-top-color: rgba(242,189,36,.22); }
.section-line::before,
.section-surface::before,
.final-cta::before {
  content: "";
  position: absolute;
  top: -1px;
  left: max(1rem, calc((100vw - var(--content-wide)) / 2));
  width: min(150px, 22vw);
  height: 3px;
  background: linear-gradient(90deg, var(--color-red), var(--color-yellow));
}
.section-header { margin-bottom: clamp(2rem, 4vw, 3.4rem); }
.section-header h2 {
  color: #f5f2eb;
  text-shadow: 3px 3px 0 rgba(113,8,5,.4);
}

.team-feature-list {
  display: grid;
  gap: .75rem;
  border-top: 0;
}
.team-feature {
  position: relative;
  grid-template-columns: 92px minmax(160px,.56fr) minmax(260px,1fr) auto;
  min-height: 124px;
  padding: 1rem 1.2rem;
  border: 1px solid #312d28;
  background:
    linear-gradient(115deg, rgba(242,189,36,.07), transparent 30%),
    linear-gradient(180deg, #111113, #090909);
  clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);
}
.team-feature::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--color-yellow), var(--color-red));
}
.member-thumb {
  border: 1px solid rgba(242,189,36,.45);
  border-radius: 0;
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
  filter: saturate(.9) contrast(1.08);
}
.team-feature-role, .roster-role, .profile-role { color: var(--color-yellow); }
.arrow-link { color: #f5f1e9; font-style: italic; text-transform: uppercase; font-size: .78rem; letter-spacing: .05em; }
.arrow-link::after { color: var(--color-red-hot); }

.garage-stage {
  gap: .8rem;
  border: 0;
  background: transparent;
  box-shadow: var(--shadow-high);
}
.feature-build,
.build-rail article {
  border: 1px solid #332f2a;
  clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}
.feature-build {
  min-height: 430px;
  background:
    linear-gradient(105deg, rgba(4,4,4,.97) 0 54%, rgba(4,4,4,.72) 78%, rgba(4,4,4,.91) 100%),
    url("../img/team-duckies-emblem-small.webp") 95% 48% / 38% auto no-repeat,
    radial-gradient(circle at 88% 12%, rgba(213,22,18,.2), transparent 18rem),
    #080808;
}
.feature-build::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  right: auto;
  bottom: auto;
  width: auto;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(242,189,36,.5), transparent 28%) top left / 100% 2px no-repeat,
    linear-gradient(180deg, rgba(213,22,18,.55), transparent 35%) top right / 2px 100% no-repeat;
  box-shadow: none;
  pointer-events: none;
  z-index: 1;
}
.feature-build::after {
  inset: auto -8% -34% auto;
  width: 58%;
  aspect-ratio: 1;
  border: 1px solid rgba(242,189,36,.26);
  transform: rotate(45deg);
  background: linear-gradient(135deg, transparent 48%, rgba(213,22,18,.13) 48% 50%, transparent 50%);
}
.build-badge {
  color: #080706;
  background: linear-gradient(90deg, var(--color-yellow), #e28600);
  transform: skewX(-7deg);
}
.feature-build h3 { text-shadow: 3px 4px 0 rgba(110,8,5,.45); }
.build-rail article {
  background:
    linear-gradient(135deg, rgba(213,22,18,.09), transparent 35%),
    #111113;
}
.build-rail article + article { border-top: 1px solid #332f2a; }

.milestone-strip {
  gap: .65rem;
  border: 0;
}
.milestone {
  position: relative;
  min-height: 220px;
  border: 1px solid #332f2a;
  background: linear-gradient(155deg, rgba(242,189,36,.08), transparent 40%), #0d0d0f;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.milestone + .milestone { border-left: 1px solid #332f2a; }
.milestone::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 46%;
  height: 2px;
  background: linear-gradient(90deg, var(--color-red), var(--color-yellow));
}
.milestone-index { color: var(--color-yellow); }

.section-surface,
.section-light {
  color: var(--color-ink);
  border-top: 1px solid rgba(242,189,36,.2);
  border-bottom: 1px solid rgba(213,22,18,.18);
  background:
    radial-gradient(circle at 88% 18%, rgba(213,22,18,.1), transparent 28rem),
    linear-gradient(180deg, #0e0e10, #080808);
}
.partner-copy p,
.section-light .partner-copy p { color: var(--color-muted); }
.partner-board,
.section-light .partner-board { border-top-color: var(--color-yellow); }
.partner-row,
.section-light .partner-row {
  border-bottom-color: #312d29;
  background: linear-gradient(90deg, rgba(242,189,36,.035), transparent);
}
.partner-row dt { color: var(--color-yellow); }
.open-slot::before { background: var(--color-red-hot); box-shadow: 0 0 0 4px rgba(213,22,18,.17); }

.final-cta {
  border-top: 1px solid rgba(242,189,36,.24);
  background:
    linear-gradient(115deg, rgba(213,22,18,.11), transparent 37%),
    url("../img/team-duckies-emblem-small.webp") 53% 50% / 170px no-repeat,
    #070707;
}
.cta-grid h2 { max-width: 740px; }

.page-hero {
  position: relative;
  overflow: hidden;
  border-bottom-color: rgba(242,189,36,.26);
  background:
    linear-gradient(105deg, rgba(0,0,0,.98), rgba(0,0,0,.82)),
    url("../img/team-duckies-emblem-small.webp") 90% 44% / 260px no-repeat,
    #050505;
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, transparent 0 76%, rgba(242,189,36,.16) 76% 76.2%, transparent 76.2%),
    linear-gradient(118deg, transparent 0 81%, rgba(213,22,18,.2) 81% 81.25%, transparent 81.25%);
}
.page-hero h1 {
  color: #f7f4ed;
  text-shadow: 3px 4px 0 rgba(105,8,6,.55);
}
.page-hero-aside {
  border-left-color: var(--color-red-hot);
  color: #c7c1b8;
  background: linear-gradient(90deg, rgba(213,22,18,.08), transparent);
}

.roster-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  border: 0;
  background: transparent;
}
.roster-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #332f2a;
  background: #0b0b0c;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.roster-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 2;
  width: 55%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-red), var(--color-yellow));
}
.roster-photo { background: #101012; }
.roster-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 62%, rgba(0,0,0,.7));
}
.roster-number {
  z-index: 2;
  color: white;
  background: linear-gradient(180deg, var(--color-red-hot), var(--color-red-dark));
}
.roster-body { background: linear-gradient(150deg, rgba(242,189,36,.055), transparent 45%); }

.toolbar,
.private-access,
.aside-panel,
.notice,
.garage-account-bar,
.event-record,
.empty-state,
.profile-portrait,
.profile-facts > div,
.step,
.prose blockquote {
  border-color: #332f2a;
  background: #0d0d0f;
}
.field input, .field select, .field textarea,
.share-box code,
.private-result {
  border-color: #3a342e;
  background: #070707;
}
.filter-button[aria-pressed="true"] {
  color: #070707;
  border-color: var(--color-yellow);
  background: linear-gradient(180deg, #ffe36d, #d88a00);
}
.setup-list, .event-list {
  gap: .65rem;
  border: 0;
  background: transparent;
}
.setup-record, .event-record {
  border: 1px solid #332f2a;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  background: linear-gradient(110deg, rgba(242,189,36,.05), transparent 32%), #0d0d0f;
}
.status-public { --status-color: var(--color-yellow); }
.status-private { --status-color: var(--color-red-hot); }

/* Setup/event records become dark technical sheets; no cream flash panel. */
.setup-sheet {
  color: var(--color-ink);
  border: 1px solid #3a342e;
  background:
    linear-gradient(145deg, rgba(242,189,36,.05), transparent 34%),
    #0c0c0e;
  box-shadow: var(--shadow-high);
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.sheet-head {
  border-bottom: 2px solid rgba(242,189,36,.35);
  background:
    linear-gradient(110deg, rgba(213,22,18,.13), transparent 35%),
    #111113;
}
.sheet-head h1 {
  color: #f8f5ee;
  text-shadow: 3px 4px 0 rgba(105,8,6,.52);
}
.sheet-meta { color: var(--color-yellow); }
.sheet-section { border-bottom-color: #302d29; }
.data-row { border-bottom-color: #332f2a; }
.data-row dt { color: #aaa49a; }
.data-row dd { color: #f4d466; }

.profile-portrait {
  overflow: hidden;
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.profile-copy h1 { text-shadow: 4px 5px 0 rgba(105,8,6,.5); }
.profile-facts { gap: .6rem; border: 0; background: transparent; }
.profile-facts > div { border: 1px solid #332f2a; }

.site-footer {
  border-top-color: rgba(242,189,36,.25);
  background:
    linear-gradient(135deg, rgba(213,22,18,.06), transparent 35%),
    #020202;
}
.site-footer .brand-mark { width: 70px; height: 70px; }
.footer-bottom { border-top-color: rgba(242,189,36,.16); }
.footer-column a:hover { color: var(--color-yellow); }

@media (max-width: 1040px) {
  .primary-nav { background: rgba(3,3,3,.99); border-color: #40382f; }
  .hero-grid { grid-template-columns: 1fr .72fr; }
  .hero-art { min-height: 410px; }
  .roster-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 780px) {
  :root { --header-height: 72px; }
  .brand-mark { width: 52px; height: 52px; }
  .brand-name { font-size: 1.05rem; }
  .hero-grid { grid-template-columns: 1fr; padding-block: 2.3rem 1.3rem; }
  .hero h1 { font-size: clamp(3.4rem, 18vw, 6rem); }
  .hero-art { min-height: 330px; }
  .hero-art::before { inset: 2% 0; }
  .hero-art::after { font-size: .57rem; }
  .hero-art-code { display: none; }
  .team-feature { grid-template-columns: 72px 1fr; }
  .team-feature > p, .team-feature .arrow-link { grid-column: 2; }
  .garage-stage { gap: .65rem; }
  .milestone-strip { gap: .65rem; }
  .milestone + .milestone { border-left: 1px solid #332f2a; }
  .final-cta { background-size: auto, 120px, auto; background-position: 0 0, 92% 18%, 0 0; }
  .page-hero { background-size: auto, 150px, auto; background-position: 0 0, 96% 22%, 0 0; }
  .roster-grid { grid-template-columns: 1fr; }
  .setup-sheet { clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
}

@media (max-width: 460px) {
  .brand-mark { width: 46px; height: 46px; }
  .hero-copy::before { font-size: .52rem; }
  .hero-rally::after { display: none; }
  .hero-art { min-height: 285px; }
  .feature-build { min-height: 430px; background-size: auto, 58% auto, auto, auto; }
}

/* ========================================================================== 
   Team Duckies v0.0.5 — crest / wordmark / race-car hero composition
   ========================================================================== */

.site-header {
  position: sticky;
  overflow: visible;
}

.header-inner {
  min-height: 86px;
}

.brand {
  min-width: 245px;
}

.brand-mark {
  width: 76px;
  height: 76px;
  margin-block: -8px;
}

.brand-type {
  align-items: start;
}

.brand-name {
  display: grid;
  gap: 0;
  background: none;
  color: inherit;
  text-shadow: none;
}

.brand-team {
  color: #f5f2ec;
  font-family: var(--font-display);
  font-size: .58rem;
  font-style: italic;
  font-weight: 900;
  letter-spacing: .2em;
  line-height: 1;
  text-transform: uppercase;
}

.brand-duckies {
  display: block;
  margin-top: -.08rem;
  background: linear-gradient(180deg, #fff4a7 0%, #f5c62f 28%, #ad6900 78%, #f7cf43 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: var(--font-display);
  font-size: 1.55rem;
  font-style: italic;
  font-weight: 1000;
  letter-spacing: .035em;
  line-height: .92;
  text-transform: uppercase;
  filter: drop-shadow(2px 2px 0 rgba(94, 8, 5, .75));
}

.brand-sub {
  margin-top: .27rem;
  font-size: .48rem;
  letter-spacing: .15em;
}

.header-actions .button-primary {
  color: #fff;
  border-color: #ffb500;
  background: linear-gradient(180deg, #d71913, #8b0d08 72%, #4b0503);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 0 0 1px #4e0503, 0 8px 24px rgba(0,0,0,.4);
}

.header-actions .button-primary:hover {
  background: linear-gradient(180deg, #f12a21, #a30f09 72%, #5a0503);
}

.header-actions .button-secondary {
  color: #f6d25d;
  border-color: rgba(242,189,36,.62);
  background: rgba(0,0,0,.68);
}

.hero-showcase {
  position: relative;
  min-height: 540px;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid rgba(242,189,36,.36);
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.93) 34%, rgba(0,0,0,.72) 65%, rgba(0,0,0,.88) 100%),
    radial-gradient(circle at 55% 20%, rgba(242,189,36,.13), transparent 30rem),
    #020202;
}

.hero-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .58;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%, rgba(255,255,255,.035)),
    linear-gradient(150deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%, rgba(255,255,255,.035)),
    linear-gradient(30deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%, rgba(255,255,255,.035)),
    linear-gradient(150deg, rgba(255,255,255,.035) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.035) 87.5%, rgba(255,255,255,.035));
  background-size: 34px 60px;
  background-position: 0 0, 0 0, 17px 30px, 17px 30px;
  mask-image: linear-gradient(90deg, #000 0 38%, transparent 69%);
}

.hero-showcase::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 72px;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(106deg, transparent 0 9%, rgba(242,189,36,.75) 9% 9.18%, transparent 9.18% 78%, rgba(213,22,18,.72) 78% 78.22%, transparent 78.22%),
    linear-gradient(180deg, transparent, rgba(0,0,0,.72));
}

.hero-track-glow {
  position: absolute;
  inset: 0 -8% 0 52%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 70% 42%, rgba(255,255,255,.13), transparent 23%),
    radial-gradient(ellipse at 73% 82%, rgba(213,22,18,.22), transparent 31%),
    linear-gradient(116deg, transparent 0 52%, rgba(242,189,36,.18) 52% 52.25%, transparent 52.25% 60%, rgba(213,22,18,.24) 60% 60.25%, transparent 60.25%);
}

.hero-showcase-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, .86fr) minmax(430px, 1.32fr) minmax(330px, 1fr);
  align-items: center;
  min-height: 540px;
  padding-block: 2rem 2.7rem;
}

.hero-crest {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  align-self: stretch;
}

.hero-crest::before {
  content: "";
  position: absolute;
  inset: 8% 5% 5%;
  z-index: -1;
  border: 1px solid rgba(242,189,36,.38);
  background: radial-gradient(circle, rgba(242,189,36,.09), rgba(0,0,0,.22) 62%, transparent 63%);
  clip-path: polygon(18% 0, 82% 0, 100% 22%, 100% 78%, 82% 100%, 18% 100%, 0 78%, 0 22%);
}

.hero-crest img {
  width: min(390px, 30vw);
  max-height: 455px;
  object-fit: contain;
  filter: saturate(1.1) contrast(1.08) drop-shadow(0 28px 28px rgba(0,0,0,.7));
}

.hero-crest span {
  position: absolute;
  bottom: 4.5%;
  left: 50%;
  transform: translateX(-50%) skewX(-9deg);
  padding: .38rem .8rem;
  color: #090806;
  background: linear-gradient(90deg, #f3c62e, #d88400);
  font: 900 .54rem/1 var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero-showcase .hero-copy {
  position: relative;
  z-index: 5;
  align-self: center;
  padding: 1rem 0 1rem .45rem;
}

.hero-showcase .hero-copy::before {
  display: none;
}

.hero-showcase .eyebrow {
  margin-bottom: .72rem;
  color: #ded9ce;
}

.hero-showcase h1 {
  position: relative;
  z-index: 3;
  margin: 0 0 .58rem;
  font-size: clamp(4.5rem, 7.4vw, 8rem);
  line-height: .76;
  white-space: nowrap;
}

.hero-showcase .hero-team {
  margin-left: .04em;
  color: #f6f4ef;
  font-size: .39em;
  letter-spacing: .09em;
  text-shadow: 3px 3px 0 #272323;
}

.hero-showcase .hero-duckies {
  background: linear-gradient(180deg, #fff9b2 0%, #ffd83c 22%, #c27b00 59%, #734000 82%, #f4bd24 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(5px 6px 0 #360604) drop-shadow(0 13px 26px rgba(0,0,0,.68));
}

.hero-showcase .hero-rally {
  margin: .55rem 0 .75rem;
  font-size: clamp(1.05rem, 1.55vw, 1.45rem);
}

.hero-showcase .lede {
  max-width: 610px;
  margin-bottom: 0;
  color: #d5d0c8;
  font-size: clamp(.96rem, 1.15vw, 1.08rem);
}

.hero-showcase .hero-actions {
  margin: 1.4rem 0 0;
}

.hero-showcase .hero-actions .button {
  min-width: 175px;
}

.hero-car {
  position: relative;
  z-index: 2;
  align-self: stretch;
  min-width: 0;
}

.hero-car::before {
  content: "";
  position: absolute;
  inset: 8% -18% 5% -20%;
  z-index: -1;
  background: radial-gradient(ellipse at 63% 60%, rgba(213,22,18,.18), transparent 48%);
}

.hero-car img {
  position: absolute;
  right: min(-4vw, -30px);
  bottom: 0;
  width: min(660px, 47vw);
  max-width: none;
  max-height: 500px;
  object-fit: contain;
  object-position: right bottom;
  filter: contrast(1.08) saturate(1.04) drop-shadow(-28px 22px 28px rgba(0,0,0,.68));
}

.hero-edge {
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  z-index: 6;
  background: linear-gradient(90deg, transparent, #f6cc36 14%, #b70e0a 50%, #f6cc36 86%, transparent);
}

@media (max-width: 1180px) {
  .brand { min-width: 215px; }
  .brand-mark { width: 67px; height: 67px; }
  .brand-duckies { font-size: 1.3rem; }
  .hero-showcase-grid { grid-template-columns: minmax(220px,.75fr) minmax(390px,1.28fr) minmax(260px,.82fr); }
  .hero-crest img { width: min(330px, 28vw); }
  .hero-car img { right: -105px; width: 560px; }
}

@media (max-width: 980px) {
  .brand { min-width: 0; }
  .brand-sub { display: none; }
  .hero-showcase-grid {
    grid-template-columns: 240px minmax(0,1fr);
    min-height: 510px;
    padding-right: 2rem;
  }
  .hero-crest img { width: 260px; }
  .hero-showcase h1 { white-space: normal; font-size: clamp(4.2rem, 10vw, 6.5rem); }
  .hero-car {
    position: absolute;
    inset: 0 0 0 45%;
    z-index: 1;
    opacity: .42;
  }
  .hero-car img { right: -70px; width: 560px; }
  .hero-showcase .hero-copy { z-index: 4; }
}

@media (max-width: 780px) {
  .header-inner { min-height: 72px; }
  .brand-mark { width: 58px; height: 58px; margin-block: -4px; }
  .brand-duckies { font-size: 1.08rem; }
  .brand-team { font-size: .5rem; }
  .hero-showcase { min-height: auto; }
  .hero-showcase-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 2rem 1.1rem 3.2rem;
    text-align: center;
  }
  .hero-crest { min-height: 235px; }
  .hero-crest img { width: min(265px, 72vw); max-height: 260px; }
  .hero-crest span { bottom: 0; }
  .hero-showcase .hero-copy { padding: 1.1rem 0 9.5rem; }
  .hero-showcase .eyebrow { justify-content: center; }
  .hero-showcase .eyebrow::before { display: none; }
  .hero-showcase h1 { font-size: clamp(4rem, 18vw, 6.2rem); white-space: normal; }
  .hero-showcase .hero-team { margin-inline: auto; }
  .hero-showcase .hero-duckies { margin-inline: auto; }
  .hero-showcase .lede { margin-inline: auto; }
  .hero-showcase .hero-actions { justify-content: center; }
  .hero-car {
    inset: auto -5% 0 18%;
    height: 200px;
    opacity: .68;
  }
  .hero-car img { right: -30px; bottom: -8px; width: 390px; max-height: 230px; }
  .hero-showcase::before { mask-image: linear-gradient(180deg, #000 0 48%, transparent 82%); }
}

@media (max-width: 480px) {
  .brand-type { display: none; }
  .hero-showcase-grid { padding-inline: .75rem; }
  .hero-crest { min-height: 210px; }
  .hero-crest img { width: 235px; }
  .hero-showcase .hero-copy { padding-bottom: 8.5rem; }
  .hero-showcase .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-showcase .hero-actions .button { width: 100%; min-width: 0; }
  .hero-car { left: 2%; height: 180px; }
  .hero-car img { right: -42px; width: 340px; }
}

/* v0.0.8 — transparent emblem and collision-safe closing CTA */
.final-cta {
  background:
    linear-gradient(115deg, rgba(213,22,18,.11), transparent 37%),
    radial-gradient(circle at 62% 48%, rgba(242,189,36,.075), transparent 15rem),
    #070707;
}
.cta-grid {
  grid-template-columns: minmax(0, 1fr) clamp(135px, 12vw, 190px) minmax(190px, auto);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
}
.cta-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.cta-copy h2 {
  max-width: 700px;
}
.cta-emblem {
  position: relative;
  z-index: 0;
  display: grid;
  place-items: center;
  min-width: 0;
  pointer-events: none;
}
.cta-emblem::before {
  content: "";
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(242,189,36,.10);
  filter: blur(26px);
}
.cta-emblem img {
  position: relative;
  width: min(100%, 180px);
  height: auto;
  filter: drop-shadow(0 16px 25px rgba(0,0,0,.58));
}
.cta-actions {
  display: grid;
  justify-items: stretch;
  min-width: 190px;
}
.cta-actions .button {
  width: 100%;
}

@media (max-width: 1040px) {
  .cta-grid {
    grid-template-columns: minmax(0, 1fr) 145px;
  }
  .cta-actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    max-width: 560px;
    justify-self: start;
  }
}

@media (max-width: 780px) {
  .cta-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .cta-emblem {
    grid-row: 2;
    justify-self: start;
  }
  .cta-emblem img {
    width: 128px;
  }
  .cta-actions {
    grid-row: 3;
    grid-column: auto;
    grid-template-columns: 1fr;
    width: min(100%, 420px);
  }
}


/* Team Duckies v0.0.8 — Auto Legends build sheets */
.sheet-note { margin-top: 1rem; padding: .85rem 1rem; border-left: 3px solid var(--color-gold); background: rgba(242,189,36,.06); }
.public-stance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.public-stance-end { min-width: 0; border: 1px solid rgba(242,189,36,.18); background: rgba(0,0,0,.18); }
.public-stance-end h3 { margin: 0; padding: .75rem 1rem; border-bottom: 1px solid rgba(242,189,36,.18); color: var(--color-gold); text-transform: uppercase; font-size: .9rem; }
.public-stance-end .data-grid { grid-template-columns: 1fr; gap: 0; }
.public-parts { display: grid; gap: 1rem; }
.public-parts-group { border: 1px solid rgba(242,189,36,.18); background: rgba(0,0,0,.15); }
.public-parts-group > h3 { margin: 0; padding: .75rem 1rem; border-bottom: 1px solid rgba(242,189,36,.18); color: var(--color-gold); font-size: .9rem; text-transform: uppercase; }
.public-part-row { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(150px,.7fr) minmax(200px,1.2fr); gap: 1rem; align-items: center; padding: .8rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.public-part-row:last-child { border-bottom: 0; }
.public-part-row h4 { margin: 0; font-size: .85rem; text-transform: uppercase; }
.public-part-row span { color: var(--color-muted); font-size: .76rem; text-transform: uppercase; }
.public-part-row strong { color: var(--color-gold); }
.public-part-row p { margin: 0; color: var(--color-muted); }
@media (max-width: 760px) {
  .public-stance-grid { grid-template-columns: 1fr; }
  .public-part-row { grid-template-columns: 1fr; gap: .25rem; }
}