main .section{max-width:780px;margin-inline:auto}
main h2{line-height:1.12;text-wrap:balance}
main p{line-height:1.75}
main .photo img,main .couple-photo img{display:block;width:100%;height:auto;object-fit:contain}
main .photo,main .couple-photo{max-width:650px;margin-inline:auto;width:calc(100% - 48px)}
main .photo figcaption,main .couple-photo figcaption{font-size:17px;line-height:1.5;padding:16px 10px}
main input,main textarea,main select{font-size:16px}
main .details summary{padding-block:20px;min-height:48px}
main .count{font-variant-numeric:tabular-nums}
main .agenda li{padding-block:22px}
main .agenda time{font:italic 23px Georgia,serif;letter-spacing:0}
main .agenda h3{line-height:1.15}
main .section-number{letter-spacing:2px;font-size:10px}
main .hero>svg.garden-art,main .hero>svg.route-art{position:absolute;pointer-events:none}
main .hero>*:not(svg){position:relative;z-index:2}
.entry button,.entry .open{min-height:48px;white-space:nowrap}
@media(max-width:400px){main .section{padding-inline:24px}main .agenda li{gap:12px;grid-template-columns:55px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body{--paper:#f5f0e4;--ink:#364e58;--accent:#a97b55}.hero{background:#e8eee9;min-height:590px;padding:80px 25px 50px}.hero h1{font-size:clamp(44px,13vw,70px);line-height:1.06}.hero .route-art{top:15px;left:15%;width:70%;height:100px;opacity:.35}.photo{border:1px solid #a8a38e;padding:10px;background:#fffaf0;rotate:0;box-shadow:none}.photo figcaption{color:#364e58}.agenda{background:#eae2d1;padding:12px 22px;border:0}.quote{background:#364e58;color:#f5f0e4}.quote .kicker{color:#d2b38e}.quote h2{font-style:italic}.closing{background:#e8eee9;border-top:1px solid #a8a38e}
body[data-collection=florencia] .quote{background:#364e58;color:#f5f0e4;border-color:#a8b8ba}body[data-collection=florencia] .quote h2,body[data-collection=florencia] .quote p{color:#f5f0e4}body[data-collection=florencia] .quote .kicker{color:#e2c8a9}
body main .section .agenda{margin-left:auto;margin-right:auto;max-width:440px;width:100%}
body main .section .section-number,body main .section .kicker{text-align:center;margin-left:auto;margin-right:auto}
body main .section .button,body main .section a.button{display:flex;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;justify-content:center}
body main .section details,body main .section .rsvp-form{max-width:620px;margin-left:auto;margin-right:auto}