@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;600;700&display=swap";*{box-sizing:border-box}.demo-page{--accent:#a98446;--ink:#211d19;--paper:#f5f0e7;background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif;overflow:clip}.demo-reveal{opacity:0;transition:opacity 1s,transform 1.15s cubic-bezier(.16,.8,.2,1),clip-path 1.2s cubic-bezier(.16,.8,.2,1);transform:translateY(90px)}.demo-reveal.demo-visible{opacity:1;clip-path:inset(0);transform:none}.reveal-wipe{clip-path:inset(0 100% 0 0)}.reveal-zoom{clip-path:inset(12%);transform:scale(.84)}.reveal-slide{transform:translate(-110px)}.demo-opening{z-index:100;pointer-events:none;color:#fff;text-align:center;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.demo-opening>div{background:#c890a9;animation:2.35s cubic-bezier(.7,0,.2,1) forwards curtain-left;position:absolute;inset:0 50% 0 0}.demo-opening>div:nth-child(2){background:#c890a9;animation:2.35s cubic-bezier(.7,0,.2,1) forwards curtain-right;inset:0 0 0 50%}.wedding .demo-opening>div{background:#6e5a43}.birthday .demo-opening>div{background:#cb693e}.demo-opening span,.demo-opening strong{z-index:2;animation:1.8s forwards opening-copy;position:relative}.demo-opening span{letter-spacing:.28em;margin-top:-70px;font-size:11px}.demo-opening strong{font:italic 500 clamp(32px,6vw,66px) Cormorant Garamond;position:absolute;top:52%}.demo-music-float{z-index:30;background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;text-decoration:none;animation:2s infinite music-pulse;display:grid;position:fixed;bottom:24px;right:18px;box-shadow:0 8px 25px #0004}.demo-page.quince{--accent:#a26f91;--ink:#241a25;--paper:#f6eff4}.demo-page.birthday{--accent:#d56835;--ink:#231c18;--paper:#fff2e8}.demo-bar{z-index:20;color:#fff;background:#171512;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:12px 4vw;display:flex;position:sticky;top:0}.demo-bar>a:first-child{color:#fff;letter-spacing:.14em;align-items:center;gap:10px;text-decoration:none;display:flex}.demo-bar>a:first-child b{border:1px solid #fff;padding:7px}.demo-switch{background:#2b2824;border-radius:999px;padding:4px;display:flex}.demo-switch button{color:#c9c3bb;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 16px}.demo-switch button.active{color:#171512;background:#fff}.demo-buy-top{color:#171512;background:#e8d6b2;padding:12px 18px;font-weight:700;text-decoration:none}.demo-notice{text-align:center;background:#e8d6b2;padding:10px 20px;font-size:12px}.demo-notice span{letter-spacing:.14em;margin-right:10px;font-weight:800}.demo-cover{text-align:center;color:#fff;background:linear-gradient(150deg,#201a14,#786044);flex-direction:column;justify-content:center;align-items:center;min-height:78vh;padding:80px 20px;animation:1.35s cubic-bezier(.2,.75,.2,1) both demo-intro;display:flex}.quince .demo-cover{background:radial-gradient(circle at top,#ad8ca4,#392a45 65%,#17121d)}.birthday .demo-cover{background:linear-gradient(135deg,#d65f2c,#f0a235 55%,#67224f)}.demo-cover p,.demo-cover span,.demo-message small,.demo-dress small,.demo-itinerary small,.demo-gifts small,.demo-rsvp small,.demo-cta small{letter-spacing:.22em;font-size:11px;font-weight:700}.demo-cover h1{max-width:1100px;margin:32px 0;font:italic 600 clamp(64px,11vw,150px)/.85 Cormorant Garamond}.demo-cover p{animation:1s 2.05s both hero-kicker}.demo-cover h1{animation:1.25s cubic-bezier(.16,.8,.2,1) 2.15s both hero-title}.demo-cover time{animation:1s 2.45s both hero-kicker}.demo-cover>span{animation:1.5s 2.8s infinite scroll-bob}.demo-cover time{margin-bottom:80px;font:500 24px Cormorant Garamond}.demo-message{text-align:center;max-width:980px;margin:auto;padding:120px 24px}.demo-message small,.demo-dress small,.demo-itinerary small,.demo-gifts small,.demo-rsvp small,.demo-cta small{color:var(--accent)}.demo-message h2,.demo-dress h2,.demo-gifts h2,.demo-rsvp h2,.demo-cta h2{margin:25px 0;font:500 clamp(35px,5vw,65px)/1.08 Cormorant Garamond}.demo-message p{color:#6d655d}.demo-countdown{text-align:center;background:#fff;width:min(720px,100% - 32px);margin:-45px auto 70px;padding:28px;position:relative;box-shadow:0 18px 55px #2a201521}.demo-countdown small,.demo-family>small{color:var(--accent);letter-spacing:.2em;font-size:11px;font-weight:700}.demo-countdown>div{justify-content:center;gap:clamp(25px,8vw,80px);margin-top:18px;display:flex}.demo-countdown span{letter-spacing:.15em;text-transform:uppercase;gap:4px;font-size:10px;display:grid}.demo-countdown b{letter-spacing:0;font:500 clamp(32px,6vw,55px) Cormorant Garamond}.demo-family{text-align:center;background:#fff;padding:110px 24px}.demo-family h2{margin:22px 0 45px;font:500 clamp(40px,6vw,68px) Cormorant Garamond}.demo-family>div{border:1px solid #ded5ca;grid-template-columns:1fr 1fr;max-width:850px;margin:auto;display:grid}.demo-family article{padding:42px 25px}.demo-family article+article{border-left:1px solid #ded5ca}.demo-family b{letter-spacing:.18em;color:var(--accent);font-size:11px}.demo-family p{font:500 22px Cormorant Garamond}.demo-qr{color:#fff;background:#1a1714;grid-template-columns:1.1fr .75fr .65fr;align-items:center;gap:30px;padding:100px max(24px,8vw);display:grid}.demo-qr>div>small{color:#d7b674;letter-spacing:.18em}.demo-qr>div>h2{margin:20px 0;font:500 clamp(42px,6vw,70px)/1 Cormorant Garamond}.demo-qr>div>p{color:#ffffffa5;line-height:1.7}.demo-pass-facts{gap:12px;margin-top:25px;display:flex}.demo-pass-facts span{border:1px solid #ffffff2b;padding:14px 18px;font-size:11px;display:grid}.demo-pass-facts b{font:500 28px Cormorant Garamond}.demo-qr>article{color:#1b1713;text-align:center;background:#fffaf2;border:7px double #b8955c;padding:28px}.demo-qr>article>p{letter-spacing:.16em;font-size:9px}.demo-qr>article h3{font:500 28px Cormorant Garamond}.demo-qr>article>strong{margin-top:16px;font-size:11px;display:block}.demo-qr-code{aspect-ratio:1;background:repeating-conic-gradient(#17130f 0 25%,#fff 0 50%) 0/22px 22px;border:12px solid #fff;outline:2px solid #17130f;width:150px;margin:20px auto}.demo-qr>aside{color:#1b1713;background:#f0e9dc;border-top:8px solid #2b9a68;gap:13px;padding:24px;display:grid}.demo-qr>aside b{letter-spacing:.15em;color:#24764f;font-size:10px}.demo-qr>aside strong{font-size:24px}.demo-qr>aside small{color:#776c61}.reveal-qr.demo-visible>article{animation:1s cubic-bezier(.16,.8,.2,1) .2s both pass-turn}.reveal-qr.demo-visible>aside{animation:1s cubic-bezier(.16,.8,.2,1) .55s both door-scan}.demo-locations{background:#fff;grid-template-columns:1fr 1fr;max-width:1200px;margin:auto;display:grid}.demo-locations article{min-height:430px;padding:80px 8vw}.demo-locations article+article{background:var(--ink);color:#fff}.demo-locations small{letter-spacing:.2em;color:var(--accent)}.demo-locations h2{margin:28px 0 12px;font:500 42px/1 Cormorant Garamond}.demo-locations time{font-weight:700}.demo-locations p{min-height:58px;line-height:1.8}.demo-locations button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-weight:700}.demo-dress{text-align:center;background:#fff;padding:110px 24px}.demo-dress p{max-width:580px;margin:0 auto 35px;line-height:1.7}.dress-samples{justify-content:center;gap:12px;display:flex}.dress-samples i{background:var(--accent);border-radius:50%;width:38px;height:38px}.dress-samples i:nth-child(2){filter:brightness(1.45)}.dress-samples i:nth-child(3){filter:brightness(.7)}.demo-itinerary{grid-template-columns:1fr 1fr;gap:90px;max-width:1100px;margin:auto;padding:110px 24px;display:grid}.demo-itinerary h2{margin:20px 0;font:500 55px Cormorant Garamond}.demo-itinerary ol{margin:0;padding:0;list-style:none}.demo-itinerary li{border-bottom:1px solid #cfc4b8;grid-template-columns:100px 1fr;padding:22px 0;display:grid}.demo-visible.demo-itinerary li{animation:.65s both timeline-enter}.demo-visible.demo-itinerary li:nth-child(2){animation-delay:.14s}.demo-visible.demo-itinerary li:nth-child(3){animation-delay:.28s}.demo-visible.demo-itinerary li:nth-child(4){animation-delay:.42s}.demo-itinerary time{color:var(--accent);font-weight:700}.demo-itinerary span{font:500 28px Cormorant Garamond}.demo-gallery{grid-template-columns:1.2fr 1fr 1fr;min-height:430px;display:grid}.demo-gallery div{color:#fff;background:linear-gradient(145deg,#6b5a48,#241f1a);flex-direction:column;justify-content:flex-end;padding:30px;display:flex}.demo-gallery div:nth-child(2){background:linear-gradient(145deg, var(--accent), #32292b)}.demo-gallery div:nth-child(3){background:linear-gradient(145deg,#d9c8ac,#7b674e)}.reveal-gallery.demo-visible div{animation:.9s both gallery-rise}.reveal-gallery.demo-visible div:nth-child(2){animation-delay:.18s}.reveal-gallery.demo-visible div:nth-child(3){animation-delay:.36s}.demo-gallery span{letter-spacing:.2em;font-size:12px}.demo-gallery b{margin-top:10px;font:500 29px Cormorant Garamond}.demo-gifts{text-align:center;background:var(--ink);color:#fff;padding:100px 24px}.demo-rsvp{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1000px;margin:auto;padding:110px 24px;display:grid}.demo-rsvp>button,.demo-rsvp form button{background:var(--accent);color:#fff;cursor:pointer;border:0;padding:18px 25px;font-weight:700}.demo-rsvp form{background:#fff;gap:16px;padding:28px;display:grid}.demo-rsvp label{gap:7px;font-size:12px;font-weight:700;display:grid}.demo-rsvp input,.demo-rsvp select{background:#fff;border:1px solid #cfc5b8;width:100%;padding:13px}.demo-cta{text-align:center;background:#e8d6b2;padding:100px 24px}.quince .demo-cta{background:#dec9d8}.birthday .demo-cta{background:#ffd9bf}.demo-cta p{font-weight:700}.demo-cta a{color:#fff;background:#171512;margin:25px 0 16px;padding:18px 28px;font-weight:700;text-decoration:none;display:inline-block}.demo-cta>span{font-size:12px;display:block}.demo-page footer{color:#fff;letter-spacing:.12em;background:#171512;justify-content:space-between;padding:30px 4vw;font-size:12px;display:flex}@media (max-width:760px){.demo-bar{flex-wrap:wrap}.demo-bar>a:first-child span,.demo-buy-top{display:none}.demo-switch{order:3;justify-content:center;width:100%}.demo-switch button{flex:1;padding:9px 5px}.demo-notice{font-size:11px}.demo-cover{min-height:70vh}.demo-locations,.demo-itinerary,.demo-rsvp{grid-template-columns:1fr}.demo-locations article{min-height:350px;padding:60px 28px}.demo-itinerary{gap:35px;padding:80px 28px}.demo-gallery{grid-template-columns:1fr;min-height:660px}.demo-gallery div{min-height:220px}.demo-page footer{flex-direction:column;gap:12px}.demo-rsvp{padding:80px 28px}.demo-family>div{grid-template-columns:1fr}.demo-family article+article{border-top:1px solid #ded5ca;border-left:0}.demo-qr{grid-template-columns:1fr}.demo-qr>article{width:100%;max-width:360px;margin:auto}}@keyframes demo-intro{0%{opacity:.35;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes curtain-left{0%,55%{transform:none}to{transform:translate(-102%)}}@keyframes curtain-right{0%,55%{transform:none}to{transform:translate(102%)}}@keyframes opening-copy{0%{opacity:0;transform:translateY(25px)}35%,65%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}@keyframes hero-title{0%{opacity:0;letter-spacing:.08em;transform:translateY(70px)scale(.92)}to{opacity:1;transform:none}}@keyframes hero-kicker{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes scroll-bob{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(12px)}}@keyframes timeline-enter{0%{opacity:0;transform:translate(75px)}to{opacity:1;transform:none}}@keyframes gallery-rise{0%{opacity:0;transform:translateY(120px)scale(.92)}to{opacity:1;transform:none}}@keyframes pass-turn{0%{opacity:0;transform:perspective(700px)rotateY(-35deg)translateY(55px)}to{opacity:1;transform:none}}@keyframes door-scan{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}@keyframes music-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.demo-cover{animation:none}.demo-reveal{opacity:1;transition:none;transform:none}}.demo-music{text-align:center;background:#fff;padding:90px 24px}.demo-music small{letter-spacing:.22em;color:var(--accent);font-size:11px;font-weight:700}.demo-music h2{margin:25px 0;font:500 clamp(35px,5vw,65px)/1.08 Cormorant Garamond}.demo-music iframe{border:0;border-radius:14px;width:min(680px,100%);height:152px}.demo-music p{color:#6d655d;font-size:13px}
