/* Close with the same floral portrait and daylight emeralds as the invitation.
   This is a static daylight treatment; the changing sky remains hero-only. */
.closing {
  --closing-portrait:580px;
  min-height:1080px;
  padding:145px 28px 0;
  background:linear-gradient(180deg,#103727 8%,#103727 25%,#699761 100%);
  color:#f4dfbc;
  border-top:1px solid rgba(226,185,133,.6);
  isolation:isolate;
}
.closing::before {
  inset:0 auto 0 50%;
  width:min(100%,var(--closing-portrait));
  transform:translateX(-50%);
  background:url('assets/hero.webp') center/100% 100% no-repeat;
  opacity:1;
  z-index:0;
}
.closing::after {
  inset:0;
  border:0;
  background:linear-gradient(180deg,rgba(2,22,15,.10),transparent 30%,rgba(124,168,105,.14) 62%,rgba(182,209,142,.5));
  mix-blend-mode:screen;
  z-index:0;
}
.closing > :not(.closing-shape):not(.garden) {z-index:2}
.closing .closing-flower {color:#e3bf8b;margin-bottom:15px}
.closing h2 {
  width:100%;max-width:350px;
  margin:10px auto 23px;
  font-size:64px;line-height:1.02;
  color:#e9c799;
  text-shadow:0 2px 9px rgba(4,35,24,.4);
}
.closing h2 em {color:#e1a68e}
.closing .rsvp-note {
  max-width:300px;
  color:#f0dfc6;
  font-size:14px;line-height:1.9;
  text-shadow:0 1px 6px rgba(3,30,20,.65);
}
.closing .closing-actions {margin:28px auto 28px;gap:13px}
.closing .button-outline {
  background:#e8d3b1;
  border:1px solid #e9d4b3;
  color:#12362b;
}
.closing .button-outline:hover {background:#f5dfc7}
.closing .text-button-gold {color:#f4dfbc;text-shadow:0 1px 5px #173b28}
.closing .closing-signature {color:#f0d7b7;gap:6px;text-shadow:0 1px 6px rgba(3,30,20,.6)}
.closing .closing-signature strong {font-size:34px;color:#e9c799}
.closing .original-listening {
  max-width:350px;margin:31px auto 0;
  padding:20px 15px 18px;
  border-top:1px solid transparent;
  background:
    linear-gradient(90deg,transparent,rgba(235,201,150,.4) 50%,transparent) center top/100% 1px no-repeat,
    radial-gradient(ellipse 50% 50% at center,rgba(6,39,27,.45),rgba(6,39,27,.28) 55%,rgba(6,39,27,0) 100%);
  text-shadow:0 1px 5px rgba(3,30,20,.8);
}
.closing .original-listening .eyebrow {color:#f0d2a2}
.closing .original-song-links {gap:10px 16px;line-height:1.7}
.closing .original-song-links a {color:#f8e7cc;font-size:9px}
.closing .soundtrack-credits {margin-top:22px}
.closing .soundtrack-credits-artists {color:#f1d8b5}
.closing .soundtrack-credits-artists span,
.closing .soundtrack-credits-licence {color:#f0e3cd}
.closing .soundtrack-credits-licence a {color:inherit}
.closing .closing-footer {
  max-width:410px;justify-content:center;gap:12px;
  margin-top:32px;padding:24px 0 90px;
  color:#f7e8cf;text-align:center;
  text-shadow:0 1px 6px #1d462d;
}
.closing .closing-footer > [data-i18n='footerDate'] {flex-basis:100%;font-size:13px}
.closing > .garden {position:absolute;z-index:1;opacity:.55}
@media(max-width:699px) {
  .closing {min-height:1080px;padding:132px 33px 0}
  .closing h2 {font-size:clamp(46px,12.2vw,62px);max-width:310px}
  .closing .rsvp-note {max-width:270px;font-size:13px}
  .closing .closing-signature strong {font-size:31px}
  .closing .original-listening {width:100%;padding-inline:6px;margin-top:27px}
  .closing .closing-footer {padding-bottom:100px;font-size:8px}
  .closing .closing-footer > [data-i18n='footerDate'] {font-size:11px}
}
@media(max-width:359px) {
  .closing {padding-inline:29px}
  .closing .closing-signature strong {font-size:28px}
  .closing .original-song-links a {font-size:8px;letter-spacing:.08em}
}