/* Each chapter keeps the invitation's tropical palette, with its own viewpoint. */
.practical-section{background-image:url('assets/travel-desktop.png');background-position:center;background-size:cover}
.closing-section{background-image:url('assets/closing-desktop.png');background-position:center;background-size:cover}
@media(max-width:700px){
  body.is-reading{padding-bottom:calc(var(--invitation-navigation-height,74px) + 1px)}
  /* Exchange inner padding for a wider view of the scene, preserving text width. */
  .invitation-hero,.practical-section,.closing-section{padding-left:28px;padding-right:28px}
  .invitation-paper{padding:24px 10px 22px}
  .invitation-paper .eyebrow{margin-bottom:16px}
  .invitation-hero{padding-top:22px;padding-bottom:142px}
  .event-message{margin-top:18px;padding-bottom:14px}
  .event-message .event-intro{padding-bottom:14px}
  .event-message .event-description{margin-top:12px}
  .event-message .event-invitation{margin-top:8px}
  .event-message+.event-date{margin-top:16px}

  .practical-section{background-image:url('assets/travel-mobile.png');background-size:cover;background-position:center bottom;padding-top:120px;padding-bottom:72px}
  .practical-paper .section-title{font-size:36px}
  .practical-paper .section-title em{font-size:50px}
  .destination-details{margin:16px 0;padding-bottom:13px}
  .practical-paper .travel-times{margin-top:14px;padding-top:14px;gap:15px}

  /* Keep the coconut and drinks in the visible area below the closing card. */
  .closing-section{background-image:url('assets/closing-mobile.png');background-position:center bottom;padding-top:72px;padding-bottom:170px}
  .closing-card{min-height:470px;padding:24px 10px}
  .closing-logo{height:100px}
  .closing-message{margin-top:24px}
  .closing-message>p{margin-top:16px}
  .closing-signoff{padding-top:20px;margin-bottom:14px}
  .closing-brand-strip{margin-bottom:12px}
}
@media(max-width:430px){
  .practical-section{background-size:auto 117%}
}
@media(max-width:370px){
  .invitation-hero,.practical-section,.closing-section{padding-left:20px;padding-right:20px}
  .invitation-hero{padding-bottom:170px}
  .invitation-paper{padding-left:10px;padding-right:10px}
}
@media(max-width:700px) and (max-height:780px){
  .closing-section{padding-top:40px;padding-bottom:130px}
  .closing-card{min-height:440px;padding-top:20px;padding-bottom:20px}
  .closing-logo{height:85px}
  .closing-message{margin-top:20px}
  .closing-signoff{padding-top:16px;margin-bottom:10px}
}