/* Daffodil Line: a poster, not a card. The screen splits in two: the colored paper with one giant daffodil, its leaves running off the
   bottom, and a typeset column of the words between printer's rules. Sections follow with numbered headings and rules, no flowers,
   so the daffodil stays the one picture. */
.esite-skin-daffodil-line {
  --sk-accent-font: "Cormorant Garamond", Georgia, serif;
  --sk-photo-ratio: 3 / 4;
  --sk-photo-shape: none;
  --sk-gap: 88px;
  --sk-measure: 960px;
}
.esite-skin-daffodil-line .ss-h, .esite-skin-daffodil-line .cl-names, .esite-skin-daffodil-line .ss-closing-names, .esite-skin-daffodil-line .cl-brand { letter-spacing: .01em; }
.esite-skin-daffodil-line .ss-countdown .cd-n { font-family: var(--s-fhead) !important; letter-spacing: 0; }
.esite-skin-daffodil-line .ss-scope:not([data-type="hero"]):not([data-type="countdown"]):not([data-type="none"]) .ss-h::before { width: 160px; height: 20px; margin-bottom: 22px; }
.esite-skin-daffodil-line .ss-closing::before { width: 160px; height: 20px; }

/* ---- the poster: paper and daffodil on the left, the typeset words on the right ---- */
.esite-skin-daffodil-line .hv-split.no-photo .cl-panel {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); justify-items: center; gap: 0;
  min-height: min(100svh, 900px); padding: 68px 0 0; background: var(--s-band);
}
.esite-skin-daffodil-line .hv-split.no-photo .cl-panel::before {
  content: ""; display: block; position: absolute; inset: 68px 50% 0 0; z-index: 0;
  background: var(--sk-hero-art, none) 50% 0 / min(86%, 74svh) auto no-repeat, var(--s-bg);
  background-position: 50% calc(100% + 18svh), 0 0;
}
.esite-skin-daffodil-line .hv-split.no-photo .cl-panel::after { display: none; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-text { grid-column: 2; align-self: center; width: min(400px, 80%); padding: 56px 0; text-align: center; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-panel .h-kicker { margin-bottom: 26px; font-size: 1.25rem; }
/* the names between two rules, as a printer sets them */
.esite-skin-daffodil-line .hv-split.no-photo .cl-names { justify-content: center; padding: 26px 0; border-top: 1px solid var(--sk-line); border-bottom: 1px solid var(--sk-line); font-size: calc(clamp(3rem, 5.6vw, 5.8rem) * var(--s-hscale, 1)); line-height: 1.02; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-names .cn-1, .esite-skin-daffodil-line .hv-split.no-photo .cl-names .cn-2 { justify-self: center; padding: 0; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-names .cn-amp { margin: .06em 0; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-sub { margin-top: 26px; }
.esite-skin-daffodil-line .hv-split.no-photo .cl-facts b { display: block; font-size: 1rem; letter-spacing: .2em; }
/* the other layouts without a photo: the daffodil stands at the left edge of the page */
.esite-skin-daffodil-line .hs-classic.no-photo:not(.hv-split) .cl-panel::after { background: var(--sk-hero-art, none) left -4% bottom -14svh / auto 92% no-repeat; }
/* beside a photo a small daffodil stands in the lower left corner */
.esite-skin-daffodil-line .hs-classic:not(.no-photo):not(.hv-cover) .cl-panel::after { background: var(--sk-cluster-b, none) left 2% bottom -6% / auto 30% no-repeat; }
.esite-skin-daffodil-line .hv-cover:not(.no-photo) .cl-panel::after { background: var(--sk-cluster-b, none) right 3% bottom -6% / auto 34% no-repeat; }

/* ---- sections: numbered headings and rules; the daffodil comes back once, beside the RSVP ---- */
.esite-skin-daffodil-line .ss-scope[data-type="schedule"]::before, .esite-skin-daffodil-line .ss-scope[data-type="story"]::before, .esite-skin-daffodil-line .ss-scope[data-type="faq"]::before, .esite-skin-daffodil-line .ss-scope[data-type="rsvp"]::before { display: none; }
.esite-skin-daffodil-line .ss-scope[data-type="rsvp"]::after { left: 3vw; bottom: 0; width: clamp(140px, 18vw, 280px); aspect-ratio: 1629 / 2529; background-position: 50% 100%; }
.esite-skin-daffodil-line .ss-num { font-family: var(--sk-accent-font); font-style: italic; letter-spacing: .04em; }
.esite-skin-daffodil-line .cdv-boxes .cd-unit + .cd-unit { border-left: 1px solid var(--sk-line); }
@media (max-width: 900px) {
  .esite-skin-daffodil-line .hv-split.no-photo .cl-panel { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: calc(68px + 108vw); }
  .esite-skin-daffodil-line .hv-split.no-photo .cl-panel::before { inset: 68px 0 auto 0; height: 108vw; background-size: 78vw auto, auto; background-position: 50% calc(100% + 26vw), 0 0; }
  .esite-skin-daffodil-line .hv-split.no-photo .cl-text { grid-column: 1; width: auto; padding: 44px 28px 56px; }
  .esite-skin-daffodil-line .gftv-panel .ss-wrap { padding-top: 0; background: none; }
  .esite-skin-daffodil-line .ss-scope[data-type="rsvp"]::after { display: none; }
}