@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:light;--paper:#f5f1e7;--olive:#353d27;--gold:#a58141;--muted:#777766}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--olive);font-family:'DM Sans',sans-serif;min-height:100svh;background-image:radial-gradient(ellipse at 0 0,#d6dbc24d,transparent 47%),radial-gradient(ellipse at 100% 95%,#dcc59838,transparent 45%)}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:8px}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.frame{position:fixed;inset:18px;border:1px solid #6e70412b;pointer-events:none;z-index:4}header,footer{display:flex;justify-content:space-between;align-items:center;padding:35px 55px;letter-spacing:.2em;font-size:12px;font-weight:500}header{height:95px}.header-heart{font-size:27px;font-weight:400;color:var(--gold)}main{min-height:calc(100svh - 180px);display:grid;align-items:center}.surprise{text-align:center;padding:20px 24px 25px}.intro{animation:arrive 1s both}.eyebrow{font-size:12px;letter-spacing:.23em;margin:0 0 18px;color:#6b7057;font-weight:500}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0;font-size:clamp(52px,6.2vw,88px)}h1 em,h2 em{font-weight:400;color:#7b7d4a}.subtitle{font-size:17px;line-height:1.6;color:var(--muted);margin:20px 0 0}.gift-button{display:block;position:relative;margin:16px auto 12px;width:min(350px,75vw);border:0;background:none;padding:0;animation:arrive 1.2s .15s both}.gift-image{width:100%;height:auto;display:block;position:relative;z-index:1;animation:float 4.5s ease-in-out infinite;filter:drop-shadow(0 22px 21px #53512721);transition:filter .3s}.gift-button:hover .gift-image{filter:drop-shadow(0 25px 25px #53512740)}.orbit{position:absolute;inset:5% 0 10%;border:1px solid #a5814124;border-radius:50%;transform:scale(1.03)}.orbit:before{content:'';position:absolute;inset:15px;border:1px solid #a5814112;border-radius:50%}.spark{position:absolute;color:var(--gold);font-size:34px;animation:twinkle 3s infinite}.s1{top:18%;left:-4%}.s2{right:-1%;top:53%;animation-delay:1s}.s3{right:12%;top:5%;font-size:16px;animation-delay:.5s}.gift-label{position:relative;display:inline-flex;align-items:center;gap:29px;border-bottom:1px solid #999873;padding:12px 5px 9px;font-size:14px;letter-spacing:.03em;z-index:2}.gift-label span{color:var(--gold);font-size:20px}.whisper{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-style:italic;color:#7a7b66;margin:25px 0 8px;animation:arrive 1.5s .3s both}footer{min-height:85px;gap:20px;font-size:10px;color:#7b7b67}footer b{font-size:15px;margin-left:7px;font-weight:400}.surprise.opening .gift-image{animation:unwrap 1.2s ease-in-out forwards}.surprise.opening .intro,.surprise.opening .whisper,.surprise.opening .gift-label,.surprise.opening .orbit,.surprise.opening .spark{opacity:0;transition:opacity .65s}.reveal{width:min(100%,990px);padding:32px 40px 20px;margin:auto;text-align:center;animation:arrive 1s both}.reveal[hidden],.surprise[hidden]{display:none}.reveal h2{font-size:clamp(48px,5.5vw,72px)}.reveal-copy{font-size:16px;line-height:1.7;margin:17px 0 29px;color:var(--muted)}.card{margin:0 auto;width:min(100%,670px);padding:10px;background:#fffdf6;box-shadow:0 18px 55px #343d2720;transform:rotate(-1.5deg);animation:card-arrive 1.2s both}.card img{display:block;width:100%;height:auto}.trip{display:grid;grid-template-columns:1fr 1fr 1fr;margin:40px auto 0;max-width:790px;gap:18px}.trip>div+div{border-left:1px solid #8e906235}.trip-label{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:10px;color:#777d62}.trip strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:26px}.love-note{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:23px;line-height:1.5;margin:30px 0 15px}.love-note span{display:block;color:var(--gold);font-size:29px;margin-top:10px}.replay{font-size:12px;padding:10px;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;color:#787962}.replay span{margin-left:10px}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8}.confetti i{position:absolute;top:-25px;width:6px;height:12px;background:var(--gold);animation:fall 3.4s ease-in forwards}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-arrive{from{opacity:0;transform:translateY(45px) rotate(2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-1.5deg) scale(1)}}@keyframes unwrap{0%{transform:rotate(-2deg)}15%{transform:rotate(6deg) scale(1.04)}30%{transform:rotate(-7deg) scale(1.04)}45%{transform:rotate(6deg) scale(1.09)}60%{transform:rotate(-3deg) scale(.96);opacity:1}100%{transform:translateY(-40px) scale(1.35);opacity:0;filter:blur(12px)}}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(105vh) rotate(600deg);opacity:0}}@media(min-height:850px) and (min-width:700px){.gift-button{width:390px;margin-top:25px}.surprise{padding-bottom:45px}}@media(max-width:600px){.frame{inset:10px}header,footer{padding:24px 29px}header{height:78px;font-size:10px;letter-spacing:.15em}main{min-height:calc(100svh - 156px)}.surprise{padding:24px 24px 20px}.eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:20px}h1{max-width:360px;margin:auto}h1 em{display:block}.subtitle{font-size:15px;margin-top:18px}.gift-button{width:min(290px,73vw);margin:12px auto}.whisper{font-size:18px;margin-top:24px}footer{font-size:8px;min-height:78px;letter-spacing:.1em}.reveal{padding:25px 25px}.reveal-copy{font-size:15px;max-width:280px;margin:18px auto 27px}.card{padding:6px}.trip{grid-template-columns:1fr;gap:17px;margin-top:30px}.trip>div+div{border-left:0}.trip-label{margin-bottom:4px;font-size:9px}.trip strong{font-size:25px}.love-note{font-size:21px;margin-top:24px}.reveal h2{font-size:51px}.reveal h2 em{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.gift-image{transform:none}.confetti{display:none}}

/* Gift and letter share the same opening screen. */
main{min-height:calc(100svh - 95px);padding-bottom:45px}.choices{display:flex;align-items:center;justify-content:center;gap:55px;margin:24px auto 0;max-width:820px}.choices .gift-button{flex:1;min-width:0;width:100%;max-width:340px;margin:0}.gift-image{aspect-ratio:1;object-fit:contain}.note-image{animation-delay:-1.3s}.surprise.opening .gift-image{animation:none}.gift-button.is-opening .gift-image{animation:unwrap 1.2s ease-in-out forwards}.surprise.opening .gift-button:not(.is-opening){opacity:0;transition:opacity .6s}.reveal .card{margin-top:35px}.reveal .replay{margin-top:28px}.letter-view{width:min(100%,830px);margin:auto;padding:20px 40px 35px;text-align:center;animation:arrive .9s both}.letter-view[hidden]{display:none}.letter-paper{text-align:left;padding:55px 65px;background:#fffdf7;box-shadow:0 14px 60px #343d2714;border:1px solid #a5814120}.letter-paper h2{font-size:39px;line-height:1.2;letter-spacing:-.025em;margin-bottom:35px}.letter-paper p{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.55;margin:0 0 25px}.letter-paper .letter-signoff{font-style:italic;margin:36px 0 0}.letter-view .replay{margin-top:25px}@media(max-width:600px){main{min-height:calc(100svh - 78px);padding-bottom:30px}.choices{gap:16px;margin-top:35px}.choices .gift-button{max-width:230px}.gift-label{font-size:12px;gap:8px;padding:10px 0}.gift-label span{font-size:16px}.choices .spark{font-size:20px}.choices .s1{left:0}.letter-view{padding:15px 22px 25px}.letter-paper{padding:30px 23px}.letter-paper h2{font-size:32px;margin-bottom:28px}.letter-paper p{font-size:21px;line-height:1.55}.letter-paper .letter-signoff{margin-top:25px}}@media(prefers-reduced-motion:reduce){.gift-button.is-opening .gift-image{animation:none}}