@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f7f5f2;color:#2b2f32;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f7f5f2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#c4b583;color:#0f1115}#root{min-height:100vh;background-color:#f7f5f2;scroll-behavior:smooth}.petal{position:fixed;width:100%;top:-340px;left:0;text-align:left;pointer-events:none;z-index:1}.petal span{display:inline-block;overflow:hidden;width:5px;height:5px;border-radius:200px 10px 200px 200px;background:linear-gradient(to bottom,#faaca8,#ddd6f3);z-index:1;transform:skew(30deg);backface-visibility:visible;animation:fallingSakura1 8s ease infinite}.petal{position:fixed;width:100%;top:-260px;left:0;text-align:left;pointer-events:none;z-index:1}.petal span{display:inline-block;overflow:hidden;width:5px;height:5px;border-radius:200px 10px 200px 200px;background:linear-gradient(to bottom,#faaca8,#ddd6f3);transform:skew(30deg);backface-visibility:visible;animation:fallingSakura1 8s ease infinite}.petal span:nth-of-type(3n+2){animation:fallingSakura2 8s ease infinite}.petal span:nth-of-type(3n+1){animation:fallingSakura3 8s ease infinite}.petal span:nth-of-type(n){animation-delay:-1.9s}.petal span:nth-of-type(2n){animation-delay:3.9s}.petal span:nth-of-type(3n){animation-delay:2.3s}.petal span:nth-of-type(4n){animation-delay:4.4s}.petal span:nth-of-type(5n){animation-delay:5s}.petal span:nth-of-type(6n){animation-delay:3.5s}.petal span:nth-of-type(7n){animation-delay:2.8s}.petal span:nth-of-type(8n){animation-delay:1.5s}.petal span:nth-of-type(9n){animation-delay:3.3s}.petal span:nth-of-type(10n){animation-delay:2.5s}.petal span:nth-of-type(11n){animation-delay:1.2s}.petal span:nth-of-type(12n){animation-delay:4.1s}.petal span:nth-of-type(13n){animation-delay:5.8s}.petal span:nth-of-type(14n){animation-delay:-.1s}.petal span:nth-of-type(15n){animation-delay:6.3s}.petal span:nth-of-type(16n){animation-delay:-1s}.petal span:nth-of-type(17n){animation-delay:7.4s}.petal span:nth-of-type(18n){animation-delay:-.3s}.petal span:nth-of-type(19n){animation-delay:8.3s}.petal span:nth-of-type(20n){animation-delay:-.6s}.petal span:nth-of-type(21n){animation-delay:7.7s}.petal span:nth-of-type(2n+2){background:linear-gradient(to right,#fffbd5,#f15f79)}.petal span:nth-of-type(3n+1){background:linear-gradient(to right,#dd5e89,#f7bb97)}.petal span:nth-of-type(3n+2){border-radius:20px 1px}.petal span:nth-of-type(3n+3){transform:rotateX(-180deg)}.petal span:nth-of-type(3n+2){animation-duration:12s}.petal span:nth-of-type(4n+2){animation-duration:9s}.petal span:nth-of-type(5n+2){width:12px;height:12px;box-shadow:1.5px 1.5px 8px #fc7bd1}.petal span:nth-of-type(4n+3){width:10px;height:10px;box-shadow:1px 1px 6px #fc7bd1}.petal span:nth-of-type(n){height:23px;width:30px}.petal span:nth-of-type(odd){height:11px;width:16px}.petal span:nth-of-type(3n+2){height:17px;width:23px}@keyframes fallingSakura1{0%{transform:translateZ(0) rotateX(0);opacity:1}to{transform:translate3d(400px,1200px,0) rotateX(-290deg);opacity:.3}}@keyframes fallingSakura2{0%{transform:translateZ(0) rotateX(-20deg);opacity:1}to{transform:translate3d(200px,1200px,0) rotateX(-70deg);opacity:.2}}@keyframes fallingSakura3{0%{transform:translateZ(0) rotateX(90deg);opacity:1}to{transform:translate3d(500px,1200px,0) rotateX(290deg);opacity:0}}.lotr-landing{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;padding:clamp(16px,4vw,32px);background:radial-gradient(1200px 720px at 50% 24%,rgba(248,223,170,.08),transparent 60%),radial-gradient(1200px 680px at 50% 82%,rgba(0,0,0,.5),transparent 70%),#1c1610;color:#e8dec5;overflow:hidden;isolation:isolate;pointer-events:auto}.lotr-landing:before{content:"";position:absolute;inset:-6%;background:radial-gradient(140% 140% at 50% 50%,rgba(255,226,171,.1),transparent 65%),radial-gradient(120% 120% at 50% 18%,rgba(255,255,255,.08),transparent 45%),linear-gradient(180deg,#00000052,#0000007a);mix-blend-mode:soft-light;pointer-events:none;z-index:0}.lotr-landing__cinematic{position:absolute;inset:-12%;z-index:2;pointer-events:none;opacity:0;transition:opacity .24s ease;filter:saturate(1.15) contrast(1.05)}.lotr-landing--exiting .lotr-landing__cinematic{opacity:1}.lotr-landing__flash{position:absolute;inset:0;background:radial-gradient(320px 240px at 50% 38%,rgba(255,255,255,.34),transparent 60%),radial-gradient(720px 520px at 50% 60%,rgba(255,255,255,.18),transparent 80%);mix-blend-mode:screen;opacity:0}.lotr-landing__ribbon-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.lotr-landing__dust{position:absolute;inset:-6%;background:radial-gradient(6px 6px at 12% 40%,rgba(255,255,255,.25),transparent 70%),radial-gradient(5px 5px at 76% 58%,rgba(255,184,184,.35),transparent 70%),radial-gradient(6px 6px at 48% 70%,rgba(255,255,255,.2),transparent 70%),radial-gradient(7px 7px at 32% 22%,rgba(255,255,255,.2),transparent 70%);opacity:0;filter:blur(.6px);mix-blend-mode:screen;transform:translateY(8px) scale(.98);-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(60% 60% at 50% 50%,#000,transparent 75%)}.lotr-landing--exiting .lotr-landing__flash{animation:lotrFlash 1s ease}.lotr-landing--exiting .lotr-landing__dust{animation:lotrDust 2.4s ease-out forwards .2s}.lotr-landing__grain{position:absolute;inset:-20%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);opacity:.16;mix-blend-mode:soft-light;pointer-events:none}.lotr-landing__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;z-index:1}.lotr-landing--exiting .lotr-landing__content{animation:lotrLandingFade 2.6s ease forwards .2s}.lotr-landing__hint{margin:0;font-size:14px;letter-spacing:.02em;color:#e8dec5e0}.lotr-envelope{--env-width: min(86vw, 480px);--env-height: calc(var(--env-width) * .65);--env-half: calc(var(--env-width) / 2);--env-tri: calc(var(--env-height) / 2);--parchment-light: #f3e7c8;--parchment-mid: #e4d2aa;--parchment-edge: #c9b48a;--fold-front: #d6c19b;--fold-back: #bfa37a;--body-left: #b79f79;--body-right: #c7b38f;--wax: #7a0f14;--wax-dark: #4a070a;position:relative;width:var(--env-width);height:var(--env-height);border:none;padding:0;background:transparent;cursor:pointer;perspective:1400px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));transition:transform .24s ease,filter .24s ease;touch-action:manipulation}.lotr-envelope--exiting{pointer-events:none;animation:lotrEnvelopeExit 2.8s ease forwards}.lotr-envelope__body{position:absolute;inset:0;border-top:var(--env-tri) solid transparent;border-right:var(--env-half) solid var(--body-right);border-bottom:var(--env-tri) solid var(--body-right);border-left:var(--env-half) solid var(--body-left);z-index:2;overflow:hidden;box-shadow:inset 0 0 0 1px #3c28143d,inset 0 -28px 50px #0000002e}.lotr-envelope__body:after{content:"";position:absolute;inset:16% 8% 18%;background:linear-gradient(180deg,#c4b583e6,#97815ce6);border-radius:10px;z-index:5;box-shadow:inset 0 1px 4px #00000040;transition:opacity .3s ease .2s}.lotr-envelope__lid{position:absolute;inset:0;border-right:var(--env-half) solid transparent;border-bottom:var(--env-tri) solid transparent;border-left:var(--env-half) solid transparent;transform-origin:top;transition:transform .28s linear,filter .28s ease}.lotr-envelope__lid--front{border-top:var(--env-tri) solid var(--fold-front);z-index:6;transition-delay:.75s;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.lotr-envelope__lid--back{border-top:var(--env-tri) solid var(--fold-back);z-index:3;transition-delay:.5s}.lotr-envelope__letter{position:absolute;top:10px;width:82%;height:82%;z-index:1;border-radius:14px;overflow:hidden;clip-path:inset(0 0 50% 0 round 12px);background:radial-gradient(120px 80px at 20% 25%,rgba(0,0,0,.1),transparent 60%),radial-gradient(160px 110px at 80% 70%,rgba(0,0,0,.1),transparent 65%),linear-gradient(180deg,var(--parchment-light),var(--parchment-mid));box-shadow:inset 0 0 0 1px #462d0f4d,0 14px 22px #00000073;transform:translateY(calc(var(--env-height) * .32));opacity:0;transition:transform .6s ease,box-shadow .32s ease,opacity .4s ease,clip-path .45s ease,z-index 0s}.lotr-envelope__letter:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.015) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.015) 0 1px,transparent 1px 4px);mix-blend-mode:multiply;opacity:.7;pointer-events:none}.lotr-envelope__letter-inner{position:relative;height:100%;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;color:#3a2a14;transform:translateY(-10%);transition:transform .45s ease}.lotr-envelope__eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#957644;font-weight:800}.lotr-envelope__title{font-size:clamp(26px,5vw,34px);letter-spacing:.04em;font-family:Cinzel,IM Fell English,Cormorant Garamond,Georgia,serif}.lotr-envelope__subtitle{font-size:clamp(14px,3.6vw,16px);opacity:.84;font-family:IM Fell English,Cormorant Garamond,Georgia,serif}.lotr-envelope__seal{position:absolute;width:clamp(56px,12vw,96px);height:clamp(56px,12vw,96px);border-radius:999px;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-3deg);z-index:6;background:conic-gradient(from 200deg at 50% 50%,#781218,#6e0c12,#5a080c),radial-gradient(30% 30% at 30% 28%,rgba(255,255,255,.06),transparent 45%),linear-gradient(180deg,var(--wax),var(--wax-dark));box-shadow:0 16px 28px #00000080,inset 0 8px 18px #ffb4a008,inset 0 -8px 18px #0000004d;overflow:visible;transition:transform .18s ease,box-shadow .18s ease;filter:saturate(115%) contrast(110%)}.lotr-envelope__seal:before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,200,180,.12),transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.25),transparent 55%);filter:blur(2.4px);transform:rotate(7deg);opacity:.95;z-index:-1}.lotr-envelope__seal:after{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle at 24% 22%,rgba(0,0,0,.14),transparent 6%),radial-gradient(circle at 68% 72%,rgba(255,255,255,.06),transparent 8%),radial-gradient(circle at 40% 60%,rgba(0,0,0,.06),transparent 6%);mix-blend-mode:multiply;opacity:.85;filter:blur(1px) contrast(105%);z-index:3}.lotr-envelope__seal-core{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(50% 40% at 35% 30%,rgba(255,255,255,.06),transparent 35%),linear-gradient(180deg,#ffffff08,#0000000f);box-shadow:inset 0 2px 6px #00000073,inset 0 -8px 16px #ffffff05;transform:rotate(-3deg)}.lotr-envelope__seal-core:after{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:inset 0 -8px 18px #0000008c,inset 0 6px 12px #ffffff05;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.02),transparent 35%);z-index:2;mix-blend-mode:multiply;opacity:.95}.lotr-envelope__seal-initials{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1deg) translateY(1px);display:inline-flex;align-items:center;justify-content:center;gap:.01em;white-space:nowrap;writing-mode:horizontal-tb;line-height:1;font-family:Cinzel,serif;font-weight:700;font-size:clamp(12px,2.4vw,22px);color:#ffb9aa;-webkit-text-stroke:.6px rgba(70,20,18,.9);letter-spacing:-.06em;text-shadow:0 -1px 0 rgba(255,255,255,.28),0 2px 0 rgba(0,0,0,.7),0 6px 12px rgba(0,0,0,.24);filter:contrast(125%) saturate(120%);mix-blend-mode:multiply;pointer-events:none}.lotr-envelope__seal-initials:before{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,230,220,.18),transparent 40%);mix-blend-mode:screen;filter:blur(1px) contrast(105%);z-index:1}.lotr-envelope__seal-initials:before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(0,0,0,.12),transparent 30%),radial-gradient(circle at 62% 62%,rgba(255,255,255,.04),transparent 30%);mix-blend-mode:overlay;filter:blur(1px) contrast(105%);z-index:1}.lotr-envelope__seal-initials span{display:inline-block;transform:translateY(0)}.lotr-envelope:is(:hover,:focus-visible){transform:translateY(-6px);filter:drop-shadow(0 24px 32px rgba(0,0,0,.65))}.lotr-envelope:is(:hover,:focus-visible) .lotr-envelope__lid--front{transform:rotateX(90deg);transition-delay:0s}.lotr-envelope:is(:hover,:focus-visible) .lotr-envelope__lid--back{transform:rotateX(180deg);transition-delay:.24s}.lotr-envelope:is(:hover,:focus-visible) .lotr-envelope__body:after{opacity:0;transition-delay:.75s}.lotr-envelope:is(:hover,:focus-visible) .lotr-envelope__letter{transform:translateY(calc(var(--env-height) * -.9));clip-path:inset(0 0 0 0 round 12px);opacity:1;animation:lotrLetterZ 0s linear forwards .78s;transition-delay:.78s,.78s,.58s,.78s,0s;box-shadow:inset 0 0 0 1px #462d0f57,0 20px 28px #0000008c}.lotr-envelope:is(:hover,:focus-visible) .lotr-envelope__letter-inner{transform:translateY(0)}.lotr-envelope--exiting .lotr-envelope__lid--front{transform:rotateX(90deg);transition-delay:0s}.lotr-envelope--exiting .lotr-envelope__lid--back{transform:rotateX(180deg);transition-delay:.1s}.lotr-envelope--exiting .lotr-envelope__body:after{opacity:0;transition-delay:0s}.lotr-envelope--exiting .lotr-envelope__letter{transform:translateY(calc(var(--env-height) * -.9));clip-path:inset(0 0 0 0 round 12px);opacity:1;animation:lotrLetterZ 0s linear forwards .38s;box-shadow:inset 0 0 0 1px #462d0f57,0 20px 28px #0000008c}.lotr-envelope--exiting .lotr-envelope__letter-inner{transform:translateY(0)}.lotr-envelope:focus-visible{outline:3px solid rgba(255,214,128,.6);outline-offset:10px}@media(max-width:520px){.lotr-landing__hint{font-size:13px}.lotr-envelope{--env-width: min(92vw, 420px);--env-height: calc(var(--env-width) * .68)}}@keyframes lotrLetterZ{to{z-index:7}}@keyframes lotrEnvelopeExit{0%{transform:translateY(-6px) scale(1) rotate(0);opacity:1}32%{transform:translateY(-18px) scale(1.05) rotate(-1deg);opacity:1}to{transform:translateY(-180px) scale(.94) rotate(-2deg);opacity:0;filter:blur(2px)}}@keyframes lotrLandingFade{0%{opacity:1}to{opacity:0;transform:translateY(-16px);filter:blur(1px)}}@keyframes lotrDust{0%{opacity:0;transform:translateY(8px) scale(.98)}40%{opacity:.8}to{opacity:0;transform:translateY(-22px) scale(1.04)}}@keyframes lotrFlash{0%{opacity:0}30%{opacity:.55}to{opacity:0}}