/* ==========================================================================
   /festivals/ — the vertical page (§34). Layers on home.css, which loads first.
   Two page-local needs only; everything else reuses the home band, hero, flow
   and pricing-card systems rather than restating them.
   ========================================================================== */

/* The hero headline here is a full sentence on three lines, not the two-word
   homepage hero, so it needs a smaller ceiling to stay inside the copy column. */
.fest-hero h1 { font-size: clamp(2.3rem, 5.4vw, 3.9rem); }

/* Closes the showcase band with the rest of what the platform covers for a
   festival. Mono and small on purpose: an index of the prose above, not a
   feature dump competing with it (§68). Cream-band colours throughout. */
.fest-cover {
    list-style: none;
    padding: 1.5rem 0 0;
    margin: 3.5rem 0 0;
    border-top: 1px solid rgba(0, 40, 80, 0.16);
    display: grid;
    gap: 0.6rem 1.5rem;
    grid-template-columns: 1fr;
}
.fest-cover li {
    position: relative;
    padding-left: 1.4rem;
    font-family: 'Source Code Pro', monospace;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    line-height: 1.5;
    color: rgba(0, 40, 80, 0.72);
}
.fest-cover li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 0.5rem;
    height: 1px;
    background: var(--magenta);
}

@media (min-width: 620px) { .fest-cover { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .fest-cover { grid-template-columns: repeat(3, 1fr); } }