/* Shared card surfaces: 78% dark glass with fully opaque content. */
:root {
  --panel-glass: rgb(8 14 12 / 78%);
  --panel-border: rgb(224 237 225 / 20%);
  --panel-radius: 10px;
  --founder-gold: #dfbd78;
}

[data-variant] :is(.hero-seal, .founder-panel, .founder-offer, .connection-columns article, .offer-strip) {
  background: var(--panel-glass);
  border: 1px solid var(--panel-border);
  border-radius: var(--panel-radius);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
  box-shadow: 0 18px 48px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(255 255 255 / 5%);
}

[data-variant] .hero-seal {
  transform: none;
  margin-right: 0;
}

[data-variant] .hero-seal > strong {
  color: var(--founder-gold);
  text-shadow: 0 2px 20px rgb(223 189 120 / 12%);
}

[data-variant] .hero-seal strong span { color: var(--founder-gold); }

[data-variant] .founder-layout { align-items: start; }
[data-variant] .founder-note { padding-top: 0; min-width: 0; }
.founder-panel { padding: 34px; }
[data-variant] .founder-offer { padding: 34px; }
[data-variant] .founder-note p { max-width: none; }

[data-variant] .offer-strip { padding: 26px; }
[data-variant] .offer-strip > div { border-color: rgb(224 237 225 / 16%); }

[data-variant] .connection-columns { gap: 18px; }
[data-variant] .connection-columns article { padding: 25px 25px 24px; }
[data-variant] .lane-number { color: #aabda3; }
[data-variant] .lane-symbol {
  border-radius: 8px;
  color: #cce5b7;
  border-color: rgb(205 229 183 / 24%);
  background: var(--panel-glass);
}
[data-variant] .connection-columns h3 { color: #f0f4ec; }
[data-variant] .connection-columns p { color: #c0cfb7; }
[data-variant] .destinations { border-color: rgb(224 237 225 / 17%); }
[data-variant] .destinations > span { color: #a1b393; }
[data-variant] .destination-name { color: #d7e6cd; }
[data-variant] .destination-name i { background: rgb(205 229 183 / 28%); }

[data-variant] .door-stage {
  border-radius: var(--panel-radius);
  border-color: var(--panel-border);
  background: var(--panel-glass);
}
[data-variant] .button { border-radius: 6px; }
[data-variant] .glass {
  background: var(--panel-glass);
  border-color: var(--panel-border);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

@media (max-width: 1000px) {
  .founder-panel, [data-variant] .founder-offer { padding: 28px; }
  [data-variant] .connection-columns { gap: 12px; }
  [data-variant] .connection-columns article { padding-inline: 16px; }
}

@media (max-width: 650px) {
  .founder-panel, [data-variant] .founder-offer { padding: 24px; }
  [data-variant] .offer-strip { padding: 20px; }
  [data-variant] .connection-columns article { padding: 18px; }
  [data-variant=aerial] .connection-columns { gap: 8px; }
  [data-variant=aerial] .connection-columns article { padding: 16px 8px; }
}