/* Original artwork, natural proportions, one Royal Frequency system. */
/* One continuous studio backdrop joins the FAQ and contact footer. */
.home-page .closing-scene {
  position:relative; isolation:isolate;
  background:var(--obsidian);
}
.home-page .closing-scene::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,10,.32),rgba(5,5,10,.56)),
    url('images/midnight-boulevard-profile-original.jpg') center center / cover no-repeat;
}
.home-page .closing-scene #faq { background:linear-gradient(180deg,rgba(5,5,10,.22),rgba(5,5,10,.42)),url('images/royal-microphone-tv-faq-original.jpg') center center / cover no-repeat; padding-block:clamp(32px,5vw,76px); }
.home-page .closing-scene .studio-panel.studio-panel,
.home-page .closing-scene .faq-item {
  background:rgba(5,5,10,.82); border-color:rgba(191,252,255,.26);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
}
.home-page .closing-scene .faq-item[open] { background:rgba(24,11,35,.94); border-color:var(--cyan); }
.home-page .closing-scene .faq-item summary { color:var(--white); }
.home-page .closing-scene .site-footer {
  background:rgba(5,5,10,.72); border-top-color:rgba(191,252,255,.24);
}
.home-page .closing-scene .footer-grid,
.home-page .closing-scene .copyright { color:var(--white); }
@media (max-width:980px) {
  .home-page .closing-scene::before {
    background-image:linear-gradient(180deg,rgba(5,5,10,.26),rgba(5,5,10,.6)),url('images/midnight-boulevard-profile-original.jpg');
    background-position:center top; background-size:100% 100%,auto 100%;
  }
}
:root {
  --surface: #180b23;
  --panel-fill: linear-gradient(135deg, #180b23, #05050a);
  --panel-copy: color-mix(in srgb, #ffffff 82%, #bba591);
  --muted: color-mix(in srgb, #ffffff 70%, #bba591);
  --panel-edge: rgba(164,83,250,.32);
}
body { background: radial-gradient(ellipse at 0 20%,rgba(109,0,228,.12),transparent 45%),var(--obsidian); }
body::before { opacity: .3; }
.hero.artwork-home, #process.artwork-process { padding-top: 0; min-height: 0; }
.hero.artwork-home::before, #process.artwork-process::before { content: none; }
.full-art { display:block; width:100%; max-width:none; height:auto; margin:0; object-fit:contain; border-radius:0; filter:none; }
.hero.artwork-home > .hero-grid, #process.artwork-process > .split-section { margin-top:clamp(20px,3vw,44px); }
.banner-clear > .page-banner { object-fit:contain; border-radius:0; filter:none; }
main .editorial-grid { align-items:start; }
main .editorial-card { padding:0; overflow:hidden; border-radius:18px; background:var(--aubergine); }
main .editorial-card > img { width:100%; height:auto; aspect-ratio:auto 1672 / 941; object-fit:contain; border-radius:0; background:var(--obsidian); }
main .editorial-card > img[src*="royal-lowrider"] { aspect-ratio:auto 1983 / 793; }
main .editorial-card > .studio-panel { margin:0; border:0; border-radius:0; padding:clamp(22px,2.3vw,34px); }
main .editorial-card .section-index { background:var(--obsidian); border-color:rgba(251,208,141,.42); color:var(--gold); }
section[aria-labelledby="collection-title"] > .shell > .split-section > .media-frame {
  display:block; padding:0; border:0; border-radius:0; overflow:visible; box-shadow:none; background:none;
}
section[aria-labelledby="collection-title"] .media-frame::after { content:none; }
section[aria-labelledby="collection-title"] .media-frame > img { display:block; width:100%; height:auto; max-width:none; border-radius:0; object-fit:contain; animation:none; transform:none; }
.button.primary { background:var(--violet); border:1px solid rgba(164,83,250,.5); box-shadow:0 8px 28px rgba(109,0,228,.24); }
.button.ghost { background:rgba(24,11,35,.7); border-color:rgba(42,233,253,.45); color:var(--ice); }
.section-kicker { color:var(--cyan); }
main .faq-item, .home-page .faq-item { background:var(--aubergine); border-color:var(--panel-edge); backdrop-filter:none; }
main .faq-item[open], .home-page .faq-item[open] { background:#24113a; border-color:var(--cyan); }
.home-page .faq-item p, .home-page .faq-item summary { color:var(--panel-copy); }
.site-footer { background:var(--obsidian); border-top:1px solid var(--panel-edge); }
.fact-rail { background:linear-gradient(100deg,rgba(109,0,228,.14),rgba(42,233,253,.04)); }
.reading-progress { height:3px; background:linear-gradient(90deg,var(--violet),var(--amethyst),var(--cyan),var(--gold)); }
@media (max-width:980px) {
  .kit-visual .kit-ambient { right:0; transform:none; max-width:42%; }
}
/* Translate the whole image into view; never enlarge or crop its contents. */
.motion-parallax { animation:none !important; transform:none !important; }
.motion-visible > .studio-panel::before { animation:panel-arrive 1s cubic-bezier(.16,1,.3,1) both; }
@media (hover:hover) and (pointer:fine) {
  .button.primary:hover { background:var(--violet); border-color:var(--cyan); box-shadow:0 10px 34px rgba(109,0,228,.4); }
  .editorial-card:hover, .product-card:hover { box-shadow:0 12px 36px rgba(109,0,228,.14); }
}
@media (prefers-reduced-motion:reduce) {
  .reading-progress { display:none; }
  .motion-visible > .studio-panel::before { animation:none; }
}