/* Dec 18 2026 · DLR & MC Gusto, Arkyn. The flyer is two inks on bare paper, so this theme turns the
   site's dark world to paper and re-inks it with the flyer's plum, wine, rose and sun red.
   It applies on the show page always, and on the home page only until the show ends (the home page
   then shows the default theme, which must stay dark). */
:is(html:has(.theme-show:not(.only-upcoming) > .paper), html:not([data-state="ended"]):has(.theme-show > .paper)) {
  --ink: #ede8ea;          /* paper */
  --slate: #e0d6da;
  --red: #682c4b;          /* plum: headliners, headings, the date bar */
  --red-hot: #882739;      /* wine: the figure */
  --orange: #973953;       /* rose: eyebrow, 답사, labels, buttons */
  --flame: #c04f50;        /* the sun */
  --ember: #d4675f;
  --burnt: #882739;
  --rust: #4a1d33;
  --bone: #4a1d33;         /* deep plum for secondary text */
  --text: rgba(74, 29, 51, .84);
  --rule: rgba(136, 39, 57, .24);
  color-scheme: light;

  /* ── World: paper instead of marble, ink flecks instead of embers ── */
  & .marble { filter: invert(1) sepia(.18) hue-rotate(290deg); opacity: .55; }
  & #embers { filter: invert(1) hue-rotate(180deg) saturate(1.6); mix-blend-mode: multiply; opacity: .75; }
  & .spot { background: radial-gradient(560px circle at var(--mx) var(--my), rgba(192, 79, 80, .10), transparent 62%); mix-blend-mode: multiply; }
  & .vignette { background: radial-gradient(125% 95% at 60% 40%, transparent 48%, rgba(104, 44, 75, .2) 100%); }
  & .grain { mix-blend-mode: multiply; opacity: .16; }

  /* ── Chrome ── */
  & .brand img { height: 48px; width: auto; }
  & .foot-logo { height: 76px; width: auto; }
  @media (max-width: 520px) {
    & .brand { flex-shrink: 0; }
    & .brand img { height: 38px; }
    & .nav { gap: 12px; }
    & .nav-actions { gap: 10px; }
  }
  & .nav { background: linear-gradient(rgba(237, 232, 234, .9), rgba(237, 232, 234, 0)); }
  & .nav.scrolled { background: rgba(237, 232, 234, .84); }
  & .brand img, & .foot-logo, & .partners img { filter: hue-rotate(-62deg) saturate(1.1) brightness(.5) contrast(1.15); }
  /* Original PSD logo alpha, recolored uniformly to plum without a paper backing. */
  & .partners img:not(:first-child) { filter: brightness(0) saturate(100%) invert(24%) sepia(19%) saturate(1716%) hue-rotate(279deg) brightness(91%) contrast(91%); }
  & .btn-solid:hover { box-shadow: 0 14px 40px rgba(104, 44, 75, .28); }
  & .foot { background: linear-gradient(transparent, rgba(104, 44, 75, .07)); }

  /* ── Hero: the bill, set like the flyer ── */
  & .origin { color: var(--red); }
  & .origin i { background: var(--red); }
  & .datebar { background: var(--red); }
  &[data-state="ended"] .datebar { background: transparent; color: var(--red); box-shadow: inset 0 0 0 .06em var(--red); }
  & .ticket-tile:hover { box-shadow: 0 18px 50px rgba(104, 44, 75, .3); }
  & .stamp { box-shadow: 0 0 0 .35em rgba(237, 232, 234, .6); }

  /* ── Bands, countdown, flyer ── */
  & .band-a { background: var(--red); box-shadow: 0 18px 50px rgba(74, 29, 51, .22); }
  & .band-b { background: rgba(237, 232, 234, .62); }
  & .band-b svg, & .band-b .hl { fill: var(--flame); color: var(--flame); }
  & .cd-cell b { text-shadow: none; }
  & .cd-sep { fill: var(--flame); }
  & .flyer-card { box-shadow: 0 40px 80px rgba(74, 29, 51, .32), 0 0 0 1px rgba(136, 39, 57, .18); }
  & .venue-sec .watermark { opacity: .07; }
}

/* ── Theme parts that only exist in this theme ── */
.paper .grit { filter: url(#paper-grit); }

/* The bill. Wide screens set DLR & MC Gusto on one line so the bill fits beside the art; phones get the
   flyer's own stack, with DLR at full width and ARKYN's vertical tag. */
.paper .narrow-only { display: none; }
.paper .wide-only .amp { font-size: .62em; vertical-align: .3em; color: var(--orange); }
.paper .dlr .amp { display: inline-block; font-size: .3em; margin-left: .06em; vertical-align: .3em; color: var(--orange); }
.paper .arkyn { margin-top: .1em; }
.paper .support-w { width: 74%; margin-top: .2em; }
.paper .arkyn-tag {
  gap: .3em; margin: .2em 0 .5em;
  font: 800 3.3cqi/1 var(--sans); font-stretch: 105%; letter-spacing: .03em; text-transform: uppercase; color: var(--red);
}
.paper .arkyn-tag .col { writing-mode: vertical-rl; display: flex; align-items: center; gap: .45em; white-space: nowrap; }
.paper .arkyn-tag .col i { flex: 1; width: 2px; min-height: 1em; background: currentColor; }

/* Hero art: the flyer's sun, then the figure cutting through it and off the right edge */
.paper .art-parallax { right: -2.5vw; top: 50%; height: min(118vh, 1300px); aspect-ratio: 454 / 1176; }
.paper .art-float { animation-name: drift-blade; animation-duration: 11s; transform-origin: 100% 60%; }
@keyframes drift-blade {
  0% { transform: translate3d(0, 0, 0) rotate(0); }
  50% { transform: translate3d(-10px, -12px, 0) rotate(-.8deg); }
  100% { transform: translate3d(-4px, 6px, 0) rotate(.5deg); }
}
.blade-art { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(5px 2px 0 rgba(192, 79, 80, .2)); }
[data-state="ended"] .blade-art { filter: saturate(.55) contrast(.9) opacity(.8); }
.paper .halo.sun-disc {
  right: auto; left: 27%; top: 8vh; width: min(58vh, 36vw); height: auto; aspect-ratio: 1; border-radius: 0;
  background: none; color: var(--flame); animation: none; overflow: visible;
  transform: translate3d(calc(var(--px) * -14px), calc(var(--py) * -12px), 0);
}
[data-state="ended"] .paper .halo.sun-disc { color: var(--ember); opacity: .7; }
.paper .hero-art .dapsa { right: auto; left: 27%; top: calc(10vh + min(58vh, 36vw)); bottom: auto; font-size: clamp(56px, 7.5vw, 132px); line-height: 1; }

@media (max-width: 900px) {
  .paper .wide-only { display: none; }
  .paper .narrow-only { display: block; }
  .paper .arkyn-tag.narrow-only { display: flex; }
  .paper .arkyn { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3%; align-items: stretch; }
  .paper .support-w { width: 100%; }
  .paper .art-parallax { right: -4vw; left: auto; top: 0; height: 100%; transform: translate3d(calc(var(--px) * -10px), calc(var(--py) * -8px), 0); }
  .paper .halo.sun-disc { left: 2%; top: 3%; width: 74vw; }
  .paper .hero-art .dapsa { left: var(--pad); top: auto; bottom: 6%; font-size: clamp(56px, 17vw, 120px); }
}