/* ============ Parkinson Wing skin ============
   Cool arcane silver-and-teal on deep blue. */

:root {
  --cream: #131b2a;
  --cream-2: #0f1626;
  --ink: #e6ecf5;
  --ink-soft: #aebad0;
  --teal: #7fd4cc;
  --teal-deep: #2c6b66;
  --coral: #d97b5a;
  --gold: #b9c8e0;
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

body {
  background: linear-gradient(180deg, #1a2438 0%, var(--cream) 55%, var(--cream-2) 100%);
  color: var(--ink);
}

::selection { background: var(--teal); color: #0f1626; }

#grain { mix-blend-mode: screen; opacity: 0.07; }

.topbar {
  border-bottom: 1px solid rgba(230, 236, 245, 0.18);
  background: rgba(15, 22, 38, 0.85);
}
.topbar a { color: var(--ink); }
.topbar a:hover { color: var(--teal); }

.hero {
  background:
    radial-gradient(ellipse 90% 60% at 50% 115%, rgba(127, 212, 204, 0.16), transparent 65%),
    radial-gradient(ellipse 70% 50% at 85% -10%, rgba(60, 90, 150, 0.30), transparent 60%),
    linear-gradient(180deg, #212c46 0%, var(--cream) 55%, var(--cream-2) 100%);
}
.hero h1 .accent { color: var(--teal); }

.btn-solid {
  background: var(--teal);
  color: #0f1626;
  box-shadow: 0 10px 24px rgba(127, 212, 204, 0.25);
}
.btn-solid:hover {
  box-shadow: 0 16px 32px rgba(127, 212, 204, 0.4);
  color: #0f1626;
}
.btn-ghost {
  border: 2px solid rgba(230, 236, 245, 0.45);
  color: var(--ink);
}
.btn-ghost:hover { background: var(--ink); color: #0f1626; }

.frame-tile {
  background: #0c1220;
  border: 10px solid #26314c;
  outline: 1px solid rgba(127, 212, 204, 0.35);
}
.frame:hover .frame-tile {
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.65);
}
.frame-row .motion-panel {
  border: 2px solid rgba(127, 212, 204, 0.35);
  background: #0a0f1c;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.45);
}

.section-film {
  background:
    radial-gradient(ellipse 60% 80% at 50% 0%, rgba(127, 212, 204, 0.08), transparent 70%),
    linear-gradient(180deg, var(--cream-2), var(--cream));
  border-top: 3px double rgba(230, 236, 245, 0.4);
  border-bottom: 3px double rgba(230, 236, 245, 0.4);
}

/* ---- contrast repairs ---- */

.footer {
  background: #0c1220;
  color: var(--ink);
  border-top: 1px solid rgba(230, 236, 245, 0.14);
}
.footer-note { color: var(--ink-soft); opacity: 0.8; }
.footer-link { color: var(--ink); opacity: 0.85; text-decoration: underline; text-underline-offset: 3px; }
.footer-link:hover { color: var(--teal); opacity: 1; }
.footer .to-top:hover { color: var(--teal); }

.marquee {
  background: rgba(38, 49, 76, 0.92);
  color: #e6ecf5;
  border-top: 3px double rgba(230, 236, 245, 0.4);
  border-bottom: 3px double rgba(230, 236, 245, 0.4);
}
.marquee-track span { color: #e6ecf5; }

.expansion-cta:hover { color: #0f1626; }

/* artist + style strip */
.artist-line {
  text-align: center; padding: 0.55rem 1.5rem; font-size: 0.8rem;
  letter-spacing: 0.04em; color: var(--ink-soft);
  border-bottom: 1px solid rgba(120,120,120,0.25);
}
.artist-line strong { color: var(--ink); letter-spacing: 0.08em; }