@import url('../_sheet.css');
/* Harvest Bloom: the sheet is the card's wavy panel on the peach ground, four sprays reach over its edges, photos take the same wavy shape. */
.esite-skin-harvest-bloom {
  --sk-accent-font: "Jost", sans-serif;
  --sk-accent-style: normal;
  --sk-photo-shape: none;
  --sk-sheet: min(1080px, calc(100vw - 120px));
}
.esite-skin-harvest-bloom .ss-h, .esite-skin-harvest-bloom .cl-names, .esite-skin-harvest-bloom .ss-closing-names { letter-spacing: 0; }
.esite-skin-harvest-bloom .cl-names { font-size: calc(clamp(2.75rem, 4.4vw, 4.4rem) * var(--s-hscale, 1)); line-height: 1.04; }
.esite-skin-harvest-bloom .cl-names .cn-amp { font-family: var(--s-fhead); font-style: normal; }
.esite-skin-harvest-bloom .cl-panel .h-kicker, .esite-skin-harvest-bloom .ss-countdown .ss-h, .esite-skin-harvest-bloom .ss-closing-line { font-size: .8125rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.esite-skin-harvest-bloom .ss-countdown .cd-n { font-family: var(--s-fhead) !important; }
.esite-skin-harvest-bloom .ss-faq .ss-faq-q, .esite-skin-harvest-bloom .ss-location .ss-loc-venue { font-family: var(--s-fhead) !important; font-style: normal; }
.esite-skin-harvest-bloom .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 200px; height: 62px; }
.esite-skin-harvest-bloom .ss-closing::before { width: 220px; height: 70px; }
/* the wavy panel is the sheet */
.esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel::before, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel::before {
  background: var(--sk-wave-land, var(--s-bg)) 50% 50% / 100% 100% no-repeat; outline: 0; box-shadow: none;
}
/* the sprays sit in a box a little wider than the sheet, so they can reach over its edges */
.esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel::after, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel::after {
  inset: 76px auto 8px 50%; width: calc(var(--sk-sheet) + 120px);
  background:
    var(--sk-spray-top, none) left calc(60px + var(--sk-sheet) * .44) top 0 / calc(var(--sk-sheet) * .4) auto no-repeat,
    var(--sk-spray-corner, none) right 0 top 6px / calc(var(--sk-sheet) * .26) auto no-repeat,
    var(--sk-spray-left, none) left 0 bottom 0 / calc(var(--sk-sheet) * .15) auto no-repeat,
    var(--sk-spray-right, none) right 10px bottom 0 / calc(var(--sk-sheet) * .21) auto no-repeat;
}
.esite-skin-harvest-bloom .hs-classic:not(.hv-cover):not(.no-photo) .cl-panel::after {
  background: var(--sk-spray-corner, none) right 0 top 6px / calc(var(--sk-sheet) * .2) auto no-repeat, var(--sk-spray-left, none) left 0 bottom 0 / calc(var(--sk-sheet) * .12) auto no-repeat;
}
.esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel { padding-top: 150px; padding-bottom: 96px; }
.esite-skin-harvest-bloom .ss-hero.hs-classic { background: var(--s-band); }
/* the countdown stays on one line */
.esite-skin-harvest-bloom .cdv-boxes .ss-cd { flex-wrap: nowrap; }
/* photos take the panel's wavy edge */
.esite-skin-harvest-bloom .cl-photo, .esite-skin-harvest-bloom .stv-side .ss-story-img, .esite-skin-harvest-bloom .stv-right .ss-story-img {
  -webkit-mask: var(--sk-wave-card) 50% 50% / 100% 100% no-repeat; mask: var(--sk-wave-card) 50% 50% / 100% 100% no-repeat; clip-path: none;
}
.esite-skin-harvest-bloom .hv-cover .cl-photo { -webkit-mask: none; mask: none; }
/* the corner sprays in the sections stay in the margin */
.esite-skin-harvest-bloom .ss-scope[data-type="schedule"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="story"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="faq"]::before { width: clamp(110px, 14vw, 210px); }
.esite-skin-harvest-bloom .ss-scope[data-type="rsvp"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="rsvp"]::after { width: clamp(120px, 17vw, 260px); }
.esite-skin-harvest-bloom .ss-scope[data-type="story"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="faq"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="rsvp"]::before { right: 0; }
.esite-skin-harvest-bloom .ss-scope[data-type="schedule"]::before, .esite-skin-harvest-bloom .ss-scope[data-type="rsvp"]::after { left: 0; }
/* over a full photo two small sprays sit in the corners */
.esite-skin-harvest-bloom .hv-cover:not(.no-photo) .cl-panel::after { background: var(--sk-spray-corner, none) calc(100% - 16px) 84px / clamp(150px, 17vw, 240px) auto no-repeat, var(--sk-spray-left, none) 16px calc(100% - 16px) / clamp(80px, 9vw, 130px) auto no-repeat; }
@media (max-width: 900px) {
  .esite-skin-harvest-bloom { --sk-sheet: calc(100vw - 24px); }
  .esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel::before, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel::before { background-image: var(--sk-wave-card, none); }
  .esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel { padding: 196px 40px 214px; }
  .esite-skin-harvest-bloom .cdv-boxes .ss-cd { gap: 14px; }
  .esite-skin-harvest-bloom .hs-classic:not(.hv-cover) .cl-panel::after, .esite-skin-harvest-bloom .hs-classic.no-photo .cl-panel::after {
    inset: 72px auto 4px 50%; width: 100vw;
    background: var(--sk-spray-corner, none) right 0 top 0 / 40vw auto no-repeat, var(--sk-spray-left, none) left 6px bottom 0 / 16vw auto no-repeat, var(--sk-spray-right, none) right 6px bottom 0 / 25vw auto no-repeat;
  }
}