@font-face{font-family:InvitationSerif;src:url('/fonts/TAN-AngletonRegular.woff2') format('woff2');font-display:swap}
@font-face{font-family:InvitationScript;src:url('/fonts/SloopScriptPro-Regular.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;min-height:100svh;padding:24px 16px;display:grid;place-items:center;background:#393530;color:#38201f;font-family:InvitationSerif,Georgia,serif}
.card{width:min(420px,100%);overflow:hidden;border-radius:18px;box-shadow:0 10px 45px #0005;text-align:center;background:#cbc8bb}
.photo{height:245px;background:url('/events/darrenvannia/img/bggreeting.webp') center bottom/cover}
.content{padding:28px 24px 32px;background:url('/events/darrenvannia/img/segbg020.webp') center/cover}
.eyebrow{font-size:14px;text-transform:uppercase;margin:4px 0 20px}
h1{font-family:InvitationScript,cursive;font-size:clamp(44px,10vw,60px);font-weight:400;line-height:1.1;margin:0 0 26px}
.guest-recipient{margin:0 0 18px}.dear{font-size:16px;margin:0 0 6px}.guest-name{font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,4.5vw,23px);line-height:1.35;margin:0;text-wrap:balance}.intro{font-size:14px;line-height:1.35;margin:0 0 18px}
button{background:#38201f;color:#fff;border:0;border-radius:26px;min-height:46px;padding:12px 26px;font:16px InvitationSerif,Georgia,serif;cursor:pointer;max-width:100%}
button:disabled{opacity:.6;cursor:wait}
label{display:block;font-size:14px;line-height:1.5;margin-bottom:12px}
input{display:block;width:100%;height:46px;border:1px solid #776b61;border-radius:7px;background:#fff;color:#38201f;font:20px system-ui;padding:8px 12px;margin-bottom:16px;text-align:center}
:focus-visible{outline:3px solid #9c7954;outline-offset:3px}
#password-status{font-family:Georgia,serif;font-size:15px;line-height:1.4;margin:14px 0 0;min-height:20px}