@font-face{font-family:'Pinyon Script';src:url('fonts/pinyon-script.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--blue:#385774;--blue-dark:#263f58;--olive:var(--blue);--olive-dark:var(--blue-dark);--ivory:#fffdf5;--paper:#fcfaf3;--quiet:#526a7e;--paper-line:#b2c0ca}
html{background:#dbe4e5}
.dusty-blue-invitation{position:relative;isolation:isolate;min-height:100svh}
.floral-background{position:fixed;inset:0;z-index:-2;display:block;pointer-events:none}
.floral-background img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.floral-background::after{content:"";position:absolute;inset:0;background:#fbfaf412}
.welcome{padding:36px 5vw 86px;transition:opacity .4s var(--ease)}
.arrangement{width:min(790px,100%,calc((100svh - 210px)*1.589))}
.envelope{aspect-ratio:1581/995;filter:drop-shadow(0 16px 22px #1b35544d)}
.envelope-copy{top:12%;left:10%;width:80%;color:#203c56;text-shadow:none}
.envelope-kicker{font-size:2.05cqw;letter-spacing:.16em;margin-bottom:.5cqw}
.envelope-copy h1{font:400 8.4cqw/1.4 'Pinyon Script',cursive}
.wax-seal{top:76%;width:15%;filter:drop-shadow(0 .45cqw .5cqw #152b4b66);z-index:1}
.wax-seal:focus-visible{outline:3px solid var(--blue-dark);outline-offset:5px}
.envelope-date{bottom:4%;left:20%;width:60%;color:#203c56;font-size:2.55cqw;letter-spacing:.12em;text-shadow:none}
.pill{border-color:var(--blue-dark);background:var(--blue-dark);color:var(--ivory);box-shadow:0 5px 18px #253f5b33}
.open-invitation{margin-top:26px}
.welcome-footnote{left:50%;right:auto;transform:translateX(-50%);bottom:22px;width:fit-content;max-width:calc(100% - 30px);padding:7px 19px;border-radius:999px;background:#fffdf4f2;color:var(--blue-dark);text-shadow:none;white-space:nowrap}
.welcome.is-leaving{opacity:0}
.letter-scene{animation:arrive .7s var(--ease) both}
.invitation-letter{border-color:var(--paper-line);box-shadow:0 20px 65px #253f5b33}
.letter-border{border-color:#7895ac66}
.letter-rule{background:#7895ac}
.back-to-envelope{background:var(--paper);color:var(--blue-dark)}
@media(hover:hover){.pill:hover{background:var(--blue);box-shadow:0 8px 22px #253f5b44}.back-to-envelope:hover{color:var(--ivory)}}
@media(max-width:700px){
 .welcome{padding:40px 4vw 86px}
 .arrangement{width:100%;max-width:520px}
 .envelope-copy{top:12%;left:8%;width:84%}
 .envelope-kicker{font-size:2.8cqw;margin-bottom:.7cqw}
 .envelope-copy h1{font-size:9cqw;line-height:1.4}
 .wax-seal{width:17.5%}
 .envelope-date{bottom:3.5%;font-size:3.15cqw}
 .open-invitation{margin-top:27px;min-height:50px;font-size:16px}
 .welcome-footnote{font-size:12px;bottom:25px;padding:7px 14px}
}
@media(max-height:600px) and (min-width:701px){
 .welcome{padding:20px 5vw 60px}
 .arrangement{width:min(650px,100%,calc((100svh - 160px)*1.589))}
 .open-invitation{margin-top:15px;min-height:44px;font-size:15px;padding:9px 23px}
 .welcome-footnote{bottom:12px;font-size:11px;padding:4px 14px}
}
@media(prefers-reduced-motion:reduce){.welcome{transition:none}.letter-scene{animation:none}}