html.signup-invitation-active{overflow:hidden}
dialog.signup-invitation{
 --invitation-ink:#352b26;--invitation-muted:#443a35;--invitation-glass:rgba(255,253,248,.66);--invitation-field:rgba(255,253,248,.72);--invitation-rule:#85766c;
 position:fixed;inset:0;width:min(420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:0;border-radius:0;background:transparent;color:var(--invitation-ink);overflow:auto;scrollbar-width:thin;box-shadow:none;isolation:isolate;
}
.signup-invitation::backdrop{background:rgba(53,43,38,.24);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.signup-arch{position:absolute;inset:0;border:0;border-radius:220px 220px 36px 36px;background:var(--invitation-glass);backdrop-filter:blur(36px) saturate(.8);-webkit-backdrop-filter:blur(36px) saturate(.8);box-shadow:0 24px 80px rgba(35,24,24,.16);z-index:-1;pointer-events:none}
.invitation-content{width:100%;margin:0;padding:16px 16px 24px;position:relative;text-align:center}
.invitation-image{width:100%;height:210px;position:relative;margin:0 0 24px;border:0;border-radius:200px 200px 22px 22px;overflow:hidden;background:#352b26}
.invitation-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.invitation-image:after{content:'';position:absolute;inset:0;background:rgba(24,19,16,.2)}
.invitation-image svg{position:absolute;z-index:1;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;fill:#fffdf8;stroke:none}
.invitation-copy{padding:0 18px}
.invitation-copy .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--invitation-muted)}
.signup-invitation .invitation-copy h2{position:static;transform:none;width:auto;max-width:100%;font-family:var(--font-display);font-size:32px;font-weight:500;line-height:1.22;letter-spacing:-.035em;color:var(--invitation-ink);margin:12px 0 14px;text-shadow:none;overflow-wrap:break-word}
.invitation-copy h2:focus{outline:none}
.invitation-copy>p{font-size:13px;line-height:1.65;color:var(--invitation-muted)}
.invitation-form{margin-top:24px;text-align:left}
.invitation-form>label{display:block;font-size:12px;margin-bottom:8px;color:var(--invitation-ink)}
.invitation-form>input{display:block;width:100%;min-height:48px;padding:12px 14px;border:0;border-bottom:1px solid var(--invitation-rule);background:var(--invitation-field);color:var(--invitation-ink);border-radius:10px 10px 0 0;font-size:16px}
:root[data-theme] .signup-invitation .invitation-form input::placeholder{color:var(--invitation-muted);opacity:1}
.invitation-form .invitation-consent{display:flex;align-items:start;gap:10px;font-size:11px;line-height:1.65;margin:14px 0 18px;color:var(--invitation-muted)}
.invitation-consent input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:#632f39}
.invitation-consent a{text-decoration:underline;text-underline-offset:3px;color:var(--invitation-ink)}
.signup-invitation .invitation-submit{width:100%;justify-content:center;min-height:48px;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;background:#632f39;color:#fffdf8;border:0;border-radius:24px;padding:12px 16px;transition:background .18s,color .18s}
.invitation-submit:disabled{cursor:default}
.invitation-status{font-size:12px;line-height:1.6;color:var(--invitation-muted);text-align:center;margin-top:12px;min-height:19px}
.invitation-decline{min-height:44px;font-size:12px;color:var(--invitation-muted);padding:8px 16px;margin-top:6px;border-radius:22px;text-decoration:none}
.invitation-close{position:absolute;z-index:2;top:154px;right:30px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,253,248,.94);color:#352b26;font-size:26px;line-height:1;display:grid;place-items:center;box-shadow:0 3px 12px #00000010}
.signup-invitation .invitation-submit:hover:not(:disabled){background:#4c222b;color:#fffdf8}
.signup-invitation .invitation-close:hover{background:#fffdf8;color:#632f39}
.signup-invitation .invitation-decline:hover{background:rgba(53,43,38,.07);color:var(--invitation-ink)}
.signup-invitation :is(button,input,a):focus-visible{outline:2px solid #632f39;outline-offset:4px}
.invitation-form input:focus-visible{outline-offset:-3px}
:root[data-theme="dark"] dialog.signup-invitation{--invitation-ink:#fffdf8;--invitation-muted:#f0e1e5;--invitation-glass:rgba(47,29,35,.56);--invitation-field:rgba(255,253,248,.1);--invitation-rule:#d7c6cb}
:root[data-theme="dark"] .signup-invitation::backdrop{background:rgba(20,12,15,.25)}
:root[data-theme="dark"] .signup-invitation .invitation-submit{background:#fffdf8;color:#632f39}
:root[data-theme="dark"] .signup-invitation .invitation-submit:hover:not(:disabled){background:#e9dfd2;color:#352b26}
:root[data-theme="dark"] .signup-invitation .invitation-decline:hover{background:rgba(255,253,248,.08);color:#fffdf8}
:root[data-theme="dark"] .signup-invitation :is(button,input,a):focus-visible{outline-color:#fffdf8}
:root[data-theme="dark"] .signup-invitation .invitation-close:focus-visible{outline-color:#632f39}
@media(max-width:600px){
 .invitation-image{height:180px;margin-bottom:22px}.invitation-copy{padding:0 12px}.signup-invitation .invitation-copy h2{font-size:clamp(27px,7.8vw,31px)}.invitation-close{top:124px;right:28px}.invitation-content{padding-bottom:20px}
}
@media(max-height:700px){
 .invitation-image{height:130px;margin-bottom:18px}.invitation-image svg{width:42px;height:42px;top:calc(50% - 21px);left:calc(50% - 21px)}.invitation-close{top:78px}.signup-invitation .invitation-copy h2{font-size:27px;margin:10px 0 12px}.invitation-form{margin-top:18px}.invitation-form .invitation-consent{margin:12px 0 14px}.invitation-content{padding-bottom:16px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.signup-arch{background:#f5f0e8}:root[data-theme="dark"] .signup-arch{background:#35252b}}
