/* ===== FAQ NEW DESIGN ===== */

:root {
    --faq-bg: #fdfaf8;
    --faq-ink: #1f1c1a;
    --faq-muted: #8a817a;
    --faq-gold: #d8bfb2;
}

/* ART BACKGROUND */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(216, 191, 178, 0.28), transparent 55%),
        radial-gradient(circle at 82% 78%, rgba(216, 191, 178, 0.18), transparent 60%);
    pointer-events: none;
    z-index: -1;
}

/* HERO */
.faq-hero-new {
    padding: 180px 8vw 140px;
}

.faq-hero-new h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(56px, 8vw, 120px);
    font-weight: 400;
    line-height: 1.05;
    color: var(--text-light, #2f2b28);
}

.faq-hero-new span {
    display: block;
    margin-top: 28px;
    font-size: 14px;
    letter-spacing: .35em;
    color: var(--text-muted, #7d756f);
    text-transform: uppercase;
}

/* FAQ WRAPPER */
.faq-new-container {
    max-width: 1400px;
    margin: auto;
    padding: 0 8vw 80px;
}

@media (max-width: 600px) {
    .faq-new-container {
        padding: 0 8vw 0px;
    }
}

/* GROUP */
.faq-group-new {
    margin-bottom: 180px;
}

/* GROUP TITLE */
.group-title-new {
    font-family: 'Playfair Display', serif;
    font-size: clamp(36px, 4vw, 64px);
    font-weight: 400;
    margin-bottom: 80px;
    color: var(--text-light, #2f2b28);
}

/* ITEM */
.faq-item-new {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 48px 0;
}

/* QUESTION */
.faq-question-new {
    font-family: 'Playfair Display', serif;
    font-size: clamp(22px, 2.6vw, 34px);
    cursor: pointer;
    position: relative;
    padding-right: 40px;
    transition: color 0.4s ease;
    background: none;
    border: none;
    text-align: left;
    color: var(--text-light, #2f2b28);
    width: 100%;
}

.faq-question-new::after {
    content: "—";
    position: absolute;
    right: 0;
    top: 0;
    color: #906f5e;
    opacity: 0.6;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* ANSWER */
.faq-answer-new {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-answer-new p {
    margin-top: 28px;
    font-size: 17px;
    line-height: 1.9;
    color: var(--text-muted, #7d756f);
    max-width: 520px;
}

/* ACTIVE */
.faq-item-new.active .faq-answer-new {
    max-height: 400px;
}

.faq-item-new.active .faq-question-new {
    color: var(--accent-color, #d8bfb2);
}

.faq-item-new.active .faq-question-new::after {
    transform: rotate(90deg);
    opacity: 1;
}

/* ART WORD */
.art-word-new {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: clamp(60px, 12vw, 160px);
    letter-spacing: 0.25em;
    color: rgba(0, 0, 0, 0.035);
    margin: 200px 0;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .faq-group-new {
        margin-bottom: 120px;
    }
}