.club-invite{background:var(--surface-night);color:var(--on-dark);padding-block:82px;overflow:clip;container:club-invite/inline-size}.club-invite-inner{width:min(100% - 2 * var(--site-gutter), 1240px);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"copy visual""cta visual";align-items:center;gap:28px 48px;margin-inline:auto;display:grid}.club-invite-copy{grid-area:copy;align-self:end}.club-invite-visual{isolation:isolate;grid-area:visual;position:relative}.club-invite-visual:before{content:"";z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--purple) 26%, transparent), transparent 68%);pointer-events:none;position:absolute;inset:8% -6%}.club-invite-visual img{object-fit:contain;width:100%;height:auto;display:block}.club-invite-cta{grid-area:cta;place-self:start}.club-invite h2{font-family:var(--font-display);text-wrap:balance;font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:1.15}.club-invite-subject{display:block}.club-invite p{color:var(--on-dark-2);max-width:43ch;margin-top:22px;font-size:18px;line-height:1.65}.club-invite a:focus-visible{outline:3px solid var(--pink-pale);outline-offset:5px}.club-invite--compact{border-radius:22px;margin-top:46px;padding:38px 32px}.club-invite--compact .club-invite-inner{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;width:100%}.club-invite--compact h2{font-size:clamp(27px,3vw,32px)}.club-invite--compact p{font-size:17px}.club-invite--compact .hot-cta{--hot-h:50px}.club-invite--compact .hot-btn{padding-inline:22px}@media (width<=1100px){.club-invite-inner{column-gap:28px}}@container club-invite (width<=700px){.club-invite .club-invite-inner{text-align:center;grid-template-columns:1fr;grid-template-areas:"copy""visual""cta";gap:22px}.club-invite p{margin-inline:auto;font-size:17px}.club-invite-visual{width:min(100%,560px);margin-inline:auto}.club-invite-cta{justify-self:center}}@media (width<=767px){.club-invite{padding-block:48px}.club-invite--compact{padding:30px 20px}}@media (width<=380px){.club-invite .hot-btn{padding-inline:28px}.club-invite--compact .hot-btn{padding-inline:12px;font-size:15px}.club-invite--compact .hot-cta{--hot-h:44px}}