#interstitial {
    background: var(--bg-strip);
    padding: clamp(80px, 12vh, 140px) var(--gutter);
}

.interstitial__inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 clamp(48px, 8vw, 120px);
    text-align: center;
}

.interstitial__line {
    /* Same treatment as the hero h1 "Tu idea" — Cormorant 600, no italic. */
    font-family: var(--serif);
    font-style: normal;
    font-weight: 600;
    font-size: clamp(28px, 3.6vw, 48px);
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: var(--ink);
}

/* ── DECORATIVE QUOTES ────────────────────────────── */
.interstitial__quote {
    position: absolute;
    font-family: var(--serif);
    font-weight: 600;
    font-size: clamp(80px, 11vw, 160px);
    line-height: 1;
    color: var(--ink);
    user-select: none;
    pointer-events: none;
}

.interstitial__quote--open {
    top: -0.15em;
    left: 0;
}

.interstitial__quote--close {
    bottom: -0.55em;
    right: 0;
}

@media (max-width: 600px) {
    .interstitial__inner { padding: 0 32px; }
    .interstitial__line { font-size: clamp(20px, 6vw, 28px); }
    .interstitial__quote { font-size: clamp(56px, 16vw, 80px); }
}