.env-overlay{--env-bg:radial-gradient(78% 68% at 50% 36%,rgba(255,253,248,0.72),transparent 72%),linear-gradient(180deg,#fdf9f1,#f4ead6);--env-back:linear-gradient(180deg,#efe2cc,#f3e8d6 48%,#f7efe0);--env-letter-bg:linear-gradient(180deg,#ffffff,#fffdf8 42%,#f6ecd9);--env-pocket:linear-gradient(160deg,#f1e7d4,#e9dcc4 60%,#e1d2b7);--env-flap:linear-gradient(168deg,#f5ecda,#ede1cc 58%,#e4d6bd);--env-accent:#b08d57;--env-ink:#574327;--env-faint:#a58b63;--env-seal:radial-gradient(circle at 36% 30%,#f7e7c2 0%,#c89b3c 32%,#b08d57 58%,#8a6c3e 100%);--env-seal-text:#4a3818;--env-shadow:rgba(150,116,70,0.36);--env-line:rgba(176,141,87,0.22);--env-line-strong:rgba(176,141,87,0.42);--env-grain-opacity:0.05;position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.8rem,5.5vh,3rem);padding:2rem;background:var(--env-bg);transition:opacity 1.1s ease 2s,visibility 0s linear 3.1s}.env-overlay.is-open{opacity:0;visibility:hidden;pointer-events:none}.env-paper:after{content:"";position:absolute;inset:0;border-radius:inherit;clip-path:inherit;pointer-events:none;opacity:var(--env-grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}.env-eyebrow{font-family:var(--font-serif),Georgia,serif;font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;color:var(--env-faint);animation:envPrompt 3.4s ease-in-out infinite}.env-envelope{position:relative;width:min(90vw,500px);aspect-ratio:7/5;perspective:1700px;cursor:pointer;border:0;background:transparent;padding:0;filter:drop-shadow(0 44px 66px var(--env-shadow));animation:envFloat 7s ease-in-out infinite;transition:filter 1.6s ease .5s}.env-overlay.is-open .env-envelope{animation:none;filter:drop-shadow(0 84px 120px var(--env-shadow))}@keyframes envFloat{0%,to{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-12px) rotate(.3deg)}}.env-back{position:absolute;inset:0;border-radius:12px;background:var(--env-back);box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 0 0 1px var(--env-line);overflow:hidden}.env-back:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(120,90,60,.24),transparent 42%)}.env-letter{position:absolute;left:11%;right:11%;top:9%;height:82%;border-radius:7px;background:var(--env-letter-bg);box-shadow:0 16px 30px -16px var(--env-shadow),inset 0 0 0 1px var(--env-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transform:translateY(0);transition:transform 1.5s cubic-bezier(.16,1,.3,1) 1.5s;z-index:2}.env-overlay.is-open .env-letter{transform:translateY(-64%)}.env-letter:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% -10%,var(--env-line),transparent 55%);pointer-events:none}.env-rule{width:34px;height:1px;background:linear-gradient(to right,transparent,var(--env-accent),transparent)}.env-mono{font-size:clamp(1.8rem,6.6vw,2.4rem);font-weight:500;font-style:italic;color:var(--env-accent);letter-spacing:.04em;line-height:1}.env-mono,.env-names{font-family:var(--font-serif),Georgia,serif}.env-names{font-size:clamp(.92rem,3.4vw,1.14rem);color:var(--env-ink);letter-spacing:.02em;text-align:center;padding:0 .6rem}.env-date{font-family:var(--font-sans),system-ui,sans-serif;font-size:.5rem;letter-spacing:.34em;text-transform:uppercase;color:var(--env-faint)}.env-front{position:absolute;inset:0;z-index:3;border-radius:12px;clip-path:polygon(0 100%,0 0,50% 58%,100% 0,100% 100%);background:var(--env-pocket);box-shadow:inset 0 0 0 1px var(--env-line)}.env-front:before{content:"";position:absolute;inset:0;clip-path:inherit;background:linear-gradient(to top right,transparent 49.3%,var(--env-line-strong) 49.7%,transparent 50.1%),linear-gradient(to top left,transparent 49.3%,var(--env-line-strong) 49.7%,transparent 50.1%)}.env-flap{position:absolute;left:0;right:0;top:0;height:58%;z-index:4;transform-origin:top center;transform:rotateX(0deg);transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.32,0,.16,1) .7s,z-index 0s linear 1.4s;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--env-flap);box-shadow:inset 0 0 0 1px var(--env-line-strong)}.env-flap:before{content:"";position:absolute;inset:0;clip-path:inherit;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 55%)}.env-overlay.is-open .env-flap{transform:rotateX(-188deg);z-index:1}.env-sweep{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:12px;pointer-events:none}.env-sweep:before{content:"";position:absolute;top:-25%;left:-45%;width:42%;height:150%;transform:rotate(9deg);background:linear-gradient(90deg,transparent,rgba(255,250,240,.62),transparent);filter:blur(7px);animation:envSweep 6.5s ease-in-out 1.2s infinite}.env-overlay.is-open .env-sweep:before{animation:none;opacity:0}@keyframes envSweep{0%{left:-45%}55%,to{left:118%}}.env-seal{top:47%;left:50%;width:clamp(58px,14vw,88px);height:clamp(58px,14vw,88px);transform:translate(-50%,-50%);z-index:7;background:var(--env-seal);display:flex;align-items:center;justify-content:center;animation:envSealGlow 3.6s ease-in-out infinite;transition:opacity .9s ease .5s,transform 1.1s cubic-bezier(.5,0,.2,1) .35s}.env-seal,.env-seal:before{position:absolute;border-radius:50%}.env-seal:before{content:"";inset:14%;border:1px solid rgba(58,44,22,.36);box-shadow:inset 0 0 6px rgba(58,44,22,.32)}.env-seal span{position:relative;font-family:var(--font-serif),Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(.95rem,4.2vw,1.35rem);color:var(--env-seal-text);letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.4)}.env-overlay.is-open .env-seal{opacity:0;transform:translate(-50%,-95%) scale(.62) rotate(-10deg);animation:none}@keyframes envSealGlow{0%,to{box-shadow:0 10px 20px var(--env-shadow),inset 0 2px 4px rgba(255,255,255,.5),inset 0 -4px 8px rgba(60,42,20,.5),0 0 0 0 rgba(255,236,190,0)}50%{box-shadow:0 12px 24px var(--env-shadow),inset 0 2px 4px rgba(255,255,255,.55),inset 0 -4px 8px rgba(60,42,20,.5),0 0 22px 5px rgba(255,232,180,.5)}}.env-open-btn{font-family:var(--font-sans),system-ui,sans-serif;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--env-ink);padding:.9rem 2.2rem;border-radius:999px;border:1px solid var(--env-line-strong);background:rgba(255,255,255,.5);backdrop-filter:blur(6px);cursor:pointer;animation:envPrompt 2.8s ease-in-out infinite;transition:border-color .3s ease,color .3s ease,background .3s ease}.env-open-btn:hover{border-color:var(--env-accent);background:rgba(255,255,255,.72)}.env-overlay.is-open .env-eyebrow,.env-overlay.is-open .env-open-btn{opacity:0;transition:opacity .6s ease}@keyframes envPrompt{0%,to{opacity:.72;letter-spacing:.34em}50%{opacity:1;letter-spacing:.4em}}@media (prefers-reduced-motion:reduce){.env-envelope,.env-eyebrow,.env-open-btn,.env-seal{animation:none!important}.env-envelope{transition:none}.env-sweep:before{display:none}.env-flap,.env-letter,.env-seal{transition:opacity .7s ease!important}.env-overlay.is-open .env-flap,.env-overlay.is-open .env-letter{transform:none}.env-overlay.is-open .env-seal{transform:translate(-50%,-50%)}.env-overlay{transition:opacity .9s ease,visibility 0s linear .9s}}