.invitation-page main{max-width:1440px;margin:auto}.site-header{background:#fff8e8eb}.floral-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding:65px 9% 60px;position:relative}.hero-text{text-align:center;min-width:0}.personal-welcome{font:italic 25px/1.5 var(--serif);margin:0 0 25px;color:#925d3b;overflow-wrap:anywhere}.floral-hero h1{font:clamp(70px,7vw,106px)/1.05 var(--script);letter-spacing:0;color:#690713}.floral-hero h1 span{display:inline-block;padding:0 8px 0 0}.floral-hero .ornament{margin:20px auto}.hero-subtitle{font:500 27px/1.35 var(--serif);margin:0 0 22px}.host-signature{font:600 clamp(27px,2.6vw,40px)/1.2 var(--serif);letter-spacing:-.5px;margin:20px 0}.host-signature i{font-weight:400}.hero-description{font:13px/1.85 'Lora',serif;color:#805d49;margin:22px -5px}.hero-date{font:600 24px/1.4 var(--serif);margin:24px 0 3px}.hero-time{font:11px/1.8 var(--sans);color:#88673e;margin:0}.hero-cta{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.invitation-portrait{margin:0;width:100%;padding:9px;border:1px solid #be944b;background:#fffaf0;box-shadow:0 15px 45px #8b5e2420;position:relative;outline:1px solid #be944b70;outline-offset:5px}.invitation-portrait img{display:block;width:100%;height:auto}.invitation-portrait figcaption{text-align:center;font:italic 17px/1.6 var(--serif);padding:12px 5px 3px;color:#85582f}.celebration-ribbon{display:flex;align-items:center;justify-content:center;gap:33px;border-block:1px solid #cba45880;padding:20px 8%;background:#f6e8cc8a;color:#7b1820;font:italic 25px var(--serif)}.celebration-ribbon i{color:var(--gold);font-size:13px}.celebration-section{padding:80px 10%;text-align:center}.celebration-intro{max-width:620px;margin:0 auto;font-size:14px;line-height:1.9;color:var(--muted)}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.moment-grid article{padding:32px 24px;border:1px solid #c8a05f80;background:#fffaf1d9;position:relative}.moment-grid article:before,.moment-grid article:after{content:'❦';position:absolute;top:-13px;left:calc(50% - 10px);background:var(--ivory);padding:0 4px;color:var(--gold);font-size:18px}.moment-grid article:after{top:auto;bottom:-13px;transform:rotate(180deg)}.moment-number{font:10px var(--sans);letter-spacing:2px;color:#af833b}.moment-grid h3{font-size:34px;margin:16px 0}.moment-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.event-section{position:relative;text-align:center;padding:65px 10% 135px;margin:0 7%;border:1px solid #c5a264;background:linear-gradient(#fff9edeb,#fff6e4f5);isolation:isolate;overflow:hidden}.grand-countdown{display:flex;align-items:center;justify-content:center;gap:24px;margin:35px auto 18px;font-variant-numeric:tabular-nums}.grand-countdown div{min-width:85px}.grand-countdown strong{display:block;font:500 76px/1 var(--serif);color:#742028}.grand-countdown span{display:block;font:8px var(--sans);letter-spacing:2px;color:#85643a;margin-top:13px}.grand-countdown i{font:30px var(--serif);color:var(--gold);margin-top:-16px}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #c7a05b70;margin-top:35px;padding-top:35px}.detail-cards article{padding:0 15px}.detail-cards article+article{border-left:1px solid #c7a05b70}.detail-cards h3{font-size:32px;line-height:1.2}.detail-cards p{font-size:12px;color:var(--muted);line-height:1.8}.detail-cards .eyebrow{display:block;margin-bottom:16px}.location-note{display:block;font:8px var(--sans);letter-spacing:1.4px;color:#98733d;margin-top:22px}.pool-border{position:absolute;left:0;right:0;bottom:0;height:88px;background:url('assets/invitation.png') center bottom/100% auto;mask-image:linear-gradient(transparent,#000 40%);opacity:.85;z-index:-1}.little-things{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 11%;align-items:center}.little-things h2{font-size:52px}.bring-list p{margin:0;display:grid;grid-template-columns:100px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #c7a05b60;font-size:12px}.bring-list b{font-weight:500;color:var(--wine)}.bring-list span{color:var(--muted)}.keepsake-section{margin:0 7%;padding:55px 7%;background:linear-gradient(120deg,#f6dcd4a0,#fff2dbd0);border:1px solid #c9a35a80;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.keepsake-copy h2{font-size:55px}.keepsake-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin:25px 0}.keepsake-card{padding:34px 18px;text-align:center;background:#fff9e8;outline:1px solid #c5a063;outline-offset:6px;border:1px solid #c5a063;box-shadow:0 12px 25px #8c5d2410}.keepsake-card>span:first-child{font:32px var(--script);color:#965d35}.keepsake-card p{font:500 40px/1.1 var(--serif);margin:20px 0 0}.keepsake-card>span:last-child{font:8px var(--sans);letter-spacing:2px;color:#9b7133}.keepsake-card .ornament{margin:15px auto;max-width:160px}.final-rsvp{text-align:center;padding:85px 10% 60px}.final-rsvp h2{font-size:65px;overflow-wrap:anywhere}.final-rsvp>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin:20px 0}.final-rsvp .quiet-link{display:flex;width:fit-content;margin:18px auto 0}.final-rsvp #share-status{margin:5px 0;min-height:20px}.invitation-footer>div{display:flex;gap:25px}.invitation-footer{background:#fff8e5b0}
@media(min-width:1500px){.floral-hero{padding-top:75px}}@media(max-width:1000px){.floral-hero{gap:6%;padding:55px 8%}.floral-hero h1{font-size:72px}.hero-subtitle{font-size:25px}.host-signature{font-size:29px}.hero-description{font-size:12px}.hero-cta{gap:16px}.hero-cta .button{padding:13px 18px;font-size:11px}.moment-grid{gap:14px}.moment-grid article{padding:28px 16px}.moment-grid h3{font-size:29px}.little-things{padding-inline:9%;gap:6%}.little-things h2{font-size:45px}.keepsake-section{gap:8%;padding-inline:6%}.keepsake-copy h2{font-size:47px}.grand-countdown{gap:18px}}
@media(max-width:700px){.floral-hero{grid-template-columns:1fr;padding:42px 12% 42px;gap:35px}.floral-hero h1{font-size:clamp(63px,12vw,87px)}.personal-welcome{font-size:24px;margin-bottom:20px}.hero-subtitle{font-size:26px}.host-signature{font-size:30px;margin:18px 0}.hero-description{font-size:12px;margin:20px 0}.hero-date{font-size:25px}.hero-cta{gap:15px;margin-top:22px}.hero-cta .button{padding:14px 20px;font-size:11px}.invitation-portrait{max-width:390px;justify-self:center;padding:7px}.invitation-portrait figcaption{font-size:16px}.celebration-ribbon{gap:13px;padding:17px 7%;font-size:20px}.celebration-ribbon i{font-size:9px}.celebration-section{padding:55px 12%}.celebration-section h2{font-size:45px}.celebration-intro{font-size:13px}.moment-grid{grid-template-columns:1fr;gap:24px;margin-top:35px}.moment-grid article{padding:27px 22px}.moment-grid h3{font-size:33px;margin:12px 0}.event-section{margin:0 9%;padding:45px 6% 100px}.event-section h2{font-size:43px}.grand-countdown{gap:8px;margin-top:30px}.grand-countdown div{min-width:0;flex:1;max-width:72px}.grand-countdown strong{font-size:clamp(38px,10.8vw,62px)}.grand-countdown span{font-size:6px;letter-spacing:1px;margin-top:10px}.grand-countdown i{font-size:21px}.event-section>.small{font-size:9px}.detail-cards{grid-template-columns:1fr;gap:27px;padding-top:25px;margin-top:25px}.detail-cards article{padding:0}.detail-cards article+article{border-left:0;border-top:1px solid #c7a05b70;padding-top:26px}.detail-cards h3{font-size:30px}.detail-cards .eyebrow{font-size:8px}.pool-border{height:65px;background-size:600px auto}.little-things{grid-template-columns:1fr;padding:55px 12%;gap:24px}.little-things h2{font-size:45px}.bring-list p{grid-template-columns:90px 1fr;gap:12px;font-size:11px}.keepsake-section{margin-inline:9%;padding:38px 9%;grid-template-columns:1fr;gap:40px;text-align:center}.keepsake-copy h2{font-size:43px}.keepsake-copy>p:not(.eyebrow){font-size:12px}.keepsake-copy .button{font-size:10px;padding:13px 17px}.keepsake-card{max-width:270px;width:100%;margin:0 auto}.keepsake-card p{font-size:35px}.final-rsvp{padding:60px 12% 40px}.final-rsvp h2{font-size:51px}.final-rsvp>p:not(.eyebrow){font-size:12px}.final-rsvp .button{font-size:11px;padding:14px 18px;gap:20px}.invitation-footer{margin-inline:9%}.invitation-footer>div{gap:12px;flex-direction:column;font-size:10px}}
@media(max-width:360px){.floral-hero{padding-inline:11%}.floral-hero h1{font-size:60px}.host-signature{font-size:26px}.hero-date{font-size:22px}.celebration-ribbon{gap:9px;font-size:18px}.celebration-section h2,.little-things h2{font-size:40px}.event-section h2{font-size:37px}.keepsake-copy h2{font-size:38px}.final-rsvp h2{font-size:45px}}
.celebration-ribbon span{white-space:nowrap}@media(max-width:700px){.celebration-ribbon{font-size:clamp(15px,4.8vw,19px);gap:8px}}