/* ── Quote — mobile first ────────────────────────────────────────────── */
.quote-section {
    background: var(--bg-deep);
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
}
.quote-section::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse at 15% 50%, rgba(176,129,186,0.09) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 50%, rgba(173,255,242,0.05) 0%, transparent 55%);
    pointer-events: none;
}

.quote-inner  { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.quote-mark {
    font-family: var(--font-display);
    font-size: 80px;
    line-height: 0.6;
    color: var(--accent-mauve);
    opacity: 0.35;
    display: block;
    margin-bottom: 40px;
}

.quote-text {
    font-family: var(--font-display);
    font-size: clamp(20px, 5vw, 36px);
    font-weight: 300;
    font-style: italic;
    line-height: 1.6;
    color: var(--text-primary);
    letter-spacing: 0.01em;
}
.quote-text em { color: var(--accent-mauve); font-style: italic; }

.quote-source {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 44px;
}
.quote-source-line { width: 44px; height: 1px; background: var(--accent-mauve); }
.quote-source-text {
    font-size: 10.5px; font-weight: 700;
    letter-spacing: 0.28em; text-transform: uppercase;
    color: var(--accent-mauve);
}

/* ── Typewriter cursor ───────────────────────────────────────────────── */
.tw-cursor {
    display: inline-block;
    width: 2px; height: 0.8em;
    background: var(--accent-mauve);
    margin-left: 2px;
    vertical-align: middle;
    border-radius: 1px;
    animation: twBlink 0.7s ease-in-out infinite alternate;
    transition: opacity 0.3s ease;
}
@keyframes twBlink {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* ── Desktop ─────────────────────────────────────────────────────────── */
@media (min-width: 900px) {
    .quote-section { padding: 128px 72px; }
    .quote-mark    { font-size: 130px; margin-bottom: 44px; }
}