/* Sage Envelope — soft sage and paper white, rounded botanical cards. */

.inv-design-sage-envelope .inv-hero {
    background:
        radial-gradient(90% 60% at 50% 100%, var(--t-accent-soft) 0%, transparent 70%),
        var(--t-paper);
}

.inv-design-sage-envelope .inv-names {
    font-weight: 300;
    font-size: clamp(2.8rem, 14vw, 4.4rem);
}

.inv-design-sage-envelope .inv-amp {
    font-style: italic;
    color: var(--t-accent);
}

/* A sprig above each heading. */
.inv-design-sage-envelope .inv-heading::before {
    content: "❧";
    display: block;
    font-size: 1.1rem;
    color: var(--t-accent);
    margin-bottom: 10px;
    line-height: 1;
}

.inv-design-sage-envelope .inv-hero-date {
    border: 0;
    background: var(--t-card);
    border-radius: 999px;
    padding: 12px 28px;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--t-ink) 8%, transparent);
}

.inv-design-sage-envelope .inv-event,
.inv-design-sage-envelope .inv-seat-card,
.inv-design-sage-envelope .inv-note {
    border-radius: 20px;
    border: 0;
    box-shadow: 0 3px 14px color-mix(in srgb, var(--t-ink) 8%, transparent);
}

.inv-design-sage-envelope .inv-count-grid > div {
    border-radius: 18px;
}

.inv-design-sage-envelope .inv-gallery figure {
    border-radius: 16px;
}

.inv-design-sage-envelope .inv-input,
.inv-design-sage-envelope .inv-choice label {
    border-radius: 14px;
}

.inv-design-sage-envelope .inv-btn {
    border-radius: 999px;
}

.inv-design-sage-envelope .inv-section {
    border-top: 0;
}

.inv-design-sage-envelope .inv-footer {
    border-radius: 36px 36px 0 0;
}