:root{--baize:#16332C;--baize-deep:#081712;--ivory:#F9F2E2;--ivory-2:#E9DEC4;--ivory-3:#CFC0A0;--snap:#FFFC00;--snap-soft:#FFF49B;--snap-deep:#C9A400;--wax:#E12A63;--wax-lift:#F26389;--wax-deep:#C9185A;--wax-dark:#8E0F3F;--paper:#FBF6EA;--ink:#16211D;--ink-mid:#35433D;--ink-soft:#55635C;--pale:#C6D6CE;--lx:50%;--ly:29%;--p:0}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{min-height:100svh;display:flex;flex-direction:column;position:relative;background:var(--baize-deep);color:var(--ink);font-family:"EB Garamond",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}.scene{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(125% 95% at var(--lx) var(--ly),#2E5B4D 0,#1D3D33 40%,#102721 74%,#081712 100%)}.beam{position:absolute;inset:0;background:radial-gradient(44% 36% at var(--lx) calc(var(--ly) - 6%),rgba(255,246,170,.26),rgba(255,246,170,0) 72%)}.falloff{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0) 34%,rgba(0,0,0,0) 60%,rgba(0,0,0,.52) 100%)}.env-wrap{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%)}.cast{position:absolute;left:50%;top:97%;width:118%;height:20%;transform:translate(-50%,0);background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.60),rgba(0,0,0,0) 72%)}.env{--w:clamp(238px,78vw,336px);--h:calc(var(--w)/1.38);--seal:calc(var(--w)*.2);position:relative;width:var(--w);height:var(--h);perspective:1000px}.env__inside{position:absolute;inset:0;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#FFFC00 0,#F7DE00 34%,#C9A400 100%)}.env__inside::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.34) 0 2px,rgba(255,255,255,0) 2px 11px)}.glow{position:absolute;left:50%;top:-14%;width:150%;height:110%;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(255,252,0,.85),rgba(255,244,155,.32) 46%,rgba(255,244,155,0) 74%);opacity:calc(var(--p) * .95)}.env__letter{position:absolute;left:5%;width:90%;height:58%;bottom:2%;background:var(--paper);border-radius:3px;box-shadow:0 10px 22px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.7) inset;transform:translateY(calc(var(--p) * -88%));padding:clamp(9px,3.1%,16px) clamp(11px,4.4%,22px)}.letter__eyebrow{font-size:clamp(8.5px,2.4vw,11px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);opacity:calc(var(--p) * 1.8)}.letter__rule{height:1px;background:var(--ivory-3);margin:clamp(5px,1.6%,9px) 0 clamp(6px,2%,11px);transform-origin:left center;transform:scaleX(calc(var(--p) * 1.6));opacity:.9}.letter__list{list-style:none;display:flex;flex-direction:column;gap:clamp(4px,1.5%,9px)}.letter__list li{font-size:clamp(12.5px,3.5vw,19px);font-weight:600;line-height:1.24;color:var(--ink);opacity:calc(var(--p) * 1.7)}.letter__list li::before{content:"";display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--wax);margin-right:.5em;vertical-align:.12em}.env__pocket{position:absolute;left:0;right:0;bottom:0;height:62%;border-radius:0 0 11px 11px;background:linear-gradient(176deg,#F9F2E2 0,#F1E7CE 58%,#E4D7B8 100%);box-shadow:0 22px 44px rgba(0,0,0,.34);z-index:4}.env__pocket::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.20),rgba(0,0,0,0))}.env__flap{position:absolute;left:0;top:0;width:100%;height:46%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(168deg,#FCF6E8 0,#F2E8D0 62%,#E4D8B9 100%);transform-origin:top center;transform:rotateX(calc(var(--p) * -152deg));transform-style:preserve-3d;z-index:6}.env__flap::after{content:"";position:absolute;inset:0;background:#2B2318;opacity:calc(var(--p) * .42)}.env.is-open .env__flap{z-index:1}.seal{position:absolute;left:50%;width:var(--seal);height:var(--seal);margin-left:calc(var(--seal) / -2);margin-top:calc(var(--seal) / -2);border-radius:51% 47% 53% 49% / 48% 53% 47% 52%;background:radial-gradient(62% 58% at 34% 28%,var(--wax-lift) 0,var(--wax) 42%,var(--wax-deep) 72%,var(--wax-dark) 100%);box-shadow:0 2px 5px rgba(0,0,0,.34);display:grid;place-items:center;z-index:7}.seal span{font-family:"Libre Caslon Display",Georgia,serif;font-size:calc(var(--seal) * .46);line-height:1;color:rgba(255,255,255,.62);text-shadow:0 1px 0 rgba(0,0,0,.42)}.seal--top{top:100%;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.seal--stub{top:46%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);z-index:5}.seal--stub::after{content:"";position:absolute;left:0;top:calc(50% - 1px);width:100%;height:3px;background:var(--wax-dark);opacity:calc(var(--p) * 1.4)}.hint{position:absolute;left:50%;top:46%;transform:translate(-50%,calc(var(--seal) * -.92));display:flex;flex-direction:column;align-items:center;gap:3px;z-index:8;opacity:1;transition:opacity .35s ease}body.touched .hint{opacity:0}.hint i{font-style:normal;font-size:clamp(8.5px,2.3vw,10.5px);letter-spacing:.22em;text-transform:uppercase;color:#6E5C3C}.hint svg{display:block;fill:#6E5C3C}.grab{position:absolute;left:50%;top:46%;width:92px;height:92px;margin:-46px 0 0 -46px;z-index:9;cursor:grab;touch-action:none;border-radius:50%}body.dragging .grab{cursor:grabbing}.stage{position:relative;z-index:2;flex:1 1 auto;display:flex;align-items:flex-end;padding:0 18px}.card{width:100%;max-width:540px;background:var(--paper);border-radius:4px;padding:clamp(22px,5.4vw,32px) clamp(20px,5.4vw,34px) clamp(20px,5vw,30px);box-shadow:0 30px 64px rgba(0,0,0,.46),0 1px 0 rgba(255,255,255,.66) inset}.mark{display:block;width:clamp(38px,9vw,46px);height:auto;border-radius:9px;margin-bottom:clamp(12px,3vw,16px)}h1{font-weight:400;margin-bottom:clamp(10px,2.6vw,14px)}.h1-brand{display:block;font-family:"EB Garamond",Georgia,serif;font-weight:600;font-size:clamp(11px,2.9vw,13px);letter-spacing:.24em;text-transform:uppercase;color:var(--wax-deep);margin-bottom:clamp(7px,2vw,10px)}.h1-line{display:block;font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(28px,7.4vw,45px);line-height:1.06;letter-spacing:-.005em;color:var(--ink)}.sub{font-size:clamp(15px,3.9vw,18px);line-height:1.52;color:var(--ink-mid);max-width:38ch;margin-bottom:clamp(18px,4.4vw,24px)}.cta{display:inline-block;background:var(--wax-deep);color:#fff;text-decoration:none;font-weight:600;font-size:clamp(16.5px,4.2vw,19px);letter-spacing:.03em;padding:clamp(13px,3.4vw,16px) clamp(26px,6.4vw,34px);border-radius:999px;box-shadow:0 10px 22px rgba(142,15,63,.34)}.cta:hover{background:var(--wax)}.cta:focus-visible{outline:3px solid var(--snap);outline-offset:3px}.after{font-size:clamp(12.5px,3.2vw,14px);line-height:1.45;color:var(--ink-soft);margin-top:clamp(11px,2.8vw,14px);max-width:36ch}.foot{position:relative;z-index:2;padding:16px 18px 20px;font-size:clamp(11.5px,3vw,13px);letter-spacing:.08em;color:var(--pale)}@media(min-width:880px){:root{--lx:70%;--ly:47%}.env{--w:clamp(400px,46vw,610px)}.stage{align-items:center;padding:0 0 0 clamp(44px,7vw,128px)}.card{max-width:500px}.foot{position:absolute;left:clamp(44px,7vw,128px);bottom:26px;padding:0}.hint{transform:translate(-50%,calc(var(--seal) * -1))}}@media(max-width:879px) and (max-height:690px){:root{--ly:26%}.env{--w:clamp(206px,62vw,278px)}.card{padding:18px 20px 20px}}@media(prefers-reduced-motion:reduce){.hint{transition:none}}html,body{max-width:100%;overflow-x:clip}