@import url('../_sheet.css');
/* Rose Orchid: the orchid rises at the right of the screen as on the card, the names sit at the left, photos take a leaf shape: two corners round, two sharp. */
.esite-skin-rose-orchid {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-ratio: 4 / 5;
  --sk-photo-shape: inset(0 round 0 42% 0 42% / 0 34% 0 34%);
}
.esite-skin-rose-orchid .ss-h, .esite-skin-rose-orchid .cl-names, .esite-skin-rose-orchid .cl-brand { font-weight: 500; }
.esite-skin-rose-orchid .ss-countdown .cd-n { font-family: var(--s-fbody) !important; font-weight: 300; letter-spacing: 0; }
.esite-skin-rose-orchid .cl-btn, .esite-skin-rose-orchid .ss-btn, .esite-skin-rose-orchid .ss-rsvp-form .btn-rsvp { border-radius: 999px; }
.esite-skin-rose-orchid .ss-location .ss-dir { border-radius: 999px !important; }
.esite-skin-rose-orchid .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 190px; height: 62px; }
.esite-skin-rose-orchid .ss-closing::before { width: 210px; height: 70px; }
/* the corner plants stay in the margin, clear of the words */
.esite-skin-rose-orchid .ss-scope[data-type="schedule"]::before, .esite-skin-rose-orchid .ss-scope[data-type="story"]::before, .esite-skin-rose-orchid .ss-scope[data-type="faq"]::before { width: clamp(110px, 15vw, 230px); }
.esite-skin-rose-orchid .ss-scope[data-type="rsvp"]::before, .esite-skin-rose-orchid .ss-scope[data-type="rsvp"]::after { width: clamp(120px, 19vw, 300px); }
/* the sheets end at the screen's edge here: this plant's flowers reach far out, and a flower is never cut */
.esite-skin-rose-orchid .ss-scope[data-type="story"]::before, .esite-skin-rose-orchid .ss-scope[data-type="faq"]::before, .esite-skin-rose-orchid .ss-scope[data-type="rsvp"]::before { right: 0; }
.esite-skin-rose-orchid .ss-scope[data-type="schedule"]::before, .esite-skin-rose-orchid .ss-scope[data-type="rsvp"]::after { left: 0; }
/* beside a photo the plant hangs below the top bar */
.esite-skin-rose-orchid .hs-classic:not(.no-photo) .cl-panel::after { background: var(--sk-cluster-a, none) 100% 68px / clamp(190px, 21vw, 330px) auto no-repeat; }
/* the countdown stays centered in its panel */
.esite-skin-rose-orchid .ss-countdown.cdv-panel { display: block; text-align: center; }
.esite-skin-rose-orchid .cdv-panel .ss-h { margin-bottom: 12px; }
.esite-skin-rose-orchid .cdv-panel .ss-cd { display: flex; flex-wrap: nowrap; justify-content: center; gap: clamp(14px, 5vw, 56px); }
/* in the tinted schedule band the plant keeps to the corner, below the first column */
.esite-skin-rose-orchid .ss-scope[data-type="schedule"]::before { width: clamp(90px, 10vw, 150px); }
/* no photo: the composition of the card on the right of the sheet, the words beside it */
.esite-skin-rose-orchid .hs-classic.no-photo .cl-panel::after { background: var(--sk-hero-art, none) 96% 50% / auto 94% no-repeat; }
@media (min-width: 901px) {
.esite-skin-rose-orchid .hv-split.no-photo .cl-panel { grid-template-columns: minmax(0, 1fr); justify-items: center; padding-right: calc((100% - var(--sk-sheet)) / 2 + var(--sk-sheet) * .48); }
}
@media (max-width: 900px) {
  .esite-skin-rose-orchid .hs-classic.no-photo .cl-panel { padding-bottom: 92vw; }
  .esite-skin-rose-orchid .hs-classic.no-photo .cl-panel::after { background-position: 50% calc(100% - 16px); background-size: auto 84vw; }
}