@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,400;1,500&display=swap');
/* Soft Line Bloom: no card. The suite's row of one-line flowers grows along the foot of the screen with the names above it, single stems
   rise from the corners of the sections, and the pastel washes from behind the stems hold the countdown, the registry and the photos. */
.esite-skin-soft-line-bloom {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-shape: none;
  --sk-gap: 92px;
  --sk-bed: clamp(190px, 30svh, 330px);
  --sk-blob: 46% 54% 42% 58% / 40% 46% 54% 60%;
}
.esite-skin-soft-line-bloom .ss-h, .esite-skin-soft-line-bloom .cl-names, .esite-skin-soft-line-bloom .ss-closing-names { letter-spacing: -.01em; }

/* ---- hero: the flower bed ---- */
.esite-skin-soft-line-bloom .hs-classic.no-photo .cl-panel { min-height: min(100svh, 940px); padding: 116px 24px calc(var(--sk-bed) + 36px); background: var(--s-bg); }
.esite-skin-soft-line-bloom .hs-classic.no-photo .cl-panel::before { display: none; }
.esite-skin-soft-line-bloom .hs-classic .cl-panel::after { inset: auto 0 0 0; height: var(--sk-bed); background: var(--sk-row) 0 100% / auto 100%; background-repeat: space no-repeat; }
.esite-skin-soft-line-bloom .hs-classic.no-photo .cl-names { font-size: calc(clamp(3.4rem, 7vw, 6.6rem) * var(--s-hscale, 1)); }
/* beside a photo the bed is lower; the photo takes a wash's soft shape */
.esite-skin-soft-line-bloom .hs-classic:not(.no-photo):not(.hv-cover) .cl-panel { padding-bottom: 150px; }
.esite-skin-soft-line-bloom .hs-classic:not(.no-photo) .cl-panel::after { height: 130px; }
.esite-skin-soft-line-bloom .hs-classic:not(.no-photo):not(.hv-cover) .cl-panel::before { display: none; }
.esite-skin-soft-line-bloom .hs-classic:not(.hv-cover) .cl-photo, .esite-skin-soft-line-bloom .stv-side .ss-story-img img, .esite-skin-soft-line-bloom .stv-right .ss-story-img img, .esite-skin-soft-line-bloom .stv-stacked .ss-story-img img { border-radius: var(--sk-blob); }
.esite-skin-soft-line-bloom .hs-classic:not(.hv-cover) .cl-visual::after { display: none; }

/* ---- countdown: each number on its own wash ---- */
.esite-skin-soft-line-bloom .ss-scope[data-type="countdown"]:has(.cdv-boxes) { background-color: var(--sk-sec-bg, var(--s-bg)); color: var(--s-text); }
.esite-skin-soft-line-bloom .cdv-boxes .ss-h, .esite-skin-soft-line-bloom .cdv-boxes .cd-n, .esite-skin-soft-line-bloom .cdv-boxes .cd-l { color: var(--s-text); }
.esite-skin-soft-line-bloom .cdv-boxes .ss-h { color: var(--s-accent); }
.esite-skin-soft-line-bloom .cdv-boxes .ss-cd { justify-content: center; gap: clamp(10px, 3vw, 28px); }
.esite-skin-soft-line-bloom .cdv-boxes .cd-unit { min-width: clamp(76px, 12vw, 128px); padding: 26px 12px; border: 0; background: var(--sk-wash-a) 50% 50% / 100% 100% no-repeat; }
.esite-skin-soft-line-bloom .cdv-boxes .cd-unit:nth-child(2) { background-image: var(--sk-wash-b); }
.esite-skin-soft-line-bloom .cdv-boxes .cd-unit:nth-child(3) { background-image: var(--sk-wash-c); }
.esite-skin-soft-line-bloom .cdv-boxes .cd-unit + .cd-unit { border-left: 0; }
.esite-skin-soft-line-bloom .ss-countdown .cd-n { font-family: var(--s-fhead) !important; }

/* ---- sections: a stem rises from a corner of each, the small one above the headings ---- */
.esite-skin-soft-line-bloom .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 36px; height: 86px; }
.esite-skin-soft-line-bloom .ss-closing::before { width: min(560px, 86vw); height: 150px; background: var(--sk-row, none) 50% 100% / auto 100% no-repeat; }
.esite-skin-soft-line-bloom .ss-scope[data-type="story"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="faq"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="schedule"]::before { top: auto; bottom: 0; width: clamp(70px, 8vw, 120px); aspect-ratio: 1 / 2.4; background-position: 50% 100%; }
.esite-skin-soft-line-bloom .ss-scope[data-type="story"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="faq"]::before { right: 3vw; left: auto; }
.esite-skin-soft-line-bloom .ss-scope[data-type="schedule"]::before { display: none; }   /* its timeline runs to the edges */
.esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::after { top: auto; bottom: 0; width: clamp(80px, 10vw, 150px); aspect-ratio: 1 / 2.4; background-position: 50% 100%; }
.esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::before { right: 4vw; }
.esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::after { left: 4vw; }

/* ---- registry: the words on a wash ---- */
.esite-skin-soft-line-bloom .gftv-panel .ss-wrap { width: min(620px, 100%); aspect-ratio: 6 / 5; padding: 0 16%; background: var(--sk-wash-a, none) 50% 50% / 100% 100% no-repeat; }
.esite-skin-soft-line-bloom .gftv-panel .ss-h::before { display: block !important; }
@media (max-width: 900px) {
  .esite-skin-soft-line-bloom { --sk-bed: 170px; }
  .esite-skin-soft-line-bloom .hs-classic.no-photo .cl-panel { min-height: 0; padding: 104px 22px calc(var(--sk-bed) + 30px); }
  .esite-skin-soft-line-bloom .ss-scope[data-type="story"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="faq"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="schedule"]::before { display: none; }
}
@media (max-width: 640px) {
  .esite-skin-soft-line-bloom .gftv-panel .ss-wrap { width: 100%; aspect-ratio: auto; padding: 48px 26px; background-position: 50% 50%; background-size: 100% 100%; }
  .esite-skin-soft-line-bloom .cdv-boxes .ss-cd { flex-wrap: wrap; }
  .esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::before, .esite-skin-soft-line-bloom .ss-scope[data-type="rsvp"]::after { width: 64px; }
}