/* Restore the original illustrated itinerary without wide image columns. */
#events{max-width:1080px;padding-top:34px;padding-bottom:30px}
#events>.journey-heading{margin-bottom:10px}
#events .compact-event{display:block;max-width:940px;padding:34px 0;grid-template-columns:none;text-align:center;border-bottom:1px solid var(--line)}
#events .compact-event>.event-copy{width:100%;max-width:none}
#events .event-intro{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 18px;width:fit-content;max-width:100%;text-align:left}
#events .event-intro .event-icon{width:76px;height:76px;object-fit:contain;flex:none}
#events .event-intro .event-date{margin:0 0 7px;font-size:13px;line-height:1.6}
#events .event-intro h3{font-size:40px;line-height:1.15;letter-spacing:-.5px;margin:0;text-wrap:balance}
#events #wedding .event-intro{text-align:center;margin-bottom:18px}
#events .compact-event .pending-event{margin:0 0 20px;font-size:15px}
#events .event-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:20px}
#events .event-actions .dress{margin:0!important;font-size:14px}
#events .event-actions .calendar-button{margin:0}
#events .event-place{font-size:28px;margin:0 0 8px}
#events address{font-size:14px;line-height:1.65}
#events .policy-note{margin:12px 0 0;padding:0;border:0;font-size:12px}
#events .restored-day-flow{max-width:830px;margin:24px auto 14px;padding:0 12px 8px;gap:34px;--ribbon-layout:horizontal}
#events .restored-day-flow .day-moment{gap:5px;padding-top:0}
#events .restored-day-flow .day-moment--cocktails{padding-top:22px}
#events .restored-day-flow .day-moment--dinner{padding-top:4px}
#events .restored-day-flow .day-art{width:126px;height:116px}
#events .restored-day-flow .day-moment--cocktails .day-art{width:135px;height:124px}
#events .restored-day-flow .day-moment--dinner .day-art{width:132px;height:121px}
#events .restored-day-flow .day-art img{width:100%;height:100%;object-fit:contain}
#events .restored-day-flow .moment-time{font-size:13px;letter-spacing:0;line-height:1.5;color:var(--ink);margin:0 0 5px}
#events .restored-day-flow h4{font-family:var(--serif);font-size:29px;line-height:1.15;font-weight:400;letter-spacing:0;margin:0;max-width:260px}
#events .restored-day-flow .day-trail .ribbon-wash{stroke-width:5;opacity:.26}
#events .restored-day-flow .day-trail .ribbon-ink{stroke-width:1;opacity:.7}
#events .calendar-note{margin-top:24px}
.venue-letter>img{width:min(100%,350px);height:auto;max-height:none;aspect-ratio:3/4;object-fit:contain;justify-self:center;margin:0 auto}
@media(max-width:900px){
 #events .restored-day-flow{--ribbon-layout:vertical;max-width:550px;margin-top:24px;padding:0;gap:12px}
 #events .restored-day-flow .day-moment{min-height:108px;gap:18px;padding:0;text-align:left;max-width:100%}
 #events .restored-day-flow .day-moment--ceremony,#events .restored-day-flow .day-moment--dinner{align-self:flex-start;flex-direction:row}
 #events .restored-day-flow .day-moment--cocktails{align-self:flex-end;flex-direction:row-reverse;text-align:right}
 #events .restored-day-flow .day-art{width:110px;height:101px}
 #events .restored-day-flow .day-moment--cocktails .day-art{width:120px;height:110px}
 #events .restored-day-flow .day-moment--dinner .day-art{width:113px;height:104px}
 #events .restored-day-flow h4{font-size:28px;max-width:220px}
}
@media(max-width:700px){
 #events{padding-top:26px;padding-bottom:22px}
 #events .compact-event{padding:28px 0}
 #events .event-intro{gap:14px;margin-bottom:16px}
 #events .event-intro .event-icon{width:60px;height:60px}
 #events .event-intro .event-date{font-size:12px;line-height:1.5;margin-bottom:6px}
 #events .event-intro h3{font-size:34px;letter-spacing:-.25px}
 #events .event-actions{gap:16px;margin-top:17px}
 #events .event-place{font-size:26px}
 #events .compact-event .pending-event{font-size:14px;margin-bottom:17px}
 #events .restored-day-flow{max-width:440px;gap:10px}
 #events .restored-day-flow .day-moment{min-height:104px;gap:14px}
 #events .restored-day-flow .day-art{width:100px;height:92px}
 #events .restored-day-flow .day-moment--cocktails .day-art{width:110px;height:101px}
 #events .restored-day-flow .day-moment--dinner .day-art{width:105px;height:97px}
 #events .restored-day-flow h4{font-size:27px;max-width:185px}
 #events .restored-day-flow .mobile-day-trail .ribbon-wash{stroke-width:4;opacity:.24}
 #events .restored-day-flow .mobile-day-trail .ribbon-ink{stroke-width:.8;opacity:.6}
 .venue-letter>img{width:min(78%,300px);max-width:300px;height:auto;aspect-ratio:3/4;margin:0 auto}
}
@media(max-width:420px){
 #events .event-intro h3{font-size:31px}
 #events .event-intro .event-icon{width:53px;height:53px}
 #events .restored-day-flow .day-moment{gap:10px}
 #events .restored-day-flow h4{font-size:25px;max-width:168px}
 #events .event-actions{gap:13px}
}
@media(max-width:350px){
 #events .event-intro{flex-direction:column;gap:8px;text-align:center}
 #events .event-intro h3{font-size:32px}
 #events .restored-day-flow .day-art{width:86px;height:80px}
 #events .restored-day-flow .day-moment--cocktails .day-art{width:94px;height:88px}
 #events .restored-day-flow .day-moment--dinner .day-art{width:90px;height:84px}
 #events .restored-day-flow h4{font-size:24px;max-width:153px}
 #events .event-actions{flex-direction:column;gap:14px}
}

/* Let the three linked dates read as stops on one weekend itinerary. */
@media(max-width:800px){
 .weekend-overview .overview-grid{display:grid;grid-template-columns:1fr;margin:0 auto;max-width:34rem;padding:14px 0}
 .weekend-overview .overview-grid a{position:relative;align-items:flex-start;text-align:left;padding:12px 12px 12px 44px;gap:3px}
 .weekend-overview .overview-grid a+a{border:0}
 .weekend-overview .overview-grid a::before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:#a5bac3}
 .weekend-overview .overview-grid a:first-child::before{top:50%}
 .weekend-overview .overview-grid a:last-child::before{bottom:50%}
 .weekend-overview .overview-grid a::after{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;border:2px solid var(--ink);border-radius:50%;box-sizing:content-box;background:var(--ivory)}
 .weekend-overview .overview-grid strong{font-size:clamp(28px,6vw,34px);line-height:1.1}
 .weekend-overview .overview-grid span{font-size:13px;line-height:1.5}
}
#events .restored-day-flow .day-moment .day-art{width:clamp(125px,15vw,172px);height:auto;aspect-ratio:12/11;flex:none}
@media(max-width:700px){
 #events .restored-day-flow .day-moment .day-art{width:clamp(110px,32vw,155px)}
 #events .restored-day-flow .day-moment{max-width:100%}
 #events .restored-day-flow .day-trail{display:block}
 #events .restored-day-flow .mobile-day-trail{display:none}
}

/* Event portraits keep their own proportions, including on narrow phones. */
#events :is(#welcome-party,#farewell) .event-intro .event-icon{width:clamp(96px,12vw,166px);height:auto;max-height:none}
@media(max-width:700px){
 #events :is(#welcome-party,#farewell) .event-intro{gap:clamp(10px,3vw,18px);text-align:left}
 #events :is(#welcome-party,#farewell) .event-intro .event-icon{width:clamp(86px,25vw,130px)}
}
@media(max-width:350px){#events :is(#welcome-party,#farewell) .event-intro{text-align:center}}
