/* ══════════════════════════════════════════
   QUOTE SECTION (shared component)
   Rendered by load-partials.js from:
   <div id="quote-slot" data-quote="…" data-author="…"></div>
   ══════════════════════════════════════════ */
.quote-section {
    position: relative;
    z-index: 1;
    padding: 72px 16px 70px;
    text-align: center;
}

.quote-inner {
    max-width: 700px;
    margin: 0 auto;
}

/* Horizontal gold hairline */
.quote-rule {
    width: 240px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(200, 169, 110, 0.6), transparent);
    margin: 0 auto 44px;
}

.quote-section h3 {
    font-family: 'EB Garamond', Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 20px;
}

.quote-author {
    font-size: 15px;
    color: rgba(232, 224, 212, 0.5);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .quote-section {
        padding: 48px 16px 50px;
    }
}