/* The Ezgi & Matthias example uses the same paper, wax seal and motion as the homepage. */
.invitation-gateway.winter .gateway-center{padding-top:70px;padding-bottom:90px;gap:0}
.invitation-gateway.winter .gateway-title{margin-bottom:112px;transition:opacity .25s,transform .25s}
.invitation-gateway.winter.is-open .gateway-title{opacity:0;transform:translateY(-8px);pointer-events:none}
.invitation-gateway .gateway-paper-envelope{position:relative;left:auto;top:auto;transform:none;flex:none;width:min(410px,78vw);aspect-ratio:1.55}
.gateway-paper-envelope .hero-envelope-back{position:absolute}
.gateway-paper-envelope .hero-envelope-back:before{content:'';position:absolute}
.gateway-paper-envelope .hero-letter{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}
.gateway-paper-envelope .hero-letter:before{content:'';position:absolute;pointer-events:none}
.gateway-paper-envelope .hero-letter-names{font-family:Georgia,serif;font-size:32px;line-height:1.2}
.gateway-paper-envelope .hero-letter-names i{font-weight:normal}
.gateway-paper-envelope .hero-letter-date{font-family:Arial,sans-serif;font-size:8px;line-height:1.7}
.gateway-paper-envelope .hero-letter-link{position:relative;margin-top:18px;font-family:Arial,sans-serif;font-size:10px}
.gateway-paper-envelope .hero-envelope-front,.gateway-paper-envelope .hero-envelope-flap{position:absolute;pointer-events:none}
.gateway-paper-envelope .hero-envelope-seal{position:absolute;box-sizing:border-box}
.gateway-paper-trigger{margin-top:30px;border:0;border-bottom:1px solid #aa9271;background:transparent;padding:12px 2px 9px;color:var(--g-ink);font:12px/1.5 Arial,sans-serif;letter-spacing:.04em;cursor:pointer;appearance:none;-webkit-appearance:none}
.gateway-paper-trigger[hidden]{display:none}
.gateway-paper-trigger:focus-visible{outline:2px solid #7c2937;outline-offset:5px}
.invitation-gateway.winter .gateway-hint{margin-top:16px}
.invitation-gateway.winter .gateway-continue{margin-top:12px}
@media(max-width:600px){
 .invitation-gateway.winter .gateway-center{padding-top:76px;padding-bottom:84px;min-height:0}
 .invitation-gateway.winter .gateway-title{font-size:clamp(30px,8vw,42px);margin-bottom:105px}
 .invitation-gateway .gateway-paper-envelope{width:min(350px,78vw)}
 .gateway-paper-envelope .hero-letter-names{font-size:25px;margin:15px 0 12px}
 .gateway-paper-envelope .hero-letter-date{font-size:7px}
 .gateway-paper-trigger{margin-top:26px}
}
@media(max-height:700px) and (min-width:601px){
 .invitation-gateway.winter .gateway-center{padding-block:54px}
 .invitation-gateway.winter .gateway-title{font-size:36px;margin-bottom:82px}
 .invitation-gateway .gateway-paper-envelope{width:320px}
 .gateway-paper-trigger{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.invitation-gateway.winter .gateway-title{transition:none}}

/* A quiet, stable action area for the invitation opening sequence. */
.gateway-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;width:min(100%,350px);min-height:54px;margin-top:28px}
.gateway-actions .gateway-paper-trigger,.invitation-gateway.winter .gateway-actions .gateway-continue{grid-area:1/1;margin:0;max-width:100%;min-height:46px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.gateway-actions .gateway-paper-trigger{transition:opacity .25s ease,transform .35s ease,visibility .25s;opacity:1;transform:translateY(0)}
.invitation-gateway.is-open .gateway-paper-trigger{opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none}
.gateway-actions .gateway-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;border-radius:2px;padding:14px 22px;box-shadow:0 5px 15px #273f3512;transition:opacity .7s ease,transform .85s cubic-bezier(.22,.61,.36,1),visibility .7s,background .2s}
.invitation-gateway.is-ready .gateway-continue{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.invitation-gateway.winter .gateway-hint{transition:opacity .3s ease;opacity:1}
.invitation-gateway.is-open:not(.is-ready) .gateway-hint{opacity:0}
.invitation-gateway:focus{outline:none}
@media(max-width:600px){.gateway-actions{margin-top:26px;width:min(100%,310px)}.gateway-actions .gateway-continue{font-size:10px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.gateway-actions .gateway-paper-trigger,.gateway-actions .gateway-continue,.invitation-gateway.winter .gateway-hint{transition:none!important;transform:none!important}}