/*! © 2026 Dastan Invites, dastaninvites.com. All rights reserved. This invitation's design, code, artwork and music may not be copied, reused or resold. */

:root {
    --seam-card: min(100vw, max(75svh, 360px));
    --seam-h: min(var(--seam-card) * .13, 70px);
    --seam-clear: calc(var(--seam-h) * .62)
}

html.is-tablet {
    --seam-card: 100vw
}

.seam {
    position: relative;
    z-index: 5;
    height: 0;
    pointer-events: none
}

.seam-g,
.seam-p {
    position: absolute;
    left: 0;
    right: 0
}

.seam-g {
    top: calc(var(--seam-h) / -2);
    height: var(--seam-h);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: var(--seam-x, 50%) 0;
    filter: drop-shadow(0 calc(var(--seam-h) * .05) calc(var(--seam-h) * .06) rgba(74, 40, 40, .34))
}

.card>.seam:nth-of-type(3n+1) {
    --seam-x: 18%
}

.card>.seam:nth-of-type(3n+2) {
    --seam-x: 71%
}

.card>.seam:nth-of-type(3n) {
    --seam-x: 44%
}

.seam-p {
    top: 0;
    height: 0
}

.seam-petal {
    position: absolute;
    left: 0;
    top: 0;
    perspective: 300px
}

.seam-petal b {
    display: block;
    transform-style: preserve-3d
}

.seam-petal img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 2px 3px rgba(74, 40, 40, .28))
}

.ev-head,
.rs-head {
    margin-top: var(--seam-clear)
}