.webinar-invite { border:0; padding:0; width:min(820px,calc(100% - 32px)); max-height:90dvh; overflow:auto; background:#fffdf7; color:#142d24; box-shadow:0 24px 80px #142d2455; }
.webinar-invite[open] { display:grid; grid-template-columns: .8fr 1.2fr; }
.webinar-invite::backdrop { background:#142d24b3; }
.webinar-invite > img { width:100%; height:100%; object-fit:cover; }
.webinar-invite-copy { padding:40px 32px 28px; }
.webinar-invite h2 { font:600 clamp(28px,4vw,38px)/1.12 "Playfair Display",Georgia,serif; margin:12px 0 20px; }
.webinar-invite p { font:400 16px/1.55 Arial,sans-serif; margin:0 0 16px; }
.webinar-invite .webinar-promo-eyebrow { font-size:11px; font-weight:700; letter-spacing:.07em; }
.webinar-invite .webinar-promo-date { font-size:14px; font-weight:700; }
.webinar-invite-close { position:absolute; top:8px; right:8px; width:44px; height:44px; border:1px solid #142d24; border-radius:50%; background:#fffdf7; color:#142d24; font-size:28px; cursor:pointer; }
.webinar-invite a.webinar-promo-button, .webinar-invite a.webinar-promo-button:visited { display:block; background:#142d24; color:#fffdf7; padding:16px; text-align:center; text-decoration:none; font:700 14px/1.4 Arial,sans-serif; }
.webinar-invite-dismiss { display:block; margin:8px auto 0; padding:12px; background:none; border:0; text-decoration:underline; color:inherit; cursor:pointer; }
.webinar-invite :focus-visible { outline:3px solid #a54c3d; outline-offset:3px; }
@media(max-width:600px) { .webinar-invite[open] { grid-template-columns:1fr; } .webinar-invite > img { height:150px; object-position:center 28%; } .webinar-invite-copy { padding:22px; } }

.webinar-invite a.webinar-promo-button:hover, .webinar-invite a.webinar-promo-button:focus-visible { background:#24513f; color:#fffdf7; }