/* Restore the delicate, hand-drawn active mark throughout the site. */
body .royal-nav nav.royal-nav-links a::after { display:none; }
body .royal-nav nav.royal-nav-links a .royal-nav-ornament {
  display:block; position:absolute; left:50%; bottom:1px;
  width:60px; height:16px; max-width:none; color:#dfb875;
  opacity:0; transform:translate(-50%, 3px); pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
body .royal-nav nav.royal-nav-links a:is(:hover,:focus-visible,[aria-current]) .royal-nav-ornament {
  opacity:1; transform:translate(-50%,0);
}
body .royal-mobile-navigation .royal-nav-ornament {
  display:block; position:absolute; right:10px; left:auto; bottom:50%;
  width:56px; height:16px; color:#dfb875; opacity:0;
  transform:translateY(50%); pointer-events:none;
  transition:opacity .25s ease;
}
body .royal-mobile-navigation a:is(:hover,:focus-visible,[aria-current]) .royal-nav-ornament { opacity:1; }

/* A restrained dark glass dock, with the existing player controls intact. */
body[data-page="home"] .cinema-hero .hero-player.royal-player {
  --rp-ink:#fff7eb; --rp-muted:#e1d1c3; --rp-gold:#d5b17b; --rp-clay:#d7b27c;
  background:rgba(22,14,17,.92); color:#fff7eb;
  border:1px solid rgba(255,241,224,.25);
  box-shadow:0 16px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%);
}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player { background:rgba(29,18,22,.72); }
}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track strong {color:#fff8ef}
body[data-page="home"] .cinema-hero .hero-player.royal-player :is(.dock-track small,.dock-track [data-youtube-status],.player-time){color:#e6d8ca}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-play {background:#d5b17b;border-color:#d5b17b;color:#211513}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-play:hover {background:#efd0a0;border-color:#efd0a0;color:#211513}
body[data-page="home"] .cinema-hero .hero-player.royal-player :is([data-player-prev],[data-player-next],[data-player-details],[data-player-mute]) {color:#fff5e8}
body[data-page="home"] .cinema-hero .hero-player.royal-player :is([data-player-prev],[data-player-next],[data-player-details],[data-player-mute]):hover {background:#fff3e81a;color:#fff}
body[data-page="home"] .cinema-hero .hero-player.royal-player .royal-progress {background:#f3e2cd55}
body[data-page="home"] .cinema-hero .hero-player.royal-player .royal-progress i {background:#e0bc87}
body[data-page="home"] .cinema-hero .hero-player.royal-player .player-volume input {accent-color:#e0bc87}
body[data-page="home"] .cinema-hero .hero-player.royal-player :is(button,input):focus-visible {outline:2px solid #ffe4b9;outline-offset:2px}

/* The final About call-to-action uses the same glass material. */
body[data-page="about"] .story-closing .button.outline {
  position:relative; z-index:2; background:rgba(49,31,30,.78); color:#fff8ef;
  border:1px solid rgba(240,214,177,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 8px 24px rgba(0,0,0,.14);
  -webkit-backdrop-filter:blur(20px) saturate(125%); backdrop-filter:blur(20px) saturate(125%);
}
body[data-page="about"] .story-closing .button.outline:hover {background:rgba(104,55,47,.84);border-color:#e2bf8e;color:#fff}
body[data-page="about"] .story-closing .button.outline:focus-visible {outline:2px solid #f4d5a8;outline-offset:3px}
@media(prefers-reduced-motion:reduce) {
  body .royal-nav nav.royal-nav-links a .royal-nav-ornament,
  body .royal-mobile-navigation .royal-nav-ornament {transition:none}
}
@media(prefers-reduced-transparency:reduce) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player,
  body[data-page="about"] .story-closing .button.outline {background:#211618;-webkit-backdrop-filter:none;backdrop-filter:none}
}