:root{color-scheme:dark;--ink:#100d10;--gold:#d6b777;--muted:#b4a7a4;--red:#74152b;--paper:#f7ecd7;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 50% 54%,#351521 0,transparent 58%),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff02 3px 4px),var(--ink);color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}.masthead{max-width:1400px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6b77724}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.15em;font-size:18px}.brand b{font-weight:400;color:var(--gold)}.brand img{object-fit:contain;border-radius:50%}.edition,.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:600;color:var(--gold)}.intro{text-align:center;padding:36px 20px 12px}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(30px,4vw,49px);letter-spacing:-.025em;margin:14px 0}.intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.6;margin:12px 0}.experience{max-width:760px;margin:0 auto;padding:0 24px}.stage{--rise:270px;--envelope-bottom:44px;--paper-inset:28px;--pocket-depth:240px;position:relative;width:min(100%,560px);height:580px;margin:0 auto;perspective:1400px}.envelope-back,.envelope-front,.flap{position:absolute;left:0;width:100%;height:290px;bottom:44px}.envelope-back{background:linear-gradient(130deg,#471122,#170e16);border:1px solid #a37949;border-radius:5px;box-shadow:0 35px 65px #0009}.flap{z-index:5;transform-origin:top center;clip-path:polygon(0 0,100% 0,50% 64%);background:linear-gradient(165deg,#7c2136,#3b0c1b 75%);border-top:1px solid #c49e60;transition:transform .7s ease,z-index 0s .35s;backface-visibility:visible}.envelope-front{z-index:4;background:linear-gradient(33deg,#170e14 49.8%,transparent 50%) left/50.1% 100% no-repeat,linear-gradient(-33deg,#24101b 49.8%,transparent 50%) right/50.1% 100% no-repeat;pointer-events:none;border:1px solid #a3794980;border-top:none;border-radius:0 0 5px 5px}.envelope-front:before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#4f1829,#1b0e15);clip-path:polygon(0 100%,0 67%,50% 28%,100% 67%,100% 100%);border-radius:0 0 5px 5px}.front-border{position:absolute;inset:16px;border:1px solid #d6b77730;clip-path:polygon(0 73%,50% 33%,100% 73%,100% 100%,0 100%)}.envelope-wordmark,.envelope-subtitle{position:absolute;left:15px;right:15px;text-align:center;color:var(--gold)}.envelope-wordmark{bottom:55px;font-family:Georgia,serif;font-size:24px;letter-spacing:.22em}.envelope-subtitle{bottom:30px;font-size:10px;letter-spacing:.18em}.open-trigger{position:absolute;z-index:7;left:0;bottom:160px;width:100%;height:150px;border:0;background:transparent;color:var(--gold);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:18px;transition:opacity .3s,visibility .3s}.seal{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c14956,#7b152c 70%);border:3px double #e68d7580;box-shadow:0 7px 16px #0009,inset 0 0 0 5px #590a2244;transition:transform .2s}.seal img{object-fit:contain;border-radius:50%;width:60px;height:60px}.open-trigger:hover .seal{transform:translateY(-3px) rotate(-5deg)}.tap-label{font-size:11px;letter-spacing:.2em}.invitation{position:absolute;z-index:2;left:6%;width:88%;bottom:72px;background:linear-gradient(115deg,#fff7e6,#ead8b6);color:#301e19;box-shadow:0 15px 50px #0007;transform:translateY(0);transition:transform 1s .45s,visibility 0s 1.45s;outline:none}.card-inner{margin:10px;padding:22px 20px 18px;border:1px solid #9a784e;outline:1px solid #9a784e66;outline-offset:3px;text-align:center}.card-inner .eyebrow{color:#77562f;font-size:10px;letter-spacing:.15em;line-height:1.6;margin:0 0 12px}.script{font-family:Georgia,serif;font-style:italic;font-size:22px;margin:0 0 4px;color:#805139}.invitation h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.1;margin:0}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;color:#9c753b;margin:13px 0}.ornament span{width:70px;height:1px;background:#ad8d5966}.presenting{font-size:10px;letter-spacing:.2em;margin:0 0 7px;color:#785535}.invitation h3{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.12;margin:0 auto;max-width:310px}.date{font-size:15px;line-height:1.5;margin:18px 0 14px}.date strong{display:block;font-size:19px;margin-top:3px}.channel{font-size:16px;line-height:1.5;border-top:1px solid #ae8a5544;border-bottom:1px solid #ae8a5544;padding:12px 0;margin:0}.channel strong{color:#851e33;white-space:nowrap}.signoff{font:italic 15px/1.5 Georgia,serif;margin:14px 0 10px}.host{display:flex;align-items:center;justify-content:center;gap:12px}.host img{object-fit:contain}.host span{text-align:left;font-size:10px;line-height:1.8;letter-spacing:.12em;color:#735332}.host b{font-size:11px}.discord-link{display:inline-block;color:#74152b;margin-top:10px;font-size:14px}/* The pocket clips paper at the envelope base throughout the animation. */
.enhanced .paper-pocket{position:absolute;inset:0 0 var(--envelope-bottom);z-index:2;overflow:hidden;pointer-events:none}
.enhanced .invitation{bottom:var(--paper-inset);visibility:hidden;transform:translateY(calc(100% - var(--pocket-depth)));pointer-events:auto}.is-open .flap{transform:rotateX(180deg);z-index:1}.enhanced .is-open .invitation{visibility:visible;transform:translateY(calc(-1 * var(--rise)));transition:transform 1s .45s,visibility 0s .4s}.is-open .open-trigger{opacity:0;visibility:hidden}.controls{position:relative;text-align:center;min-height:85px;margin-top:-15px}.controls p{font-size:14px;color:var(--muted);margin:0 0 12px}.controls button{background:none;border:0;border-bottom:1px solid #d6b77755;color:var(--gold);padding:8px 2px;font-size:14px}footer{max-width:1400px;margin:0 auto;padding:23px 6%;border-top:1px solid #d6b77724;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.17em;color:#a7978b}body:not(.enhanced) .stage{height:auto;padding:24px 0}body:not(.enhanced) .invitation{position:relative;bottom:auto;left:auto;margin:auto}body:not(.enhanced) .envelope-back,body:not(.enhanced) .envelope-front,body:not(.enhanced) .flap,body:not(.enhanced) .open-trigger,body:not(.enhanced) .controls{display:none}
@media(min-width:700px){.enhanced .stage{height:630px}.enhanced .stage:not(.is-open){height:430px}.stage{transition:height .9s}.intro{padding-top:36px}}
@media(max-width:699px){.masthead{padding:16px 22px}.brand{font-size:15px}.brand img{width:40px;height:40px}.edition{font-size:9px;letter-spacing:.1em}.intro{padding:25px 20px 5px}.intro .eyebrow{font-size:10px}.intro>p:last-child{font-size:14px;max-width:270px;margin:12px auto}.experience{padding:0 16px}.stage{height:660px;--rise:205px;--envelope-bottom:40px;--paper-inset:30px;--pocket-depth:180px;transition:height .9s}.enhanced .stage:not(.is-open){height:345px}.envelope-back,.envelope-front,.flap{height:225px;bottom:40px}.open-trigger{bottom:120px;height:140px}.seal{width:76px;height:76px}.envelope-wordmark{font-size:20px;bottom:43px}.envelope-subtitle{font-size:8px;bottom:25px}.invitation{left:4%;width:92%;bottom:70px}.card-inner{padding:20px 13px 14px}.invitation h2{font-size:36px}.invitation h3{font-size:27px}.channel{font-size:16px}.date{font-size:15px}.host img{width:63px;height:63px}.signoff{font-size:14px}footer{font-size:8px;padding:22px}.controls{margin-top:-8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.enhanced .stage.is-open{height:var(--open-height,850px)}

@media print{.enhanced .paper-pocket{position:static;overflow:visible}.masthead,.intro,footer,.controls,.envelope-back,.envelope-front,.flap,.open-trigger{display:none!important}body{background:white}.experience,.stage{height:auto!important;width:100%;max-width:none}.enhanced .invitation{visibility:visible;position:static;transform:none;max-height:none;overflow:visible;width:100%;box-shadow:none}.invitation{break-inside:avoid}}