/* ==========================================================================
   Relic Collectibles - page-scoped holo overrides.
   Loaded on every public page, right after relic-holo.css. Small, additive
   rules only: relic-holo.css owns every token and primitive (see
   HOLO-CONTRACT.md); this file just wires those primitives onto the content
   pages (about, sell, grading, consignment, faq) without editing the shared
   files Agent A owns.
   ========================================================================== */

/* .hero already gets overflow: clip from relic.css. .holo-foil sets its own
   position: relative, but the hero needs to be the positioned ancestor for
   .holo-fan (which is position: absolute) too, so make it explicit here
   rather than relying on a primitive class doing it as a side effect. */
.hero.holo { position: relative; }

/* Keep the fanned cosmos cards clear of the hero copy in the narrow band
   between the fan's 1180px minimum and where the two-column .hero-grid
   layout otherwise gives the copy room. .hero-grid is a single column below
   relic.css's own breakpoint, so the copy runs full width right up against
   the fan without this. */
@media (min-width: 1180px) {
  .hero.holo .hero-copy,
  .hero.holo .wrap > :first-child {
    max-width: calc(100% - 22rem);
  }
}

/* Text panels: paper surface for the ring's padding-box layer so it reads
   as the same card stock as the rest of the page, not a mismatched patch. */
.panel.holo { --holo-surface: var(--paper); }
.panel-quiet.holo { --holo-surface: var(--paper-2); }