@font-face{font-family:IvorySans;src:url('/fonts/Manrope-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:IvorySans;src:url('/fonts/Manrope-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e8e6dc;color:#595d4e;font:13px/1.75 IvorySans,Arial,sans-serif}main{width:450px;margin-left:auto;overflow:hidden;background:#fbf7ee}main>section,main>footer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22dvh 14% 20dvh 18%;text-align:center;background:#fbf7ee url('/images/ornaments/ivory-romance/background.webp') center/100% 100% no-repeat}.mihrab{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.16}h1{font-size:clamp(45px,7dvh,67px);color:#727a61;letter-spacing:-1.8px;overflow-wrap:anywhere;max-width:100%}h1 i{display:block;font-size:28px;font-weight:400;line-height:1.3;color:#b09356;letter-spacing:0;margin:3px 0}h2{font-size:31px;letter-spacing:-.5px}h3{font-size:27px}em{font-weight:400;color:#9c865f}p{font-size:12px;line-height:1.9}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#927e58}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:38px;border:1px solid #828a73;border-radius:24px;padding:10px 18px;background:#778167;color:#fffdf7;font:600 10px IvorySans,Arial,sans-serif;cursor:pointer;text-decoration:none}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b59b65;outline-offset:3px}.cover-panel{gap:15px}.date{font-size:10px;letter-spacing:.3px}.guest{width:100%;padding:12px 0 0;border-top:1px solid #c9bb9966}.guest small{display:block;font-size:9px;color:#8c897b}.guest strong{display:block;font-weight:600;font-size:12px;overflow-wrap:anywhere;margin-top:4px}.demo-info{font-size:8px;color:#999181}.cover>.invitation-countdown,.cover>.draft-countdown{margin:0;padding:0;width:100%;color:#8c815f}.cover .countdown-label,footer .countdown-label{font-size:6px;letter-spacing:1.5px}.countdown-values{display:flex;gap:10px;justify-content:center}.countdown-values b{display:flex;flex-direction:column;font-size:8px;font-weight:400}.cover .countdown-values b,footer .countdown-values b{background:none;border:0;border-radius:0;padding:2px 6px;min-width:30px}.cover .countdown-values strong,footer .countdown-values strong{font:400 21px Georgia}.divider{color:#b89d64;font-size:19px;line-height:1}.desktop{position:fixed;inset:0 450px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:20dvh 12% 18dvh;background:#fbf7ee url('/images/ornaments/ivory-romance/background.webp') center/100% 100% no-repeat}.desktop>span{font-size:8px;letter-spacing:2.5px;color:#927e58}.desktop h2{font-size:clamp(28px,3.5vw,46px)}.desktop-photo{width:150px;height:180px;overflow:hidden;border-radius:90px 90px 12px 12px}.desktop-photo img{width:100%;height:100%;object-fit:cover}.desktop p{font-size:12px}.desktop a{font-size:10px}.couple-photo{width:68%;height:20dvh;max-height:200px;overflow:hidden;border-radius:90px 90px 12px 12px}.couple-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.names{gap:9px}.names h3{font-size:25px}.names p{font-size:10px;margin-top:4px}.names .amp{font:italic 23px Georgia;color:#aa935f;line-height:1}.section-title{font-size:29px}.events{gap:14px}.events-panel{gap:14px}.event-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.event-card+.event-card{border-top:1px solid #cbbb9966;padding-top:13px}.event-card h3{font-size:26px}.event-card small{font-size:9px}.event-card p{font-size:10px;line-height:1.5}.event-card .time{font-size:12px}.event-card>strong{font-size:11px;font-weight:600}.event-card .button{min-height:32px;padding:7px 14px;font-size:9px;margin-top:4px}.gallery{gap:10px}.section-caption{font-size:10px}.photos{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;gap:12px;max-height:47dvh}.photos figure{flex:1;min-height:0;margin:0;border-radius:12px;overflow:hidden}.photos img{display:block;width:100%;height:100%;object-fit:cover}.gift-intro{display:flex;flex-direction:column;align-items:center;gap:13px}.gift-intro p{font-size:11px}.accounts{width:100%}.gift-card{padding-top:12px;border-top:1px solid #cbbb9966}.gift-card span,.gift-card b,.copy-status{display:block}.gift-card span{font-size:10px}.gift-card b{font:24px Georgia;margin:8px 0;overflow-wrap:anywhere}.gift-card p{font-size:10px;margin-bottom:10px}.copy-status{font-size:9px}.rsvp .mihrab{gap:8px}.rsvp h2{font-size:28px}form{width:100%;display:grid;gap:4px;text-align:left}label{font-size:9px;margin-top:2px}input,select,textarea{width:100%;min-width:0;padding:7px 10px;border:1px solid #c8c8b6;border-radius:8px;background:#fffdf8c9;color:#595d4e;font:16px IvorySans,Arial,sans-serif}textarea{height:44px;resize:vertical}form button{margin-top:5px}#rsvp-status:empty{display:none}footer .mihrab{gap:14px}footer .mihrab>a{font-size:10px}footer .invitation-countdown{order:2}main nav{position:fixed;bottom:15px;right:22px;width:406px;display:flex;justify-content:space-around;padding:7px;border-radius:26px;background:#70785eea;z-index:30;backdrop-filter:blur(8px)}main nav a{font-size:10px;color:#fffdf7;padding:8px 10px;text-decoration:none}.invitation-locked body{overflow:hidden}.invitation-locked main nav{display:none}[hidden]{display:none!important}
@media(max-width:800px){.desktop{display:none}main{width:100%;max-width:500px;margin:auto}main nav{right:50%;transform:translateX(50%);width:calc(100% - 34px);max-width:466px}}
@media(max-height:700px){main>section,main>footer{padding-top:19dvh;padding-bottom:18dvh;gap:8px}.mihrab{gap:10px}.cover-panel{gap:10px}.cover h1{font-size:44px}.cover h1 i{font-size:22px;margin:0}.cover .guest{padding-top:8px}.cover .demo-info{display:none}.cover .button{min-height:34px;padding:8px 16px}h2{font-size:26px}.opening p{font-size:11px;line-height:1.7}.opening .divider{display:none}.names{gap:6px}.names h3{font-size:22px}.couple-photo{height:16dvh}.events .section-title{font-size:24px}.events-panel{gap:8px}.event-card{gap:3px}.event-card+.event-card{padding-top:8px}.event-card h3{font-size:22px}.event-card small{font-size:8px}.event-card .button{min-height:28px;padding:5px 13px;margin-top:2px}.event-card p{font-size:9px}.event-card .time{font-size:11px}.event-card>.eyebrow{font-size:7px}.gift-intro{gap:8px}.gift-intro p{font-size:10px}.gift-intro .divider{display:none}.rsvp h2{font-size:24px}.rsvp .mihrab{gap:5px}form{gap:2px}label{font-size:8px}input,select,textarea{padding:4px 8px}textarea{height:32px}form button{min-height:30px;padding:6px 12px}footer p{font-size:11px}.section-title{font-size:26px}.desktop{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.cover .demo-info{display:none}
@media(min-height:701px){main>.cover{padding-top:20dvh;padding-bottom:26dvh}.cover-panel{gap:12px}}

/* Give the gallery a little more vertical space inside the floral frame. */
main>.gallery{padding-top:20dvh;padding-bottom:17dvh;gap:8px}.gallery .photos{max-height:52dvh;gap:10px}
@media(max-height:700px){main>.gallery{padding-top:18dvh;padding-bottom:16dvh;gap:6px}}