.landing-main {
  display: flex;
  align-items: stretch;
  grid-template-columns: none;
  min-height: min(650px, 62vh);
  gap: 18px;
}

.landing-panel {
  flex: 1 1 0;
  min-width: 0;
  transform: translateY(0);
  transition: flex-grow 480ms var(--ease-out), transform 420ms var(--ease-out), filter 420ms, border-color 420ms, box-shadow 420ms;
}

.landing-panel.featured { flex-grow: 1.14; }
.landing-main.has-active .landing-panel { flex-grow: .82; filter: brightness(.68) saturate(.78); }
.landing-main.has-active .landing-panel.is-active { flex-grow: 1.48; filter: brightness(1.08) saturate(1.05); transform: translateY(-6px); border-color: rgba(85,234,219,.46); box-shadow: 0 30px 90px rgba(0,0,0,.46), var(--glow-primary); }
.landing-panel::before { transform: translate(var(--parallax-x, 0), var(--parallax-y, 0)) scale(1.045); transition: transform 500ms var(--ease-out), opacity 380ms, filter 380ms; }
.landing-panel.is-active::before { transform: translate(var(--parallax-x, 0), var(--parallax-y, 0)) scale(1.08); opacity: 1; filter: brightness(1.12) saturate(1.08); }
.landing-panel-content { transform: translateY(4px); transition: transform 420ms var(--ease-out); }
.landing-panel.is-active .landing-panel-content { transform: translateY(-4px); }
.landing-copy, .landing-button { opacity: .62; transform: translateY(8px); transition: opacity 340ms, transform 420ms var(--ease-out); }
.landing-panel.is-active .landing-copy, .landing-panel.is-active .landing-button, .landing-panel:focus-visible .landing-copy, .landing-panel:focus-visible .landing-button { opacity: 1; transform: translateY(0); }
.landing-panel:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.landing-panel::after { background: linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,.1) 48%, transparent 56%), linear-gradient(180deg, rgba(4,7,18,.2) 0 40%, rgba(4,7,18,.88)); }
.landing-kicker { border-radius: 6px; letter-spacing: .14em; }
.landing-button { border-radius: var(--radius-sm); }

.ambient-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ambient-canvas--workspace { opacity: .45; }

.route-curtain { position: fixed; z-index: 500; inset: 0; display: grid; place-items: center; color: var(--text-main); background: radial-gradient(circle at center, rgba(85,234,219,.1), transparent 32%), linear-gradient(135deg, #070916, #17102b); pointer-events: none; }
.route-curtain span { font-size: clamp(28px, 6vw, 72px); font-weight: 800; letter-spacing: .24em; text-shadow: var(--glow-primary); }
.route-curtain i { position: absolute; width: min(420px, 60vw); height: 1px; background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent); box-shadow: 0 0 16px rgba(85,234,219,.5); transform: translateY(60px); }

@media (max-width: 900px) {
  .landing-main { display: grid; min-height: auto; }
  .landing-panel, .landing-panel.featured, .landing-main.has-active .landing-panel, .landing-main.has-active .landing-panel.is-active { min-height: 300px; transform: none; filter: none; }
  .landing-copy, .landing-button { opacity: 1; transform: none; }
}