@import url('../_sheet.css');
/* Golden Orchid: two sprays reach in from opposite corners as on the card, the names stay in the middle, photos take the tall capsule of a petal. */
.esite-skin-golden-orchid {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-ratio: 3 / 4;
  --sk-photo-shape: inset(0 round 999px);
}
.esite-skin-golden-orchid .ss-h, .esite-skin-golden-orchid .cl-names, .esite-skin-golden-orchid .cl-brand { font-weight: 500; }
.esite-skin-golden-orchid .ss-countdown .cd-n { font-family: var(--s-fbody) !important; font-weight: 300; letter-spacing: 0; }
.esite-skin-golden-orchid .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 190px; height: 62px; }
.esite-skin-golden-orchid .ss-closing::before { width: 210px; height: 70px; }
/* the corner plants stay in the margin, clear of the words, and a flower is never cut */
.esite-skin-golden-orchid .ss-scope[data-type="schedule"]::before, .esite-skin-golden-orchid .ss-scope[data-type="story"]::before, .esite-skin-golden-orchid .ss-scope[data-type="faq"]::before { width: clamp(110px, 15vw, 230px); }
.esite-skin-golden-orchid .ss-scope[data-type="rsvp"]::before, .esite-skin-golden-orchid .ss-scope[data-type="rsvp"]::after { width: clamp(120px, 19vw, 300px); }
.esite-skin-golden-orchid .ss-scope[data-type="story"]::before, .esite-skin-golden-orchid .ss-scope[data-type="faq"]::before, .esite-skin-golden-orchid .ss-scope[data-type="rsvp"]::before { right: 0; }
.esite-skin-golden-orchid .ss-scope[data-type="schedule"]::before, .esite-skin-golden-orchid .ss-scope[data-type="rsvp"]::after { left: 0; }
/* beside a photo the sprays step back to the corners of the sheet */
.esite-skin-golden-orchid .hs-classic:not(.no-photo) .cl-panel::after { background: var(--sk-cluster-a, none) 100% 0 / clamp(170px, 20vw, 280px) auto no-repeat, var(--sk-cluster-b, none) 0 100% / clamp(170px, 20vw, 280px) auto no-repeat; }
/* no photo: the two sprays reach across the sheet, the names between them */
.esite-skin-golden-orchid .hs-classic.no-photo .cl-panel::after { background: var(--sk-cluster-a, none) calc(100% + 56px) 0 / 46% auto no-repeat, var(--sk-cluster-b, none) -56px 100% / 46% auto no-repeat; }
@media (max-width: 900px) {
  .esite-skin-golden-orchid .hs-classic.no-photo .cl-panel { padding-top: 286px; padding-bottom: 230px; }
  .esite-skin-golden-orchid .hs-classic.no-photo .cl-panel::after { background-position: calc(100% + 24px) 0, -24px 100%; background-size: 240px auto; }
}