/* ═══════════════════════════════════════════════════════════════
   D15 — Section Harmony
   Small corrective layer for the latest visual polish pass:
   - keeps footer social icons readable on the gold hover state;
   - replaces the hard FAQ background split with a soft shared canvas;
   - keeps the testimonials vault background inside the full section
     height, including its vertical breathing room.
   ═══════════════════════════════════════════════════════════════ */

/* ─── Footer social hover contrast ──────────────────────────── */
.about-footer .footer-social-list ul li a:hover,
.about-footer .footer-social-list ul li a:focus-visible {
    color: var(--ink) !important;
}

.about-footer .footer-social-list ul li a:hover i,
.about-footer .footer-social-list ul li a:focus-visible i {
    color: var(--ink) !important;
    text-shadow: none;
}

/* ─── FAQ canvas ────────────────────────────────────────────── */
.our-faqs {
    background:
        radial-gradient(ellipse 62% 82% at 18% 52%, rgba(201, 162, 85, 0.085) 0%, rgba(201, 162, 85, 0.018) 40%, transparent 74%),
        radial-gradient(ellipse 56% 76% at 84% 12%, rgba(244, 223, 173, 0.045) 0%, transparent 68%),
        linear-gradient(180deg, #030303 0%, #080706 48%, #020202 100%) !important;
}

.our-faqs::before {
    inset: 0 !important;
    opacity: 0.22 !important;
    background:
        radial-gradient(circle at 18% 52%, rgba(244, 223, 173, 0.09), transparent 34%),
        radial-gradient(circle at 82% 14%, rgba(201, 162, 85, 0.055), transparent 36%) !important;
    background-size: auto !important;
}

.our-faqs::after {
    display: none !important;
}

/* ─── Testimonials vault coverage ───────────────────────────── */
#recenzie.our-testimonials {
    padding: 0;
    background:
        radial-gradient(ellipse 78% 68% at 50% 44%, rgba(201, 162, 85, 0.035) 0%, transparent 68%),
        var(--agency-canvas);
}

#recenzie > .vault-section-wrap {
    padding-block: clamp(56px, 7vw, 100px);
}

#recenzie > .vault-section-wrap > .vault-bg {
    inset: 0;
}

/* ─── Homepage premium video ────────────────────────────────── */
.about-condensed .premium-video {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.about-condensed .premium-video video {
    display: block;
    width: min(100%, 720px);
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    #recenzie > .vault-section-wrap {
        padding-block: clamp(40px, 7vw, 72px);
    }
}

@media (max-width: 767.98px) {
    #recenzie > .vault-section-wrap {
        padding-block: 30px;
    }
}