/* Vintage Peony: an engraved invitation. A peony garland hangs from the top of the screen and its mirror stands at the foot; between them
   the words are set like a letterpress card, the names in tracked capitals. Photos sit in a double-ruled plate, the RSVP inside a double-lined arch
   as on the suite's reply card, and only a single engraved branch marks the headings. */
.esite-skin-vintage-peony {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-shape: none;
  --sk-gap: 88px;
  --sk-measure: 880px;
  --sk-garland: min(700px, 92vw);
}
.esite-skin-vintage-peony .ss-h, .esite-skin-vintage-peony .ss-closing-names { letter-spacing: .08em; text-transform: uppercase; }
.esite-skin-vintage-peony .ss-h { font-size: calc(clamp(1.75rem, 3vw, 2.4rem) * var(--s-hscale, 1)); }

/* ---- hero: between two garlands ---- */
.esite-skin-vintage-peony .hs-classic.no-photo .cl-panel { min-height: 0; padding: calc(68px + var(--sk-garland) * .35 + 10px) 24px calc(var(--sk-garland) * .35); background: var(--s-bg); }
.esite-skin-vintage-peony .hs-classic.no-photo .cl-panel::before { display: block; inset: 68px 0 auto; height: calc(var(--sk-garland) * .33); background: var(--sk-garland-top, none) 50% 0 / var(--sk-garland) auto no-repeat; }
.esite-skin-vintage-peony .hs-classic.no-photo .cl-panel::after { inset: auto 0 0; height: calc(var(--sk-garland) * .33); background: var(--sk-garland-bottom, none) 50% 100% / var(--sk-garland) auto no-repeat; }
.esite-skin-vintage-peony .cl-panel .h-kicker { letter-spacing: .02em; }
.esite-skin-vintage-peony .hs-classic .cl-names { display: grid; justify-items: center; font-size: calc(clamp(2.5rem, 5vw, 4.4rem) * var(--s-hscale, 1)); letter-spacing: .14em; line-height: 1.1; text-transform: uppercase; }
.esite-skin-vintage-peony .hs-classic .cl-names .cn-1, .esite-skin-vintage-peony .hs-classic .cl-names .cn-2 { justify-self: center; padding: 0 0 0 .14em; }
.esite-skin-vintage-peony .hs-classic .cl-names .cn-amp { margin: .1em 0; font-size: .44em; letter-spacing: 0; text-transform: none; }
.esite-skin-vintage-peony .cl-facts b { font-family: var(--s-fhead); font-size: 1.25rem; letter-spacing: .14em; }
/* a photo sits in a double-ruled plate, the garland hangs over the screen's top */
.esite-skin-vintage-peony .hs-classic:not(.no-photo):not(.hv-cover) .cl-panel::after { inset: 68px 0 auto; height: 200px; background: var(--sk-garland-top, none) 50% 0 / min(620px, 80vw) auto no-repeat; }
.esite-skin-vintage-peony .hs-classic:not(.no-photo):not(.hv-cover) .cl-panel { padding-top: 200px; }
.esite-skin-vintage-peony .hs-classic:not(.hv-cover) .cl-photo, .esite-skin-vintage-peony .ss-story-img img { outline: 1px solid var(--s-accent); outline-offset: 7px; border-radius: 0; }
.esite-skin-vintage-peony .hs-classic:not(.hv-cover) .cl-visual::after { inset: -16px; background: none; border: 1px solid var(--sk-line); }
.esite-skin-vintage-peony .stv-side .ss-story-img, .esite-skin-vintage-peony .stv-right .ss-story-img { padding: 14px; overflow: visible; clip-path: none; }
.esite-skin-vintage-peony .hv-cover:not(.no-photo) .cl-panel::after { background: none; }

/* ---- sections: one engraved branch above each heading, nothing in the corners ---- */
.esite-skin-vintage-peony .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 150px; height: 62px; }
.esite-skin-vintage-peony .ss-scope[data-type="schedule"]::before, .esite-skin-vintage-peony .ss-scope[data-type="story"]::before, .esite-skin-vintage-peony .ss-scope[data-type="faq"]::before,
.esite-skin-vintage-peony .ss-scope[data-type="rsvp"]::before, .esite-skin-vintage-peony .ss-scope[data-type="rsvp"]::after { display: none; }
.esite-skin-vintage-peony .ss-closing::before { width: min(560px, 90vw); height: 150px; background: var(--sk-garland-bottom, none) 50% 100% / contain no-repeat; }

/* ---- countdown: between two fine rules ---- */
.esite-skin-vintage-peony .ss-scope[data-type="countdown"]:has(.cdv-boxes) { background-color: var(--sk-sec-bg, var(--s-bg)); color: var(--s-text); }
.esite-skin-vintage-peony .cdv-boxes { width: min(640px, 100%); margin: 0 auto; text-align: center; border-top: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); }
.esite-skin-vintage-peony .cdv-boxes .ss-h, .esite-skin-vintage-peony .cdv-boxes .cd-n, .esite-skin-vintage-peony .cdv-boxes .cd-l { color: var(--s-text); }
.esite-skin-vintage-peony .cdv-boxes .ss-h { color: var(--s-accent); text-transform: none; letter-spacing: 0; text-align: center !important; width: 100%; margin-left: auto !important; margin-right: auto !important; }
.esite-skin-vintage-peony .cdv-boxes .ss-cd { display: flex; flex-wrap: nowrap; justify-content: center; gap: 0; width: 100%; }
.esite-skin-vintage-peony .cdv-boxes .cd-unit { flex: 1 1 0; justify-content: center; }
.esite-skin-vintage-peony .ss-countdown .cd-n { font-family: var(--s-fhead) !important; letter-spacing: .06em; }
.esite-skin-vintage-peony .cd-l { text-transform: uppercase; letter-spacing: .16em; }

/* ---- the day: set like the program card ---- */
.esite-skin-vintage-peony .schv-wide .ss-tl-time { text-transform: uppercase; letter-spacing: .14em; font-size: .9375rem; font-style: normal; }
.esite-skin-vintage-peony .ss-tl-title { font-family: var(--s-fhead); letter-spacing: .08em; text-transform: uppercase; }

/* ---- registry: plain words under the branch ---- */
.esite-skin-vintage-peony .gftv-panel .ss-wrap { aspect-ratio: auto; width: min(600px, 100%); padding: 0; background: none; }
.esite-skin-vintage-peony .gftv-panel .ss-h::before { display: block !important; }

/* ---- RSVP: the reply card's double-lined arch ---- */
.esite-skin-vintage-peony .ss-rsvp-form { max-width: 520px; padding: 150px 40px 40px; border: 1px solid var(--s-accent); border-radius: 999px 999px 0 0; outline: 1px solid var(--s-accent); outline-offset: -11px; box-shadow: none; }

@media (max-width: 900px) {
  .esite-skin-vintage-peony { --sk-garland: 100vw; }
  .esite-skin-vintage-peony .ss-rsvp-form { padding: 110px 22px 28px; }
}