/* A shorter invitation journey, retaining the approved festive artwork and typography. */
.hero{height:auto;min-height:700px;max-height:none}
.hero-copy{padding-top:155px;padding-bottom:28px}
.salutation{margin-bottom:22px}
.hero-line{margin-top:22px}
.hero-date{margin:20px 0 24px}
.hero-bottom{position:relative;inset:auto;padding:0 6% 25px;display:block}
.hero-links{display:flex;align-items:center;gap:28px;margin-top:16px}
.hero-links .skip-link{margin:0;min-height:44px;display:inline-flex;align-items:center;padding:9px 0;font-size:15px}
.hero-links .hero-rsvp{color:var(--gold);border-color:#e6cd9180}
.viewing-note{display:none;align-items:center;gap:9px;max-width:330px;margin-top:12px;color:#ede6d5;font-size:13px;line-height:1.5}
.viewing-note svg{width:30px;height:26px;flex:0 0 30px;stroke:var(--gold);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.invitation{padding-top:60px;padding-bottom:65px;row-gap:30px}
.intro-note{margin-bottom:5px;font-size:clamp(29px,3vw,43px)}
.star{margin-bottom:18px}
.event-copy{padding:0}
.event-copy>p:not(.small-heading){margin-top:18px;line-height:1.65}
.event-details{margin-top:24px;gap:18px}
.event-details a{min-height:44px;display:inline-flex;align-items:center;margin-top:2px}
.event-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:12px}
.event-actions .text-button{margin:0}
.bus-section{min-height:0}
.bus-copy{padding-top:65px;padding-bottom:60px}
.bus-copy>p:not(.small-heading){margin-top:18px}
.bus-location{margin-top:24px}
.timeline{margin-top:26px}
.family-section{padding-top:60px;padding-bottom:55px;gap:5%}
.family-message p{margin-top:16px}
.family-message .signature{margin:16px 0 8px}
.rsvp-section{padding-top:60px;padding-bottom:65px}
.rsvp-section>div>p:not(.small-heading){margin-top:16px}
.rsvp-panel{margin-top:22px}
.rsvp-panel .fine-print{margin-top:16px}
.rsvp-spark{margin-top:18px;font-size:30px}
footer{padding-top:23px;padding-bottom:23px}
@media(pointer:coarse),(max-width:900px){.viewing-note{display:flex}}
@media(min-width:1600px){.hero-copy{padding-left:10%}.hero-bottom{padding-left:10%}}
@media(max-width:1000px) and (min-width:651px){.hero-copy{padding-top:150px}.invitation{padding-top:55px;padding-bottom:60px}.bus-copy{padding-top:55px;padding-bottom:55px}}
@media(max-width:650px){
 .nav{padding-top:20px;padding-bottom:16px}
 .nav nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
 .nav nav>a:first-child{display:none}
 .hero{min-height:0;height:auto;max-height:none}
 .hero-copy{padding:165px 7% 15px;text-align:center}
 .salutation{font-size:20px;margin-bottom:18px}
 h1{font-size:clamp(42px,11.5vw,68px)}
 .hero-line{font-size:17px;line-height:1.45;margin:17px auto 0;max-width:300px}
 .hero-date{margin:18px 0 20px}
 .viewing-note{margin:12px auto 0;max-width:310px;font-size:13px;text-align:left}
 .hero-links{justify-content:center;gap:30px;margin-top:10px}
 .hero-links .skip-link{font-size:14px;min-height:44px;width:auto}
 .hero-bottom{padding:0 7% 23px;font-size:11px;text-align:center}
 .hero-bottom>span{max-width:none}
 .invitation{padding:40px 7% 44px;gap:0}
 .intro-note{font-size:26px;margin-bottom:20px}
 .intro-note .star{width:24px;height:24px;margin-bottom:12px}
 .event-copy{padding:0 2%}
 .small-heading{margin-bottom:12px}
 .event-copy h2{font-size:clamp(40px,11.8vw,53px);line-height:1.08;letter-spacing:-1.5px}
 .event-copy>p:not(.small-heading){margin-top:16px;line-height:1.65}
 .event-details{margin-top:24px;gap:18px}
 .event-details>div{grid-template-columns:56px 1fr;gap:13px}
 .event-details dd{font-size:18px}
 .event-details strong{font-size:22px}
 .event-actions{justify-content:center;gap:24px;margin-top:10px}
 .bus-art-wrap{aspect-ratio:1.65}
 .bus-art-wrap img{object-position:45% 38%}
 .art-caption{font-size:21px;bottom:26px;max-width:250px}
 .bus-copy{padding:8px 8% 45px}
 .bus-copy h2{font-size:49px;letter-spacing:-1.5px}
 .bus-copy .small-heading{margin-bottom:10px}
 .bus-copy>p:not(.small-heading){margin-top:17px;line-height:1.65}
 .bus-location{margin-top:23px}
 .bus-location span{font-size:22px}
 .timeline{margin-top:25px;gap:10px}
 .timeline li{padding-top:18px}
 .timeline strong{font-size:20px}
 .timeline span{font-size:12px;line-height:1.45}
 .bus-copy .return-line{margin-top:22px}
 .return-line em{font-size:23px}
 .family-section{padding:43px 7% 30px;gap:20px}
 .family-message h2{font-size:48px;letter-spacing:-1.5px}
 .family-message .star{width:24px;height:24px;margin-bottom:13px}
 .family-message p{margin-top:14px}
 .family-message .signature{font-size:28px;margin:14px 0 6px}
 .rsvp-section{padding:48px 8% 48px}
 .rsvp-section .small-heading{font-size:21px;margin-bottom:10px}
 .rsvp-section h2{font-size:52px;letter-spacing:-2px}
 .rsvp-section h2 br{display:none}
 .rsvp-section>div>p:not(.small-heading){margin-top:14px}
 .rsvp-panel{margin-top:20px}
 .rsvp-panel .button{font-size:30px}
 footer{gap:10px;padding:23px 7%}
}
@media(max-width:360px){.hero-copy{padding-top:145px}.event-copy h2{font-size:41px}.bus-copy h2{font-size:45px}.timeline strong{font-size:18px}}
@media(max-height:500px) and (orientation:landscape){.hero-copy{padding-top:120px}.hero{min-height:0}.nav{padding-top:18px}}