body.invitation-locked{overflow:hidden}
.invitation-gateway{--g-paper:#f7f1e4;--g-ink:#343730;--g-accent:#816539;--g-dark:#665137;--g-seal:#743639;position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;background:radial-gradient(circle at 50% 42%,#fff9ed 0,var(--g-paper) 65%,#e7dfcf 100%);color:var(--g-ink);font-family:Georgia,'Times New Roman',serif;transition:opacity .45s ease,visibility .45s ease}
.invitation-gateway.coastal{--g-paper:#f0f2ee;--g-ink:#203d46;--g-accent:#516c7b;--g-dark:#365a67;--g-seal:#416379;background:radial-gradient(circle at 50% 40%,#fbfcf7 0,#eff3f1 67%,#dce8e7 100%)}
.invitation-gateway.is-dismissed{opacity:0;visibility:hidden;pointer-events:none}
.gateway-grain{position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.11' filter='url(%23n)'/%3E%3C/svg%3E")}
.gateway-frame{position:absolute;inset:17px;border:1px solid color-mix(in srgb,var(--g-accent),transparent 61%);pointer-events:none}
.gateway-topline,.gateway-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px clamp(30px,4vw,60px);font:10px/1.5 Arial,sans-serif;letter-spacing:.23em;color:var(--g-accent)}
.gateway-skip{border:0;background:transparent;color:var(--g-ink);padding:8px 0;font:11px/1.5 Arial,sans-serif;letter-spacing:.08em;cursor:pointer;text-decoration:none}
.gateway-skip:hover{text-decoration:underline;text-underline-offset:5px}
.gateway-center{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:560px;flex:1;padding:20px 18px 15px;text-align:center}
.gateway-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.26em;color:var(--g-accent);margin:0 0 13px}
.gateway-title{font:400 clamp(37px,5vw,63px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:0 0 45px;color:var(--g-ink)}
.gateway-title em{font-weight:400;color:var(--g-accent)}
.gateway-envelope{position:relative;isolation:isolate;display:block;flex:none;width:min(410px,84vw);height:270px;max-width:100%;border:0;outline-offset:9px;background:transparent;padding:0;cursor:pointer;perspective:1000px;overflow:visible;color:var(--g-ink);box-shadow:none}
.envelope-back,.envelope-front,.envelope-flap{position:absolute;inset:0;pointer-events:none}
.envelope-back{z-index:0;background:linear-gradient(145deg,#e5d6ba,#f3e8d3 55%,#dfcbae);box-shadow:0 22px 35px #65533f31,0 2px 6px #66543a23;border:1px solid #ccb99b}
.coastal .envelope-back{background:linear-gradient(145deg,#d4e0dd,#e9eeea 55%,#b7cecd);border-color:#abc4c4}
.envelope-letter{position:absolute;left:8%;top:0;z-index:6;display:flex;align-items:center;flex-direction:column;justify-content:center;width:84%;height:92%;padding:30px 16px;background:linear-gradient(140deg,#fffefa,#f4efe4);box-shadow:0 1px 8px #64513923;transform:translateY(34px) scale(.93);opacity:0;clip-path:inset(100% 0 0 0);transition:transform 1.05s .72s cubic-bezier(.18,.7,.2,1),clip-path 1.05s .72s cubic-bezier(.18,.7,.2,1),opacity .4s .72s,box-shadow 1.05s .72s;color:var(--g-ink);will-change:transform,clip-path}
.coastal .envelope-letter{background:linear-gradient(140deg,#fffffa,#f1f3eb)}
.letter-small{font:9px/1.5 Arial,sans-serif;letter-spacing:.25em;color:var(--g-accent)}
.letter-names{font:400 clamp(32px,4vw,41px)/1.24 Georgia,serif;white-space:nowrap;letter-spacing:-.07em;margin:11px 0 3px}
.letter-names i{color:var(--g-accent);font-weight:400;margin:0 .07em}
.letter-rule{font-size:21px;color:var(--g-accent);line-height:1.4;margin:4px}
.letter-date,.letter-place{font:9px/1.8 Arial,sans-serif;letter-spacing:.2em;color:var(--g-dark)}
.letter-place{font-size:8px;margin-top:3px}
.envelope-front{z-index:3;background:linear-gradient(150deg,#f9eddb,#e3d1b7);clip-path:polygon(0 0,50% 59%,100% 0,100% 100%,0 100%);border-bottom:1px solid #bca88a}
.coastal .envelope-front{background:linear-gradient(150deg,#ebf3ee,#bcd2cf)}
.envelope-flap{z-index:4;background:linear-gradient(170deg,#f4e5ce,#dec8a8);clip-path:polygon(0 0,100% 0,50% 62%);transform-origin:50% 0;backface-visibility:hidden;transition:transform .7s cubic-bezier(.21,.61,.25,1);box-shadow:0 7px 12px #6c5c4533}
.coastal .envelope-flap{background:linear-gradient(170deg,#e4f0eb,#c4d9d6)}
.envelope-seal{position:absolute;z-index:5;left:50%;top:49%;width:67px;height:67px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;font:32px Georgia,serif;background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--g-seal),white 20%),var(--g-seal) 70%);color:#f7edda;border:4px double #ffffff4a;box-shadow:0 3px 7px #34251a44,inset 0 0 0 2px #ffffff1b;transition:transform .45s,opacity .35s}
.invitation-gateway.is-open .envelope-flap{transform:rotateX(180deg)}
.invitation-gateway.is-open .envelope-letter{transform:translateY(-105px) scale(1.07);opacity:1;clip-path:inset(0 0 0 0);box-shadow:0 17px 25px #64513920}
.invitation-gateway.is-open .envelope-seal{transform:translate(-50%,-90%) scale(.35);opacity:0;pointer-events:none}
.gateway-hint{font:11px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--g-accent);margin:28px 0 0;min-height:18px}
.gateway-continue{font:11px/1.5 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;min-height:42px;padding:9px 24px;margin:17px 0 0;background:var(--g-dark);border:1px solid var(--g-dark);color:#fffdf6;cursor:pointer;transition:background .2s}
.gateway-continue:hover{background:var(--g-ink)}
.gateway-continue[hidden]{display:none!important}
.gateway-bottom-symbol{font-size:16px}
.invitation-gateway button:focus-visible{outline:2px solid var(--g-accent);outline-offset:5px}
@media(max-width:640px){.gateway-frame{inset:9px}.gateway-topline,.gateway-bottom{padding:22px 25px;font-size:8px;letter-spacing:.1em}.gateway-topline>span{max-width:160px}.gateway-bottom{justify-content:center;text-align:center}.gateway-bottom-symbol,.gateway-bottom span:last-child{display:none}.gateway-center{min-height:450px;padding-bottom:30px}.gateway-title{margin-bottom:36px}.gateway-envelope{height:215px;width:min(350px,81vw)}.envelope-letter{padding:15px 8px}.letter-names{font-size:clamp(28px,8vw,37px)}.letter-date,.letter-place{font-size:8px}.envelope-seal{width:56px;height:56px;font-size:27px}.gateway-hint{margin-top:27px}.invitation-gateway.is-open .envelope-letter{transform:translateY(-86px) scale(1.06)}}
@media(max-height:650px){.gateway-center{min-height:490px}.gateway-topline,.gateway-bottom{padding-block:15px}}
@media(prefers-reduced-motion:reduce){.invitation-gateway,.envelope-flap,.envelope-letter,.envelope-seal,.gateway-continue{transition:none!important}}