.inv-c--plicuri-pictate {
    --f-display: "Lora", Georgia, serif;
    --f-names: "Lora", Georgia, serif;
    --f-body: "Raleway", sans-serif;
    --names-size: clamp(2.5rem, 12cqi, 4.6rem);
    --names-weight: 400;
    --names-line: 1.12;
    --names-spacing: -.04em;
    --names-color: var(--inv-text);
    --names-shadow: none;
    --amp-font: "Allura", cursive;
    --amp-size: .65em;
    --amp-color: var(--inv-primary);
    --kicker-size: .65rem;
    --kicker-spacing: .17em;
    --kicker-color: var(--inv-text);
    --date-size: .78rem;
    --date-spacing: .16em;
    --hero-pad: 64px 12px 180px;
    --hero-halo: none;
    --hero-content-pad: 24px 14px;
    --button-radius: 999px;
    --card-shadow: none;
    --card-radius: 4px;
    --box-bg: var(--inv-surface);
    --box-shadow: none;
    --photo-radius: 50% 50% 4px 4px;
    --seal-fill: var(--paint-wax);
    --seal-color: #fff8ed;
    --seal-radius: 47% 53% 49% 51% / 52% 46% 54% 48%;
    --env-cord: color-mix(in srgb, var(--paint-wax) 28%, #eee5d3);
    --pv-letter-step: 28ms;
    --pv-band: color-mix(in srgb, var(--inv-accent) 35%, var(--inv-bg));
    --amb-image: none;
    --amb-radius: 50%;
    --amb-size: 3px;
    --amb-fill: var(--inv-ornament);
    --amb-opacity: .25;
    --amb-duration: 18s;
    --amb-anim: inv-firefly;
    --pv-dust-display: block;
    --pv-dust-opacity: .12;
}

.inv-c--plicuri-pictate .inv-hero { isolation: isolate; }
.inv-c--plicuri-pictate .inv-hero::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100cqi;
    margin-left: -50cqi;
    background: var(--paint-art) center bottom / cover no-repeat #faf5e9;
    pointer-events: none;
}
.inv-c--plicuri-pictate .inv-hero__content {
    max-width: min(100%, 620px);
    background: radial-gradient(ellipse, color-mix(in srgb, var(--inv-surface) 92%, transparent) 25%, color-mix(in srgb, var(--inv-surface) 70%, transparent) 54%, transparent 72%);
}
.inv-c--plicuri-pictate .inv-hero__names { max-width: 100%; }
.inv-c--plicuri-pictate .inv-word { overflow-wrap: anywhere; white-space: normal; }
.inv-c--plicuri-pictate .inv-hero__names:has(.inv-word:nth-child(2)) { font-size: clamp(2rem, 9.5cqi, 3.8rem); }
.inv-c--plicuri-pictate .inv-hero__date { margin-top: 24px; color: var(--inv-text); }
.inv-c--plicuri-pictate .inv-hero__place { font-size: .65rem; letter-spacing: .12em; color: var(--inv-text); }
.inv-c--plicuri-pictate .inv__ambient i { top: var(--amb-y); }
.inv-c--plicuri-pictate .orn--hero-divider {
    display: block;
    width: 48px;
    height: 1px;
    margin-top: 24px;
    background: var(--inv-primary);
    -webkit-mask: none;
    mask: none;
}
.inv-c--plicuri-pictate .inv-envelope {
    --paint-width: max(100vw, calc(var(--env-h) * 2 / 3));
    --paint-height: max(var(--env-h), 150vw);
    --paint-wash: color-mix(in srgb, var(--inv-surface) 38%, transparent);
}
.inv-c--plicuri-pictate .inv-envelope__side,
.inv-c--plicuri-pictate .inv-envelope__front,
.inv-c--plicuri-pictate .inv-envelope__flap {
    background-image: linear-gradient(var(--paint-wash), var(--paint-wash)), var(--paint-art);
    background-size: var(--paint-width) var(--paint-height);
    background-repeat: no-repeat;
    background-color: var(--inv-bg);
}
.inv-c--plicuri-pictate .inv-envelope__side--l {
    background-position: left calc((100vw - var(--paint-width)) / 2) bottom;
}
.inv-c--plicuri-pictate .inv-envelope__side--r {
    background-position: right calc((100vw - var(--paint-width)) / 2) bottom, right calc((100vw - var(--paint-width)) / 2) bottom;
}
.inv-c--plicuri-pictate .inv-envelope__front { background-position: center bottom; }
.inv-c--plicuri-pictate .inv-envelope__flap {
    background-position: center top calc(var(--env-h) - var(--paint-height));
}
.inv-c--plicuri-pictate .inv-envelope__seal {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--paint-wax) 80%, #000), inset 0 0 0 5px color-mix(in srgb, var(--paint-wax) 60%, #fff), 0 4px 10px #00000047;
}
@container (min-width: 900px) {
    .inv-c--plicuri-pictate .inv-envelope {
        --paint-width: calc(var(--env-h) * 2 / 3);
        --paint-height: var(--env-h);
    }
    /* On a wide screen the painting is a portrait in the middle: its sides melt into the paper. */
    .inv-c--plicuri-pictate .inv-envelope__side,
    .inv-c--plicuri-pictate .inv-envelope__front,
    .inv-c--plicuri-pictate .inv-envelope__flap {
        background-image: linear-gradient(90deg, var(--inv-bg), transparent 18%, transparent 82%, var(--inv-bg)), linear-gradient(var(--paint-wash), var(--paint-wash)), var(--paint-art);
    }
    .inv-c--plicuri-pictate .inv-hero::before {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
        mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    }
    .inv-c--plicuri-pictate .inv-hero {
        --column-width: min(660px, calc(100svh * 2 / 3));
        --hero-pad: 64px 24px 230px;
        --names-size: 4.6rem;
    }
    .inv-c--plicuri-pictate .inv-hero::before {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
}

.inv--podgorie-la-apus {
    --paint-art: url(../../img/invitations/artwork/podgorie-la-apus.webp);
    --paint-wax: #77503c;
}

.inv--lavanda-si-conac {
    --paint-art: url(../../img/invitations/artwork/lavanda-si-conac.webp);
    --paint-wax: #776084;
}

.inv--case-albe-pe-mare {
    --paint-art: url(../../img/invitations/artwork/case-albe-pe-mare.webp);
    --paint-wax: #356687;
}

.inv--padure-de-mesteceni {
    --paint-art: url(../../img/invitations/artwork/padure-de-mesteceni.webp);
    --paint-wax: #536b57;
}

.inv--gradina-cu-trandafiri {
    --paint-art: url(../../img/invitations/artwork/gradina-cu-trandafiri.webp);
    --paint-wax: #97696a;
    --hero-pad: 64px 12px 230px;
}

.inv--lac-cu-lebede {
    --paint-art: url(../../img/invitations/artwork/lac-cu-lebede.webp);
    --paint-wax: #56797b;
}

.inv--bal-la-palat {
    --paint-art: url(../../img/invitations/artwork/bal-la-palat.webp);
    --paint-wax: #987342;
}

.inv--boho-pampas {
    --paint-art: url(../../img/invitations/artwork/boho-pampas.webp);
    --paint-wax: #a3654c;
}

.inv--cabana-de-iarna {
    --paint-art: url(../../img/invitations/artwork/cabana-de-iarna.webp);
    --paint-wax: #546759;
}

.inv--vapor-in-port {
    --paint-art: url(../../img/invitations/artwork/vapor-in-port.webp);
    --paint-wax: #416780;
}

.inv--safari-pastel {
    --paint-art: url(../../img/invitations/artwork/safari-pastel.webp);
    --paint-wax: #788364;
}

.inv--ursuleti-si-baloane {
    --paint-art: url(../../img/invitations/artwork/ursuleti-si-baloane.webp);
    --paint-wax: #a87f5a;
}

.inv--coronita-de-printesa {
    --paint-art: url(../../img/invitations/artwork/coronita-de-printesa.webp);
    --paint-wax: #ad7984;
}

.inv--balon-peste-dealuri {
    --paint-art: url(../../img/invitations/artwork/balon-peste-dealuri.webp);
    --paint-wax: #69836b;
}

