@font-face{font-family:Great Vibes;src:url('/assets/great-vibes.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant Garamond;src:url('/assets/cormorant.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/nunito.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--rose:#a34c65;--ink:#705349;--cream:#fff9f0;--muted:#876e61;--soft:#edc8cb}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#f5e4e0}body{font-family:Nunito,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,.pages:focus-visible{outline:2px solid var(--rose);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}p,h1,h2{margin:0}.invitation{position:relative;width:100%;height:100svh;margin:auto;background:var(--cream);overflow:hidden}.pages{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pages::-webkit-scrollbar{display:none}.page{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;scrollbar-width:none;background:var(--cream) url('/assets/aquarela.webp') center center/100% 100% no-repeat}.content{position:relative;width:88%;max-width:400px;margin:0 auto;text-align:center}.cover-content{padding-top:34svh}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;color:#8e655e}h1{font-family:Great Vibes,cursive;font-weight:400;font-size:clamp(78px,22vw,105px);line-height:1.03;color:var(--rose);margin:8px 0 0;padding-right:12px}.age{display:inline-flex;align-items:center;gap:15px;letter-spacing:1px;font-size:12px;font-weight:700;color:#8b6455;background:#f6e3bf;border:1px solid #eccd92;border-radius:4px;padding:4px 20px;transform:rotate(-2deg);margin-top:1px}.age span{color:var(--rose);font-size:13px}.theme{font:italic 500 clamp(28px,8vw,36px)/.98 Cormorant Garamond,Georgia,serif;color:var(--rose);margin:16px 0 11px}.intro{font-size:12px;line-height:1.6}.date-line{display:flex;align-items:center;justify-content:center;gap:25px;margin:12px auto 8px;color:#b68b46}.date-line>span{font-size:20px}.date-line p{display:flex;align-items:center;gap:10px;color:var(--rose)}.date-line strong{font:500 34px/1 Georgia,serif}.date-line p span{font-size:9px;font-weight:700;letter-spacing:2px}.text-button{border:0;background:none;padding:8px 10px;font-size:11px;font-weight:700;color:var(--rose)}.text-button span{margin:0 5px}.details-content{padding-top:34svh}.party-title{font:italic 500 clamp(31px,8.7vw,39px)/1.02 Cormorant Garamond,Georgia,serif;color:var(--rose);margin:16px 0 10px}.details-intro{font-size:12px;line-height:1.6}.date-pair{display:flex;justify-content:center;align-items:center;gap:22px;margin:19px 0}.date-pair p{display:flex;flex-direction:column;gap:7px}.date-pair strong{font:500 29px/1 Georgia,serif;color:var(--rose)}.date-pair p span{font-size:8px;font-weight:700;letter-spacing:1.4px}.date-divider{height:33px;width:1px;background:#dfbcad}.venue{display:flex;gap:9px;justify-content:center;align-items:center}.venue svg{width:20px;height:24px;fill:none;stroke:var(--rose);stroke-width:1.3;flex-shrink:0}.venue p{display:flex;flex-direction:column;gap:5px;text-align:left}.venue strong{font-size:13px;font-weight:700}.venue p span{font-size:10px}.placeholder-note{margin-top:13px;font-size:10px;line-height:1.5;color:#79655a}.closing{font:italic 500 22px/1.2 Cormorant Garamond,Georgia,serif;color:var(--rose);margin:15px 0 6px}.navigation{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:10px 14px;width:max-content;border-radius:40px;background:rgba(255,249,240,.94);border:1px solid rgba(176,103,111,.2);box-shadow:0 4px 20px #8a5e5410}.navigation-center{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:155px}.navigation-center>span{font-size:7px;letter-spacing:1.5px;font-weight:700;color:#865547}.dots{display:flex;gap:10px}.dot{position:relative;width:9px;height:9px;background:#dfbcb8;padding:0;border:0;border-radius:50%;transition:background .2s,transform .2s}.dot:before{content:'';position:absolute;inset:-10px}.dot.active{background:var(--rose);transform:scale(1.12)}.arrow{border:0;background:transparent;width:30px;height:32px;display:grid;place-items:center;padding:3px;color:var(--rose)}.arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.arrow:disabled{opacity:.25}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(min-width:600px){body{display:grid;place-items:center}.invitation{max-width:440px;height:min(100svh,900px);box-shadow:0 10px 80px #96626930}.cover-content,.details-content{padding-top:calc(min(100svh,900px)*.34)}h1{font-size:99px}.theme{font-size:35px}.party-title{font-size:38px}}
@media(max-height:760px){h1{font-size:76px}.eyebrow{font-size:8px;letter-spacing:1.7px}.theme{font-size:28px;margin:12px 0 8px}.intro,.details-intro{font-size:11px;line-height:1.5}.date-line{margin:8px auto 4px}.date-line strong{font-size:29px}.text-button{padding:6px 8px;font-size:10px}.party-title{font-size:30px;margin:12px 0 8px}.date-pair{margin:14px 0}.date-pair strong{font-size:26px}.closing{margin:10px 0 3px}.placeholder-note{margin-top:10px}.navigation{bottom:max(13px,env(safe-area-inset-bottom));padding:8px 12px}}
@media(max-height:640px){.cover-content,.details-content{padding-top:31svh;padding-bottom:130px}h1{font-size:65px}.theme{font-size:25px;margin:8px 0 6px}.intro{font-size:10px}.cover .date-line{margin-top:7px}.page{background-size:100% max(100%,640px);background-position:top center}.navigation{bottom:10px}.party-title{font-size:27px}.date-pair{margin:10px 0}.details-intro{font-size:10px}.placeholder-note{font-size:9px}.closing{font-size:20px}}
.page{background:var(--cream);isolation:isolate}.page:before,.page:after{content:'';position:absolute;left:0;width:100%;pointer-events:none;background-image:url('/assets/aquarela.webp');background-size:100% auto;background-repeat:no-repeat;z-index:-1}.page:before{top:0;height:40%;background-position:top center;mask-image:linear-gradient(#000 80%,transparent)}.page:after{bottom:0;height:30%;background-position:bottom center;mask-image:linear-gradient(transparent,#000 18%)}.cover-content,.details-content{padding-top:29svh}
@media(min-width:600px){.cover-content,.details-content{padding-top:calc(min(100svh,900px)*.29)}}
@media(max-height:640px){.cover-content,.details-content{padding-top:32svh}.page:before{height:40%}.page:after{height:24%}}
@media(prefers-reduced-motion:reduce){.dot{transition:none}}