/* Herbar în acuarelă: ten original illustrations, live editable type, existing cover/RSVP engine.
   All selectors are collection-scoped. Artwork has no embedded names or event data.
   Source prompts and catalog: tools/invitations/illustrated-models.json and illustrated-art-prompts.json. */

.inv-c--herbar-acuarela {
    --f-names: 'Cormorant Garamond', Georgia, serif;
    --f-body: 'Jost', sans-serif;
    --names-size: clamp(2.8rem, 14cqi, 6rem);
    --names-weight: 400;
    --names-line: 1.06;
    --names-spacing: -.035em;
    --names-color: var(--inv-text);
    --names-shadow: none;
    --amp-font: 'Pinyon Script', cursive;
    --amp-size: .6em;
    --amp-color: var(--inv-primary);
    --inv-align: center;
    --inv-items: center;
    --kicker-spacing: .19em;
    --kicker-size: .65rem;
    --date-spacing: .18em;
    --date-size: .75rem;
    --hero-pad: 90px 20px 90px;
    --hero-halo: none;
    --pv-ink: var(--inv-text);
    --art-paper: #faf7ef;
    --pv-sky: var(--art-image) center / cover no-repeat var(--art-paper);
    --pv-far-h: 0px;
    --pv-near-h: 0px;
    --pv-dust-display: none;
    --pv-open-ms: 1800;
    --pv-reveal-ms: 1050;
    --pv-letter-step: 28ms;
    --pv-in-time: .85s;
    --pv-band: color-mix(in srgb, var(--inv-accent) 35%, var(--inv-bg));
    --amb-image: url(../../img/invitations/ornaments/gradina-pictata-petal.svg);
    --amb-size: 12px;
    --amb-duration: 22s;
    --amb-anim: inv-breeze;
    --amb-fill: var(--inv-ornament);
    --amb-opacity: .38;
    --pv-cover-anim: inv-twinkle;
    --button-radius: 999px;
    --box-bg: var(--inv-surface);
    --box-border: 1px solid var(--inv-line);
    --box-radius: 4px;
    --box-shadow: none;
    --photo-radius: 50% 50% 4px 4px;
    --pv-kb-photo: none;
    --card-pad: 40px 12px;
}

.inv-c--herbar-acuarela .inv-hero { isolation: isolate; }
.inv-c--herbar-acuarela .inv-hero::before {
    animation: none;
    transform: none;
    background-position: var(--art-position, center);
}
.inv-c--herbar-acuarela .inv-hero__content {
    max-width: 90%;
    padding: 20px 10px;
    background: radial-gradient(ellipse, var(--inv-surface) 40%, color-mix(in srgb, var(--inv-surface) 85%, transparent) 68%, transparent 74%);
    animation: none;
    transform: none;
}
.inv-c--herbar-acuarela .inv-hero__names { max-width: 100%; }
.inv-c--herbar-acuarela .inv-word { overflow-wrap: anywhere; white-space: normal; }
.inv-c--herbar-acuarela .inv-hero__names:has(.inv-word:nth-child(2)) { font-size: clamp(2.2rem, 11cqi, 4.8rem); }
.inv-c--herbar-acuarela .inv-hero__place { font-size: .62rem; letter-spacing: .12em; }
.inv-c--herbar-acuarela .inv-hero__date { margin-top: 26px; }
.inv-c--herbar-acuarela .inv-envelope__names {
    max-width: 82%;
    font-size: var(--pv-cover-names, clamp(2.5rem, 13cqi, 5.5rem));
    text-shadow: none;
}
.inv-c--herbar-acuarela .inv-envelope__kicker { max-width: 82%; letter-spacing: .16em; }
.inv-c--herbar-acuarela .inv-envelope__date { letter-spacing: .16em; }
.inv-c--herbar-acuarela .inv-envelope .inv-button {
    border-radius: var(--button-radius);
    background: var(--inv-surface);
    color: var(--inv-text);
    letter-spacing: .12em;
    box-shadow: 0 5px 22px #00000010;
}
.inv-c--herbar-acuarela .inv-envelope::before { background-position: var(--art-position, center); }
.inv-c--herbar-acuarela .inv-envelope__door--l,
.inv-c--herbar-acuarela .inv-envelope__door--r {
    background: var(--art-image) left center / 200% 100% no-repeat var(--art-paper);
    transform-origin: left center;
}
.inv-c--herbar-acuarela .orn--hero-divider {
    display: block;
    width: 46px;
    height: 1px;
    margin: 22px 0 0;
    background: var(--inv-primary);
    -webkit-mask: none;
    mask: none;
}
.inv-c--herbar-acuarela .inv-monogram { border: 1px solid var(--inv-line); background: transparent; }
.inv-c--herbar-acuarela .inv-family__item,
.inv-c--herbar-acuarela .inv-program__item { backdrop-filter: none; }
.inv-c--herbar-acuarela .inv-hero__scroll { z-index: 2; }
.inv-c--herbar-acuarela .inv-envelope__door--r { scale: none; background-position: right center; transform-origin: right center; }
.inv-c--herbar-acuarela .inv-envelope.is-opening .inv-envelope__door--r { transform: translateX(101%); }

/* Cosmos pictat: original illustration, opening 1. */
.inv--cosmos-pictat {
    --art-image: url(../../img/invitations/artwork/cosmos-pictat.webp);
    --pv-open: none;
    --pv-open-opacity: 0;
    --pv-door-display: block;
    --pv-letter-step: 20ms;
    --pv-in-odd: translateX(-36px);
    --pv-in-even: translateX(36px);
    --art-position: 54% center;
    --photo-ratio: 3 / 4;
}
html.inv-js .inv--cosmos-pictat .inv-envelope.is-opening .inv-envelope__door--l { transform: perspective(1000px) rotateY(-100deg); }
html.inv-js .inv--cosmos-pictat .inv-envelope.is-opening .inv-envelope__door--r { transform: perspective(1000px) rotateY(100deg); }

/* Bujori de mătase: original illustration, opening 2. */
.inv--bujori-de-matase {
    --art-image: url(../../img/invitations/artwork/bujori-de-matase.webp);
    --pv-open: translateY(-105%);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 23ms;
    --pv-in-odd: translateY(30px);
    --pv-in-even: translateY(30px);
    --art-position: 50% center;
    --photo-ratio: 4 / 5;
}
.inv--bujori-de-matase { --names-font: 'Cormorant Garamond', Georgia, serif; --names-style: italic; --names-weight: 400; }

/* Livadă de lămâi: original illustration, opening 3. */
.inv--livada-de-lamai {
    --art-image: url(../../img/invitations/artwork/livada-de-lamai.webp);
    --pv-open: scale(1.12);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 26ms;
    --pv-in-odd: translateX(-36px);
    --pv-in-even: translateX(36px);
    --art-position: 50% center;
    --photo-ratio: 3 / 4;
}
.inv--livada-de-lamai .orn--hero-divider { width: 8px; height: 8px; transform: rotate(45deg); background: transparent; border: 1px solid var(--inv-primary); }

/* Flori de măr: original illustration, opening 4. */
.inv--flori-de-mar {
    --art-image: url(../../img/invitations/artwork/flori-de-mar.webp);
    --pv-open: translateX(105%) rotate(4deg);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 29ms;
    --pv-in-odd: translateY(30px);
    --pv-in-even: translateY(30px);
    --art-position: 54% center;
    --photo-ratio: 4 / 5;
}

/* Hortensii albastre: original illustration, opening 5. */
.inv--hortensii-albastre {
    --art-image: url(../../img/invitations/artwork/hortensii-albastre.webp);
    --pv-open: scale(.94);
    --pv-open-opacity: 0;
    --pv-door-display: block;
    --pv-letter-step: 32ms;
    --pv-in-odd: translateX(-36px);
    --pv-in-even: translateX(36px);
    --art-position: 50% center;
    --photo-ratio: 3 / 4;
}
html.inv-js .inv--hortensii-albastre .inv-envelope.is-opening .inv-envelope__door--l { transform: translate(-105%, -25%) rotate(-12deg); }
html.inv-js .inv--hortensii-albastre .inv-envelope.is-opening .inv-envelope__door--r { transform: translate(105%, -25%) rotate(12deg); }
.inv--hortensii-albastre { --names-font: 'Cormorant Garamond', Georgia, serif; --names-style: italic; --names-weight: 400; }

/* Ierbar de câmp: original illustration, opening 1. */
.inv--ierbar-de-camp {
    --art-image: url(../../img/invitations/artwork/ierbar-de-camp.webp);
    --pv-open: none;
    --pv-open-opacity: 0;
    --pv-door-display: block;
    --pv-letter-step: 35ms;
    --pv-in-odd: translateY(30px);
    --pv-in-even: translateY(30px);
    --art-position: 50% center;
    --photo-ratio: 4 / 5;
}
html.inv-js .inv--ierbar-de-camp .inv-envelope.is-opening .inv-envelope__door--l { transform: perspective(1000px) rotateY(-100deg); }
html.inv-js .inv--ierbar-de-camp .inv-envelope.is-opening .inv-envelope__door--r { transform: perspective(1000px) rotateY(100deg); }
.inv--ierbar-de-camp .orn--hero-divider { width: 8px; height: 8px; transform: rotate(45deg); background: transparent; border: 1px solid var(--inv-primary); }

/* Dalie de toamnă: original illustration, opening 2. */
.inv--dalie-de-toamna {
    --art-image: url(../../img/invitations/artwork/dalie-de-toamna.webp);
    --pv-open: translateY(-105%);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 38ms;
    --pv-in-odd: translateX(-36px);
    --pv-in-even: translateX(36px);
    --art-position: 54% center;
    --photo-ratio: 3 / 4;
}

/* Iasomie în zori: original illustration, opening 3. */
.inv--iasomie-in-zori {
    --art-image: url(../../img/invitations/artwork/iasomie-in-zori.webp);
    --pv-open: scale(1.12);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 41ms;
    --pv-in-odd: translateY(30px);
    --pv-in-even: translateY(30px);
    --art-position: 50% center;
    --photo-ratio: 4 / 5;
}
.inv--iasomie-in-zori { --names-font: 'Cormorant Garamond', Georgia, serif; --names-style: italic; --names-weight: 400; }

/* Anemone fine: original illustration, opening 4. */
.inv--anemone-fine {
    --art-image: url(../../img/invitations/artwork/anemone-fine.webp);
    --pv-open: translateX(105%) rotate(4deg);
    --pv-open-opacity: 0;
    --pv-door-display: none;
    --pv-letter-step: 44ms;
    --pv-in-odd: translateX(-36px);
    --pv-in-even: translateX(36px);
    --art-position: 50% center;
    --photo-ratio: 3 / 4;
}
.inv--anemone-fine .orn--hero-divider { width: 8px; height: 8px; transform: rotate(45deg); background: transparent; border: 1px solid var(--inv-primary); }

/* Wisteria pastel: original illustration, opening 5. */
.inv--wisteria-pastel {
    --art-image: url(../../img/invitations/artwork/wisteria-pastel.webp);
    --pv-open: scale(.94);
    --pv-open-opacity: 0;
    --pv-door-display: block;
    --pv-letter-step: 47ms;
    --pv-in-odd: translateY(30px);
    --pv-in-even: translateY(30px);
    --art-position: 54% center;
    --photo-ratio: 4 / 5;
}
html.inv-js .inv--wisteria-pastel .inv-envelope.is-opening .inv-envelope__door--l { transform: translate(-105%, -25%) rotate(-12deg); }
html.inv-js .inv--wisteria-pastel .inv-envelope.is-opening .inv-envelope__door--r { transform: translate(105%, -25%) rotate(12deg); }


/* Keep cover controls reachable on small / landscape screens and content flexible for long names. */
@media (max-height: 620px) {
    .inv-c--herbar-acuarela .inv-envelope { padding: 18px 20px; }
    .inv-c--herbar-acuarela .inv-envelope__names { font-size: clamp(1.6rem, 7svh, 2.8rem); }
    .inv-c--herbar-acuarela .inv-envelope__date { padding-top: 16px; margin-bottom: 12px; background: none; }
}
@media (min-width: 900px) {
    .inv-c--herbar-acuarela { --pv-sky: var(--art-image) center / auto 100% no-repeat var(--art-paper); }
    .inv-c--herbar-acuarela .inv-hero__content { width: min(600px, 76%); }
    .inv-c--herbar-acuarela .inv-envelope__door--l,
    .inv-c--herbar-acuarela .inv-envelope__door--r { background-size: auto 100%; }
}