@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Parisienne&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#372419;--ink:#372419;--muted:#806f63;--paper:#fffaf3;--paper-deep:#f6ead9;--gold:#a7793a;--rose:#c88279;--brown:#4a2e1c;--cream:#f8efe4;background:#f8efe4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(circle at 18% 12%,#ffffffeb 0 11%,#0000 25%),radial-gradient(circle at 84% 18%,#d69a8238,#0000 28%),linear-gradient(135deg,#f5e5d2 0%,#fffaf4 46%,#ead4bd 100%);place-items:center;min-height:100svh;padding:clamp(24px,5vw,72px) 18px;display:grid;position:relative}.page-shell:before{content:"";pointer-events:none;border:1px solid #a7793a3d;border-radius:34px;position:absolute;inset:16px}.ambient{filter:blur(6px);opacity:.75;z-index:-1;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#b6746647,#0000 67%);width:260px;height:260px;bottom:10%;left:-70px}.ambient-two{background:radial-gradient(circle,#a7793a3d,#0000 66%);width:330px;height:330px;top:8%;right:-110px}.letter-stage{text-align:center;width:min(100%,860px);padding:clamp(28px,6vw,64px) clamp(16px,4vw,44px)}.eyebrow{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:700}h1{letter-spacing:-.055em;text-wrap:balance;color:var(--ink);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.25rem,13vw,8.75rem);font-weight:600;line-height:.82}.subcopy{max-width:560px;color:var(--muted);margin:clamp(18px,3vw,28px) auto 34px;font-size:clamp(.96rem,2vw,1.08rem);line-height:1.7}.gate-panel{background:linear-gradient(90deg,#a7793a0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#fffaf3f5,#f6ead9f5);border:1px solid #a7793a47;border-radius:30px;width:min(100%,620px);margin:0 auto;padding:clamp(30px,6vw,54px);position:relative;overflow:hidden;box-shadow:0 28px 80px #5b3a232b,inset 0 0 0 1px #ffffffb8}.gate-panel:before{content:"";pointer-events:none;border:1px solid #a7793a29;border-radius:21px;position:absolute;inset:12px}.gate-lock{background:linear-gradient(145deg,#bb8c49,#7f5425);border-radius:999px;width:68px;height:68px;margin:0 auto 24px;display:block;position:relative;box-shadow:0 12px 28px #5f3a183d,inset 0 1px #ffffff59}.gate-lock:before{content:"";transform-origin:0 100%;border:3px solid #fff4df;border-bottom:0;border-radius:12px 12px 0 0;width:20px;height:22px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:13px;left:22px}.gate-lock:after{content:"";background:#fff4df;border-radius:7px;width:32px;height:27px;position:absolute;bottom:15px;left:18px;box-shadow:inset 0 -3px #5f3a181f}.gate-panel.is-ready .gate-lock:before{transform:translate(8px,-3px)rotate(18deg)}.gate-kicker{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0 0 9px;font-size:.7rem;font-weight:700}.gate-panel h2{color:var(--ink);margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.15rem,6vw,3.5rem);font-weight:600;line-height:1}.gate-copy{max-width:450px;color:var(--muted);margin:17px auto 0;line-height:1.65}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,2vw,14px);margin:28px auto 0;display:grid}.countdown-unit{background:#fffaf3b8;border:1px solid #a7793a38;border-radius:16px;min-width:0;padding:clamp(14px,3vw,20px) 5px 12px}.countdown-unit strong{color:var(--brown);font-variant-numeric:tabular-nums;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.85rem,6vw,2.75rem);font-weight:600;line-height:.9;display:block}.countdown-unit span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:clamp(.56rem,1.8vw,.68rem);font-weight:700;display:block}.gate-note{color:#4a2e1c9e;margin:20px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;font-style:italic}.pin-form{text-align:left;width:min(100%,430px);margin:26px auto 0}.pin-form label{color:var(--brown);letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:.72rem;font-weight:700;display:block}.pin-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.pin-row input,.pin-row button{border-radius:14px;min-height:54px}.pin-row input{width:100%;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.35em;background:#ffffffc2;border:1px solid #a7793a57;outline:0;padding:0 18px;font-size:1.2rem;transition:border-color .18s,box-shadow .18s}.pin-row input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #a7793a21}.pin-row input[aria-invalid=true]{border-color:#a24e46}.pin-row button{cursor:pointer;color:#fffaf3;background:linear-gradient(145deg,#9e7135,#6d461f);border:0;padding:0 22px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 9px 22px #5b3a2333}.pin-row button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #5b3a2340}.pin-row button:focus-visible{outline-offset:3px;outline:4px solid #a7793a42}.pin-row button:disabled{cursor:wait;opacity:.7}.pin-error{color:#8e3f38;margin:10px 2px 0;font-size:.82rem;font-weight:600}.envelope-scene{--envelope-width:min(430px, calc(100% - 8px));--envelope-height:calc(430px / 1.78);perspective:1200px;width:min(100%,680px);max-height:270px;margin:0 auto;padding-bottom:190px;transition:max-height .9s cubic-bezier(.65,0,.35,1) .22s,padding-bottom .9s cubic-bezier(.65,0,.35,1) .22s;position:relative;overflow:hidden}.envelope-scene:not(.is-open){animation:6.4s ease-in-out 2.2s infinite envelope-attention}.envelope-scene.is-open{max-height:2600px;padding-bottom:calc(var(--envelope-height) * .62);transition-delay:0s}.envelope-back,.envelope-pocket,.envelope-toggle{width:var(--envelope-width);aspect-ratio:1.78;border-radius:8px 8px 22px 22px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.envelope-back{z-index:1;background:linear-gradient(#fff5e6 0%,#efd8bd 100%);transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s;overflow:hidden;transform:translate(-50%)rotate(-.4deg);box-shadow:0 30px 80px #5b3a2338,0 8px 20px #5b3a231f,inset 0 0 0 1px #6f462b2e}.envelope-flap{z-index:4;width:var(--envelope-width);aspect-ratio:1.78;clip-path:polygon(0 0,100% 0,50% 50%);transform-origin:top;filter:drop-shadow(0 14px 14px #5b3a231f);opacity:1;background:linear-gradient(#ffeeda 0%,#efcfaa 100%);border-radius:8px 8px 22px 22px;transition:transform .68s cubic-bezier(.2,.8,.2,1) .62s,filter .68s .62s,opacity .18s .62s;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotateX(0)}.envelope-scene.is-open .envelope-flap{filter:drop-shadow(0 8px 10px #5b3a2314);opacity:0;transition-delay:0s,0s,.42s;transform:translate(-50%)rotateX(176deg)}.envelope-pocket{z-index:3;pointer-events:none;clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);background:linear-gradient(142deg,#0000 49.5%,#5b3a231c 50%,#0000 50.7%),linear-gradient(218deg,#0000 49.5%,#5b3a231c 50%,#0000 50.7%),linear-gradient(#f8e8d3 0%,#e8c9a7 100%);transition:clip-path .52s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:inset 0 0 0 1px #6f462b29}.envelope-scene.is-open .envelope-pocket{clip-path:polygon(0 24%,50% 60%,100% 24%,100% 100%,0 100%);transition-delay:.12s}.envelope-toggle{z-index:5;cursor:pointer;color:inherit;background:0 0;border:0}.envelope-toggle:focus-visible{outline-offset:5px;outline:4px solid #a7793a47}:is(.envelope-scene:has(.envelope-toggle:hover) .envelope-back,.envelope-scene:has(.envelope-toggle:focus-visible) .envelope-back){transform:translate(-50%)translateY(-5px)rotate(0);box-shadow:0 40px 95px #5b3a2342,0 12px 24px #5b3a231f,inset 0 0 0 1px #6f462b33}.seal{z-index:4;left:50%;bottom:calc(var(--envelope-height) * .5);pointer-events:none;opacity:1;background:radial-gradient(circle at 38% 32%,#f6f0e229,#0000 24%),radial-gradient(circle at 38% 32%,#4a2f16 0%,#39240f 72%);border-radius:999px;place-items:center;width:74px;height:74px;transition:transform .42s cubic-bezier(.2,.8,.2,1) .52s,opacity .3s .52s;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,50%);box-shadow:0 12px 24px #491e1247,inset 0 0 0 2px #f6f0e229}.seal:before{content:"";border-radius:inherit;border:1px solid #f6f0e22e;position:absolute;inset:7px}.seal img{z-index:2;filter:drop-shadow(0 1px 2px #00000059);width:29px;height:auto;position:relative}.seal-glint{z-index:1;inset-block:-32%;pointer-events:none;filter:blur(1px);opacity:0;background:linear-gradient(90deg,#0000,#fff6ccd1,#fff6cc6b,#0000);width:70%;position:absolute;left:-85%;transform:translate(0)rotate(12deg)}.envelope-scene:not(.is-open) .seal{animation:5.8s ease-in-out 1.2s infinite seal-breathe}.envelope-scene:not(.is-open) .seal-glint{animation:3.7s ease-in-out .8s infinite seal-glint}.envelope-scene.is-open .seal{opacity:0;transition-delay:0s;transform:translate(-50%,50%)scale(.72)}.paper{z-index:2;text-align:left;pointer-events:none;background:linear-gradient(90deg, #a7793a0f 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);opacity:0;transform-origin:top;border:1px solid #a7793a42;border-radius:28px;width:70%;max-height:145px;margin:0 auto;padding:clamp(24px,5vw,52px);transition:transform .78s cubic-bezier(.65,0,.35,1),width .78s cubic-bezier(.65,0,.35,1),max-height .82s cubic-bezier(.65,0,.35,1),opacity .18s .62s;position:relative;overflow:hidden;transform:translateY(102px)scale(.82);box-shadow:0 32px 90px #5b3a2333,inset 0 0 0 1px #ffffffbf}.envelope-scene.is-open .paper{pointer-events:auto;opacity:1;width:100%;max-height:2400px;transition-delay:.18s,.18s,.18s,.26s;transform:translateY(0)scale(1)}.paper-header{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #a7793a40;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:18px;font-size:.76rem;font-weight:700;display:flex}.paper-body{color:#4b3323;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.18rem,2.8vw,1.45rem);line-height:1.72}.paper-body p{text-wrap:pretty;margin:0 0 1.1em}.paper-body p:last-child{margin-bottom:0}.signature-line{color:#7a4b2a;font-family:Parisienne,cursive;font-size:clamp(1.72rem,6vw,2.7rem);line-height:1.15!important}@keyframes envelope-attention{0%,10%,18%,to{transform:translate(0)rotate(0)}11.5%{transform:translate(-2px)rotate(-.16deg)}13%{transform:translate(1.5px)rotate(.12deg)}14.5%{transform:translate(-1px)rotate(-.08deg)}16%{transform:translate(.45px)rotate(.035deg)}}@keyframes seal-glint{0%,18%{opacity:0;transform:translate(0)rotate(12deg)}27%{opacity:.55}42%{opacity:0;transform:translate(285%)rotate(12deg)}to{opacity:0;transform:translate(285%)rotate(12deg)}}@keyframes seal-breathe{0%,18%,48%,to{box-shadow:0 12px 24px #491e1247,inset 0 0 0 2px #f6f0e229}31%{box-shadow:0 15px 32px #a7793a61,0 0 18px #d4aa5833,inset 0 0 0 2px #f6f0e238}}@media (width<=560px){.page-shell{align-items:start;padding-top:34px}.page-shell:before{border-radius:24px;inset:10px}.letter-stage{padding-inline:8px}.envelope-scene{--envelope-height:calc(min(430px, calc(100vw - 60px)) / 1.78)}.paper-header{flex-direction:column;gap:8px}.seal{width:62px;height:62px}.seal img{width:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}