/* ======================= */
/* QUOTE SECTION */
/* ======================= */
.quote-section {
    background: var(--cream);
    position: relative;
    padding: clamp(40px, 8vh, 80px) clamp(20px, 5vw, 60px);
}


.deco-corner {
    position: absolute;
    width: clamp(50px, 10vw, 100px);
    height: clamp(50px, 10vw, 100px);
    opacity: 0.3;
}

.deco-corner.top-left { top: 20px; left: 20px; }
.deco-corner.top-right { top: 20px; right: 20px; transform: scaleX(-1); }
.deco-corner.bottom-left { bottom: 20px; left: 20px; transform: scaleY(-1); }
.deco-corner.bottom-right { bottom: 20px; right: 20px; transform: scale(-1, -1); }

.quote-content {
    max-width: 800px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.quote-mark {
    font-family: 'Cinzel', serif;
    font-size: clamp(4rem, 12vw, 8rem);
    color: var(--teal);
    opacity: 0.15;
    line-height: 0;
    position: absolute;
}

.quote-mark.opening {
    top: -10px;
    left: 0;
    transform: scaleX(-1);
}

.quote-mark.closing {
    bottom: 0;
    right: 0;
}

.quote-text {
  max-width: 40ch;                 /* optimal reading width */
  margin: 2rem auto;               /* center on page */
  padding: 0 1rem;                 /* safe on small screens */
  font-size: clamp(1.1rem, 2.5vw, 1.6rem);
  line-height: 1.5;
  text-align: center;
}


.quote-author {
    font-family: 'Cinzel', serif;
    font-size: clamp(0.8rem, 2vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--gold);
    margin-top: clamp(20px, 4vh, 35px);
}

.floral-divider {
    width: clamp(150px, 40vw, 200px);
    height: 40px;
    margin: clamp(20px, 4vh, 30px) auto 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 40' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- Main flowing vine --%3E%3Cpath d='M0 20 Q50 5 100 20 Q150 35 200 20' stroke='%237a9e7e' stroke-width='1.5' fill='none'/%3E%3Cpath d='M10 20 Q52 10 100 20 Q148 30 190 20' stroke='%237a9e7e' stroke-width='0.8' fill='none' opacity='0.4'/%3E%3C!-- Left leaves --%3E%3Cpath d='M30 20 Q36 14 42 18 Q38 24 30 20' fill='%23a8c4ab' opacity='0.6'/%3E%3Cpath d='M28 22 Q32 28 38 26 Q34 21 28 22' fill='%23a8c4ab' opacity='0.5'/%3E%3Cpath d='M55 13 Q61 9 67 13 Q63 18 55 13' fill='%23a8c4ab' opacity='0.6'/%3E%3Cpath d='M53 15 Q57 20 63 18 Q59 14 53 15' fill='%23a8c4ab' opacity='0.5'/%3E%3C!-- Right leaves --%3E%3Cpath d='M145 27 Q151 23 157 27 Q153 32 145 27' fill='%23a8c4ab' opacity='0.6'/%3E%3Cpath d='M143 29 Q147 34 153 33 Q149 28 143 29' fill='%23a8c4ab' opacity='0.5'/%3E%3Cpath d='M170 22 Q176 18 182 22 Q178 27 170 22' fill='%23a8c4ab' opacity='0.6'/%3E%3Cpath d='M168 24 Q172 29 178 28 Q174 23 168 24' fill='%23a8c4ab' opacity='0.5'/%3E%3C!-- Center daisy (professional) --%3E%3Cellipse cx='100' cy='13' rx='2' ry='5.5' fill='%23ffffff' opacity='0.95'/%3E%3Cellipse cx='100' cy='27' rx='2' ry='5.5' fill='%23ffffff' opacity='0.95'/%3E%3Cellipse cx='93.5' cy='20' rx='5.5' ry='2' fill='%23ffffff' opacity='0.95'/%3E%3Cellipse cx='106.5' cy='20' rx='5.5' ry='2' fill='%23ffffff' opacity='0.95'/%3E%3Cellipse cx='95.5' cy='15.5' rx='2' ry='5.5' fill='%23ffffff' opacity='0.92' transform='rotate(-45 95.5 15.5)'/%3E%3Cellipse cx='104.5' cy='24.5' rx='2' ry='5.5' fill='%23ffffff' opacity='0.92' transform='rotate(-45 104.5 24.5)'/%3E%3Cellipse cx='104.5' cy='15.5' rx='2' ry='5.5' fill='%23ffffff' opacity='0.92' transform='rotate(45 104.5 15.5)'/%3E%3Cellipse cx='95.5' cy='24.5' rx='2' ry='5.5' fill='%23ffffff' opacity='0.92' transform='rotate(45 95.5 24.5)'/%3E%3Ccircle cx='100' cy='20' r='3.5' fill='%23c9a962'/%3E%3Ccircle cx='100' cy='20' r='2.8' fill='%23d4bc7d' opacity='0.6'/%3E%3Ccircle cx='99' cy='19' r='0.5' fill='%23c9a962' opacity='0.5'/%3E%3Ccircle cx='101' cy='19' r='0.5' fill='%23c9a962' opacity='0.5'/%3E%3Ccircle cx='100' cy='21' r='0.5' fill='%23c9a962' opacity='0.5'/%3E%3C!-- Side daisies (left) --%3E%3Cellipse cx='40' cy='14' rx='1.5' ry='4' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='40' cy='22' rx='1.5' ry='4' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='36' cy='18' rx='4' ry='1.5' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='44' cy='18' rx='4' ry='1.5' fill='%23ffffff' opacity='0.9'/%3E%3Ccircle cx='40' cy='18' r='2' fill='%23c9a962'/%3E%3C!-- Side daisies (right) --%3E%3Cellipse cx='160' cy='16' rx='1.5' ry='4' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='160' cy='24' rx='1.5' ry='4' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='156' cy='20' rx='4' ry='1.5' fill='%23ffffff' opacity='0.9'/%3E%3Cellipse cx='164' cy='20' rx='4' ry='1.5' fill='%23ffffff' opacity='0.9'/%3E%3Ccircle cx='160' cy='20' r='2' fill='%23c9a962'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* ======================= */
/* LOVE LETTER ANIMATION */
/* ======================= */
.love-letter {
    display: inline-block;
    font-weight: 400;
    transition: all 0.6s ease-in-out;
    position: relative;
}

.love-letter.active {
    text-transform: uppercase;
    font-weight: 700;
    color: #c9a962;
    text-shadow: 0 0 20px rgba(201, 169, 98, 0.8);
    transform: scale(1.15);
}