:root{--rose-deep:#9b3a4d;--rose-mid:#c45a6a;--rose-soft:#e8a0aa;--blush:#f7d3d7;--peach:#f6c9b8;--paper:#fff7f2;--ink:#3a2428;--ink-soft:#6d4a52;--seal:#b03a4a;--line:#9b3a4d2e;--shadow:#5a28322e;--font-display:"Cormorant Garamond", "Padauk", "Myanmar MN", Georgia, serif;--font-hand:"Caveat", "Padauk", "Myanmar MN", cursive;--font-ui:"Outfit", "Padauk", "Myanmar MN", sans-serif;--font-myanmar:"Padauk", "Myanmar MN", sans-serif;color:var(--ink);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f8e4e2;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}button{font:inherit}img{max-width:100%;display:block}pre{font:inherit;white-space:pre-wrap;word-wrap:break-word;margin:0}.app{min-height:100vh;position:relative}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atmosphere__wash{background:radial-gradient(80% 55% at 50% -10%,#ffece4f2,#0000 60%),radial-gradient(60% 50% at 100% 20%,#f4b4a873,#0000 55%),radial-gradient(55% 45% at 0 80%,#e8a0aa66,#0000 50%),linear-gradient(165deg,#fde8e4 0%,#f4cfc8 42%,#ecc0c4 100%);position:absolute;inset:0}.atmosphere__bloom{filter:blur(40px);opacity:.55;border-radius:50%;animation:14s ease-in-out infinite alternate bloom-drift;position:absolute}.atmosphere__bloom--a{background:#f6c9b8b3;width:min(48vw,420px);height:min(48vw,420px);top:12%;left:-8%}.atmosphere__bloom--b{background:#e496a08c;width:min(42vw,360px);height:min(42vw,360px);animation-delay:-4s;bottom:18%;right:-6%}.atmosphere__hearts,.timeline__hearts,.heart-particles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atmosphere__hearts{opacity:.7}@keyframes bloom-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-24px)scale(1.08)}}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(2rem,6vw,4rem) 1.25rem 3rem;display:flex;position:relative}.hero__brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--rose-deep);margin:0;font-size:clamp(3.4rem,12vw,6.5rem);font-style:italic;font-weight:600;line-height:.9;animation:.9s both rise-in}.hero__title{max-width:16ch;font-family:var(--font-display);color:var(--ink);margin:.85rem 0 0;font-size:clamp(1.35rem,3.4vw,1.85rem);font-weight:400;line-height:1.25;animation:.9s .12s both rise-in}.hero__lede{max-width:34ch;color:var(--ink-soft);margin:.85rem 0 0;font-size:.98rem;font-weight:300;line-height:1.55;animation:.9s .22s both rise-in}.hero__stage{perspective:1200px;place-items:center;width:min(100%,420px);min-height:280px;margin-top:clamp(1.75rem,5vw,2.75rem);transition:min-height .7s;animation:1s .32s both rise-in;display:grid;position:relative}.app.is-opened .hero__stage{min-height:460px}.app.is-opened .hero__title,.app.is-opened .hero__lede{opacity:.55;transition:opacity .6s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.envelope{aspect-ratio:1.45;cursor:pointer;z-index:2;background:0 0;border:0;width:min(88vw,320px);padding:0;transition:transform .45s;position:relative}.envelope:not(.is-open):hover{transform:translateY(-6px)scale(1.02)}.envelope:not(.is-open):hover .envelope__hint{opacity:1;transform:translate(-50%)translateY(0)}.envelope.is-open{cursor:default;animation:.8s forwards envelope-settle}@keyframes envelope-settle{to{opacity:.35;transform:translateY(40px)scale(.92)}}.envelope__shadow{background:radial-gradient(ellipse at center, var(--shadow), transparent 70%);filter:blur(6px);height:18%;transition:opacity .5s;position:absolute;bottom:-10%;left:8%;right:8%}.envelope.is-open .envelope__shadow{opacity:.35}.envelope__body{box-shadow:inset 0 1px 0 #ffffff59, 0 18px 40px var(--shadow);background:linear-gradient(145deg,#f0b8b0 0%,#e09898 48%,#d87f8a 100%);border-radius:4px 4px 10px 10px;position:absolute;inset:0;overflow:hidden}.envelope__pocket{background:linear-gradient(#0000 38%,#9b3a4d14 100%),linear-gradient(135deg,#0000 49.5%,#7828371f 50%,#0000 50.5%),linear-gradient(225deg,#0000 49.5%,#7828371f 50%,#0000 50.5%);position:absolute;inset:0}.envelope__address{font-family:var(--font-hand);color:#fff7f2eb;letter-spacing:.04em;font-size:clamp(1.6rem,5vw,2rem);position:absolute;bottom:18%;left:0;right:0}.envelope__seal{background:radial-gradient(circle at 35% 30%, #d85a68, var(--seal) 55%, #8a2d3c 100%);z-index:3;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .55s,opacity .55s;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #5a1e2859,inset 0 1px #ffffff40}.envelope.is-open .envelope__seal{opacity:0;transform:translate(-50%,-50%)scale(.6)}.envelope__seal-heart{color:#fff0eef2;width:22px;height:22px}.envelope__flap{transform-origin:top;height:56%;transform-style:preserve-3d;z-index:4;pointer-events:none;transition:transform .85s cubic-bezier(.65,.05,.36,1);position:absolute;top:0;left:0;right:0}.envelope__flap.is-open{transform:rotateX(178deg)}.envelope__flap-inner{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;background:linear-gradient(#f3c2b8 0%,#e49a98 100%);width:100%;height:100%;display:block;box-shadow:inset 0 -1px #fff3}.envelope__hint{font-family:var(--font-hand);color:var(--rose-deep);opacity:.75;white-space:nowrap;font-size:1.35rem;transition:opacity .3s,transform .3s;position:absolute;bottom:-2.4rem;left:50%;transform:translate(-50%)translateY(6px)}.letter{pointer-events:none;opacity:0;z-index:5;justify-content:center;transition:opacity .7s,transform .85s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:auto 0 0;transform:translateY(40px)scale(.94)}.letter.is-visible{opacity:1;pointer-events:auto;transform:translateY(-12%)scale(1)}.letter__paper{background:linear-gradient(180deg, #ffffff59, transparent 28%), repeating-linear-gradient(transparent, transparent 27px, #9b3a4d14 28px), var(--paper);width:min(92vw,380px);min-height:320px;box-shadow:0 1px 0 #ffffffb3, 0 24px 50px var(--shadow);text-align:left;border-radius:2px;padding:1.6rem 1.5rem 1.4rem;transform:rotate(-1.2deg)}.letter__eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--rose-mid);margin:0 0 1rem;font-size:.85rem;font-style:italic}.letter__body{font-family:var(--font-hand);color:var(--ink);min-height:12em;font-size:clamp(1.25rem,3.6vw,1.45rem);line-height:1.85}.letter__caret{background:var(--rose-deep);vertical-align:text-bottom;width:.08em;height:1.05em;margin-left:1px;animation:.85s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.letter__continue{font-family:var(--font-display);color:var(--rose-deep);margin:1.25rem 0 0;font-size:1.05rem;font-style:italic;animation:.6s both rise-in}.scrapbook{z-index:1;padding:1rem 0 5rem;animation:.8s both rise-in;position:relative}.section-intro{text-align:center;width:min(92vw,640px);margin:0 auto 2.5rem}.section-kicker{font-family:var(--font-display);color:var(--rose-mid);margin:0;font-size:1.05rem;font-style:italic}.section-intro h2{font-family:var(--font-display);color:var(--rose-deep);margin:.35rem 0 0;font-size:clamp(2rem,6vw,3rem);font-weight:600;line-height:1.1}.section-copy{max-width:36ch;color:var(--ink-soft);margin:.75rem auto 0;font-weight:300;line-height:1.55}.gallery{padding:3rem 0 2rem}.gallery__track{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,2.5vw,1.75rem);width:min(1100px,92vw);margin:0 auto;display:grid}.gallery__frame{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff7f2b8;border:1px solid #ffffff8c;margin:0;padding:.7rem .7rem 1rem;animation:.7s both rise-in}.gallery__frame--1{transform:rotate(-1.5deg)}.gallery__frame--2{transform:rotate(1.2deg)}.gallery__frame--3{transform:rotate(-.6deg)}.gallery__frame:hover{transition:transform .35s;transform:rotate(0)translateY(-6px)}.gallery__image-wrap{aspect-ratio:4/5;background:linear-gradient(145deg, var(--blush), var(--peach));overflow:hidden}.gallery__image-wrap picture{width:100%;height:100%;display:block}.gallery__image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.gallery__frame:hover .gallery__image-wrap img{transform:scale(1.05)}.gallery__frame figcaption{font-family:var(--font-hand);text-align:center;color:var(--ink-soft);margin-top:.7rem;font-size:1.25rem}.timeline{margin-top:3.5rem;padding:3.5rem 1.25rem 2rem;position:relative;overflow:hidden}.timeline__hearts{opacity:.55}.timeline__list{width:min(640px,100%);margin:0 auto;padding:0;list-style:none;position:relative}.timeline__list:before{content:"";background:linear-gradient(180deg, transparent, var(--line), transparent);width:1px;position:absolute;top:8px;bottom:8px;left:17px}.timeline__item{grid-template-columns:36px 1fr;gap:1rem;padding:0 0 2rem;animation:.7s both rise-in;display:grid;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__marker{z-index:1;place-items:center;width:36px;height:36px;display:grid;position:relative}.timeline__heart{background:var(--rose-mid);width:14px;height:14px;animation:2.4s ease-in-out infinite heart-pulse;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.2-4.6-9.5-9.1C.8 8.4 2.4 5.5 5.5 5.5c1.8 0 3.3 1 4.1 2.4.8-1.4 2.3-2.4 4.1-2.4 3.1 0 4.7 2.9 3 6.4C19.2 16.4 12 21 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.2-4.6-9.5-9.1C.8 8.4 2.4 5.5 5.5 5.5c1.8 0 3.3 1 4.1 2.4.8-1.4 2.3-2.4 4.1-2.4 3.1 0 4.7 2.9 3 6.4C19.2 16.4 12 21 12 21z'/%3E%3C/svg%3E") 50%/contain no-repeat}@keyframes heart-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.timeline__content{padding-bottom:.25rem}.timeline__date{font-family:var(--font-display);color:var(--rose-mid);margin:0;font-size:.95rem;font-style:italic}.timeline__content h3{font-family:var(--font-display);color:var(--ink);margin:.15rem 0 .4rem;font-size:clamp(1.45rem,3vw,1.75rem);font-weight:600}.timeline__content p:last-child{max-width:42ch;color:var(--ink-soft);margin:0;font-weight:300;line-height:1.55}.timeline__closing{text-align:center;width:min(640px,100%);font-family:var(--font-hand);color:var(--rose-deep);margin:3rem auto 0;font-size:clamp(1.6rem,4vw,2.1rem);animation:.8s .4s both rise-in;position:relative}@media (width<=640px){.hero{justify-content:flex-start;padding-top:3.5rem}.hero__stage{min-height:300px}.letter.is-visible{transform:translateY(-6%)scale(1)}.app.is-opened .envelope{animation:.8s forwards envelope-settle-mobile}@keyframes envelope-settle-mobile{to{opacity:.25;transform:translateY(70px)scale(.88)}}.gallery__track{grid-template-columns:1fr;gap:1rem}.gallery__frame{padding:.45rem .45rem .7rem}.gallery__frame figcaption{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}