:root{--ink:#1d1410;--ink-soft:#3d2f27;--paper:#f1e6d2;--paper-deep:#e4d4b8;--paper-shadow:#c9b58f;--gold:#c9a24c;--gold-soft:#e6c77f;--night:#120d0a;--night-warm:#1e1410;--dawn:#f6efe4;--dawn-rose:#eadbcf;--font-serif:"Cormorant Garamond", "Georgia", "Times New Roman", serif;--font-script:"Pinyon Script", "Brush Script MT", cursive;--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}html{background:var(--night);color:var(--paper);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none;overflow-x:hidden}body[data-phase=envelope],body[data-phase=letter],body[data-phase=gate]{height:100dvh;overflow:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:4px}::selection{background:#c9a24c59}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grain{pointer-events:none;opacity:.08;mix-blend-mode:soft-light;z-index:60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;width:200%;height:200%;animation:1.2s steps(6,end) infinite grain-shift;position:fixed;inset:-50%}@media (prefers-reduced-motion:reduce){.grain{animation:none}}@keyframes grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.kicker{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;opacity:.6;font-size:.7rem;font-weight:300}.mute{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:80;font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#f1e6d299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #f1e6d229;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.7rem;transition:color .3s,border-color .3s;display:inline-flex;position:fixed}.mute:hover{color:var(--paper);border-color:#f1e6d266}.mute[data-light=true]{color:#1d141099;border-color:#1d141033}.mute[data-light=true]:hover{color:var(--ink)}.mute__dot{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.mute[data-muted=false] .mute__dot{background:var(--gold);opacity:1;box-shadow:0 0 10px var(--gold)}.gate{background:radial-gradient(ellipse 70% 55% at 50% 40%, #c9a24c29, transparent 70%), radial-gradient(ellipse 100% 100% at 50% 100%, #1e1410, var(--night) 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate__inner{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;width:min(100%,360px);display:flex}.gate__name{color:var(--gold-soft);filter:drop-shadow(0 0 22px #c9a24c59);margin:0;font-size:clamp(3.5rem,12vw,5.5rem);font-weight:400;line-height:1.1}.gate__prompt{color:#f1e6d2b3;margin:.4rem 0 0;font-size:1.15rem;font-style:italic}.gate__input{text-align:center;width:100%;font-family:var(--font-serif);letter-spacing:.3em;color:var(--paper);background:0 0;border:0;border-bottom:1px solid #f1e6d240;margin-top:.6rem;padding:.9rem 0;font-size:1.6rem;transition:border-color .4s}.gate__input:focus{border-bottom-color:var(--gold);outline:none}.gate__input[aria-invalid=true]{border-bottom-color:#b5583f}.gate__submit{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-soft);border:1px solid #c9a24c66;border-radius:999px;margin-top:.4rem;padding:.85rem 2rem;font-size:.72rem;transition:background .4s,color .4s,border-color .4s}.gate__submit:hover{background:var(--gold);color:var(--night);border-color:var(--gold)}.gate__error{color:#d08a75;opacity:0;min-height:1.4em;margin:0;font-size:1rem;font-style:italic;transition:opacity .4s}.gate__error[data-visible=true]{opacity:1}.envelope-stage{background:radial-gradient(ellipse 80% 60% at 65% 30%, #ffbe781f, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 110%, #22160f, var(--night) 65%);touch-action:manipulation;cursor:pointer;position:fixed;inset:0}.envelope-stage__scene{opacity:0;position:absolute;inset:0}.envelope-stage[data-ready=true] .envelope-stage__scene{opacity:1}.envelope3d{inset:0;position:absolute!important}.envelope3d__name{color:#2b1d15;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:46px;line-height:1.2}.envelope-stage__hint,.envelope-stage__line{z-index:2;text-align:center;pointer-events:none;opacity:0;margin:0;position:absolute;left:50%;transform:translate(-50%)}.envelope-stage__hint{bottom:max(11vh, calc(env(safe-area-inset-bottom) + 64px));font-family:var(--font-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--paper);font-size:.7rem;font-weight:300}.envelope-stage__line{width:min(88vw,520px);color:var(--ink-soft);filter:drop-shadow(0 0 14px #f1e6d2e6);z-index:3;font-size:clamp(1.7rem,5.6vw,2.5rem);line-height:1.3;top:50%;translate:0 -50%}.envelope-stage__line [data-tegaki=root]{text-align:center}.envelope-stage__veil{background:var(--paper);opacity:0;pointer-events:none;position:absolute;inset:0}.envelope-lite{perspective:1400px;transform-origin:50%;place-items:center;display:grid;position:absolute;inset:0}.envelope-lite__env{--w:min(78vw, 520px);--h:calc(var(--w) * .656);width:var(--w);height:var(--h);transform-style:preserve-3d;filter:drop-shadow(0 40px 60px #0000008c);animation:7s ease-in-out infinite lite-float;position:relative}.envelope-lite__env.is-opening{animation:none}@keyframes lite-float{0%,to{transform:rotateY(-3deg)rotateX(1deg)translateY(0)}50%{transform:rotateY(3deg)rotateX(-1deg)translateY(-6px)}}.envelope-lite__back,.envelope-lite__pocket,.envelope-lite__flap,.envelope-lite__letter{backface-visibility:visible;position:absolute;inset:0}.envelope-lite__back{background:#d9c6a3;border-radius:3px}.envelope-lite__letter{transform-style:preserve-3d;background:repeating-linear-gradient(0deg,#0000 0 22px,#3c28140d 22px 23px),#f4ead7;inset:6%;transform:translateZ(1px);box-shadow:0 8px 30px #00000040}.envelope-lite__pocket{background:#efe3cc;transform:translateZ(2px)}.envelope-lite__pocket--left{clip-path:polygon(0 0,0 100%,50% 58%)}.envelope-lite__pocket--right{clip-path:polygon(100% 0,100% 100%,50% 58%);background:#e6d6b8}.envelope-lite__pocket--bottom{clip-path:polygon(0 100%,100% 100%,50% 58%);transform:translateZ(3px);box-shadow:inset 0 -30px 40px #0000000a}.envelope-lite__flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;height:62%;transform-style:preserve-3d;background:linear-gradient(#f1e6d2,#e8d9bb);transform:translateZ(4px)rotateX(0)}.envelope-lite__seal{width:calc(var(--w) * .19);height:calc(var(--w) * .19);background:radial-gradient(circle at 35% 30%,#f1d78d,#c9a24c 55%,#8f6c25);border-radius:50%;place-items:center;display:grid;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)translateZ(6px);box-shadow:0 0 22px 2px #c9a24c59,0 6px 14px #0000004d}.envelope-lite__bunny{filter:drop-shadow(0 1px 1px #50370a8c)drop-shadow(0 -1px #fff5d280);width:100%;height:100%;display:block}.envelope-lite__name{font-size:calc(var(--w) * .095);color:#2b1d15;white-space:nowrap;pointer-events:none;line-height:1.2;position:absolute;top:84%;left:50%;transform:translate(-50%,-50%)translateZ(5px)}.letter{background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.ink-paper{inset:0;position:absolute!important}.letter__paper-lite{background:radial-gradient(ellipse 80% 70% at 30% 25%, #ffffff59, transparent 70%), radial-gradient(ellipse 120% 120% at 50% 50%, transparent 40%, #5a3c1e38 100%), var(--paper);position:absolute;inset:0}.letter__sheet{scrollbar-width:none;opacity:0;width:min(92vw,620px);max-height:100dvh;padding:clamp(28px,8vh,96px) clamp(20px,5vw,48px) clamp(80px,12vh,140px);position:relative;overflow-y:auto}.letter__sheet::-webkit-scrollbar{display:none}.letter__greeting{color:#2b1d15;font-size:clamp(2.6rem,9vw,3.6rem);line-height:1.25;margin-bottom:clamp(16px,3vh,28px)!important}.letter__paragraph{color:var(--ink);font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.45}.letter__paragraph+.letter__paragraph{margin-top:1em!important}.letter__cta{font-family:var(--font-serif);color:var(--ink-soft);opacity:0;align-items:center;gap:.9rem;margin-top:clamp(34px,7vh,64px);font-size:1.35rem;font-style:italic;display:inline-flex}.letter__cta i{transform-origin:0;width:44px;height:1px;transition:transform .6s var(--ease-out);background:currentColor;display:block}.letter__cta:hover i{transform:scaleX(1.5)}.letter__cta[aria-hidden=true]{pointer-events:none}.journey{opacity:0;background:var(--night);position:relative}.journey__backdrop{z-index:0;pointer-events:none;opacity:.9;transition:opacity 1.2s;position:fixed;inset:0}body[data-phase=journey] .journey__backdrop canvas{width:100%!important;height:100%!important}.scene{z-index:1;min-height:260dvh;position:relative}.scene__frame{height:100dvh;position:sticky;top:0;overflow:hidden}.photo-plane{position:absolute;inset:0;overflow:hidden}.photo-plane canvas{display:block;width:100%!important;height:100%!important}.photo-plane--lite img{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%}.memory{min-height:300dvh}.memory__photo{filter:saturate(.9)contrast(1.05)}.memory__shade{pointer-events:none;background:linear-gradient(#0000 40%,#0a060433 62%,#0a0604d9 100%),linear-gradient(#0a060480,#0000 25%);position:absolute;inset:0}.memory__kicker{top:max(28px, env(safe-area-inset-top));color:var(--paper);opacity:0;margin:0;position:absolute;left:24px}.memory__subs{text-align:center;width:min(88vw,640px);position:absolute;bottom:max(14vh,96px);left:50%;transform:translate(-50%)}.memory__line{color:var(--paper);filter:drop-shadow(0 2px 14px #000000b3);opacity:0;margin:0;font-size:clamp(1.45rem,5vw,2rem);line-height:1.35;position:absolute;inset:auto 0 0}.memory__line [data-tegaki=root],.pride__text [data-tegaki=root],.home__text [data-tegaki=root],.horizon__text [data-tegaki=root],.echo__inner [data-tegaki=root]{text-align:center}.admire{background:#0f0b09;min-height:420dvh}.admire .scene__frame{background:radial-gradient(60% 45% at 50% 62%,#c9a24c1a,#0000 70%),#0f0b09;place-items:center;display:grid}.admire__kicker{top:max(28px, env(safe-area-inset-top));color:var(--paper);opacity:0;margin:0;position:absolute;left:24px}.admire__table{aspect-ratio:4/5.6;width:min(74vw,320px);margin:0;padding:0;list-style:none;position:relative}.admire__card{color:#1d1410;transform-origin:50% 90%;opacity:0;translate:calc(var(--i) * 4px) calc(var(--i) * -3px);background:#f5efe3;border-radius:2px;padding:10px 10px 16px;position:absolute;inset:0;box-shadow:0 30px 60px #0000008c,0 2px 6px #0000004d}.admire__card img{aspect-ratio:1/1.08;object-fit:cover;filter:saturate(.85)contrast(1.05)sepia(.15);width:100%}.admire__caption{color:#2a1e17;font-size:1.05rem;line-height:1.35;margin:12px 4px 0!important}.pride{background:#16100c}.pride .scene__frame{background:#16100c;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4dvh,40px);padding:6dvh 0 max(6dvh,40px);display:flex}.pride__glow{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(45% 40% at 50% 42%,#e6c77f61,#c9a24c14 45%,#0000 70%);position:absolute;inset:-20%}.pride__portrait{aspect-ratio:4/5;opacity:0;flex:none;max-width:82vw;height:clamp(220px,44dvh,460px);position:relative;box-shadow:0 40px 90px #0009,0 0 80px #c9a24c26}.pride__portrait .photo-plane{border-radius:2px}.pride__text{z-index:2;text-align:center;width:min(90vw,560px);color:var(--paper);margin:0 auto;position:relative}.pride__kicker{opacity:0;margin:0 0 14px}.pride__lead{color:var(--gold-soft);font-size:clamp(1.6rem,5.6vw,2.2rem);line-height:1.3}.pride__body{color:#f1e6d2d9;font-size:clamp(1.2rem,4.2vw,1.5rem);line-height:1.45;margin-top:12px!important}.pride__close{color:var(--paper);font-size:clamp(1.4rem,4.8vw,1.8rem);margin-top:16px!important}.home{background:var(--paper-deep);color:var(--ink)}.home .scene__frame{background:radial-gradient(ellipse 80% 50% at 50% 30%, #ffffff59, transparent 70%), var(--paper-deep);grid-template-rows:auto 1fr auto;display:grid}.home__kicker{margin:max(28px, env(safe-area-inset-top)) 24px 0;color:var(--ink);opacity:0}.home__pair{justify-content:center;align-items:center;gap:0;padding:3vh 4vw;display:flex;position:relative}.home__a,.home__b{aspect-ratio:3/4;opacity:0;background:#fff;width:min(42vw,250px);max-height:46dvh;padding:8px;box-shadow:0 30px 60px #3c28144d}.home__a .photo-plane,.home__b .photo-plane{width:100%;height:100%;position:relative;inset:auto}.home__text{text-align:center;width:min(90vw,560px);margin:0 auto;padding-bottom:max(7vh,48px)}.home__line{color:var(--ink);font-size:clamp(1.3rem,4.6vw,1.7rem);line-height:1.45}.home__line+.home__line{margin-top:.45em!important}.horizon{background:var(--dawn);color:var(--ink)}.horizon .scene__frame{background:linear-gradient(to bottom, #f9f3ea 0%, var(--dawn) 45%, var(--dawn-rose) 100%);place-items:center;display:grid}.horizon__frame{transform-origin:50% 30%;position:absolute;inset:0 0 38%}.horizon__frame .photo-plane{border-radius:4px}.horizon__text{text-align:center;width:min(90vw,600px);position:absolute;bottom:max(6dvh,44px);left:50%;transform:translate(-50%)}.horizon__kicker{color:var(--ink);opacity:0;margin:0 0 22px}.horizon__line{color:var(--ink);font-size:clamp(1.2rem,4.2vw,1.5rem);line-height:1.45}.horizon__line+.horizon__line{margin-top:.4em!important}.horizon__final{color:#2b1d15;font-size:clamp(1.8rem,6.4vw,2.5rem);line-height:1.25;margin-top:.9em!important}.scene.echo{min-height:100dvh;padding:12vh 24px calc(12vh + env(safe-area-inset-bottom));background:radial-gradient(ellipse 80% 70% at 30% 25%, #fff6, transparent 70%), var(--paper);color:var(--ink);place-items:center;display:grid}.echo__inner{text-align:center;width:min(92vw,520px)}.echo__photo{background:#fff;width:min(52vw,220px);margin:0 auto 32px;padding:8px 8px 12px;transform:rotate(-2deg);box-shadow:0 20px 50px #3c281438}.echo__photo img{aspect-ratio:1;object-fit:cover;filter:saturate(.85)sepia(.12);width:100%}.echo__line{color:var(--ink);font-size:clamp(1.5rem,5.2vw,2rem);line-height:1.4}.echo__date{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin:28px 0 0;font-size:.72rem;font-weight:300}.echo__signoff{flex-direction:column;align-items:center;gap:2px;margin:36px 0 0;display:flex}.echo__signoff-line{color:var(--ink-soft);font-size:1.3rem;line-height:1.4}.echo__signature{color:#2b1d15;font-size:clamp(2.8rem,9.5vw,3.8rem);line-height:1.25}.echo__again{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);border:1px solid #1d141040;border-radius:999px;margin-top:52px;padding:.8rem 1.6rem;font-size:.7rem;transition:background .4s,color .4s}.echo__again:hover{background:var(--ink);color:var(--paper)}@media (width<=480px){.scene{min-height:240dvh}.home__a,.home__b{padding:5px}}