/* The invitation uses the active site palette; the original artwork is preserved. */
.club-hero.club-hero--invitation{display:grid;grid-template-columns:170px minmax(0,1fr) 260px;align-items:center;gap:24px;padding:18px 28px;overflow:visible}
.club-hero--invitation .club-studio-mark{width:170px;align-self:center}
.club-hero--invitation .club-studio-mark img{width:170px;height:170px}
.club-hero--invitation .club-lounge-welcome{min-width:0}
.club-hero--invitation h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.08}
.club-hero--invitation .club-lounge-welcome>p{font-size:15px;line-height:1.6;max-width:400px}
.club-hero--invitation .club-lounge-welcome>.club-lounge-free{margin-top:12px;font-size:13px;color:var(--muted)}
.club-invitation{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.club-invitation-art{display:block;width:180px;max-width:100%;border-radius:8px;color:inherit;line-height:0}
.club-invitation-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.club-invitation h2{font:400 1.35rem/1.2 var(--display);color:var(--ink);letter-spacing:-.02em;margin:0}
.club-hero--invitation .club-invitation p{font:13px/1.55 var(--sans);color:var(--muted);max-width:260px;margin:0}
.club-invitation-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.club-invitation-enter{margin-top:2px;min-height:44px;max-width:100%;white-space:normal;font-size:12px;background:color-mix(in srgb,var(--panel) 88%,var(--club-gold));border-color:color-mix(in srgb,var(--ink) 25%,var(--line));color:var(--ink)}
.club-invitation-enter:hover{background:color-mix(in srgb,var(--panel) 76%,var(--club-gold))}
.club-invitation-signin{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:12px/1.4 var(--sans);color:var(--ink);text-underline-offset:4px}
.club-invitation-art:focus-visible,.club-invitation-signin:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}
@media(max-width:980px) and (min-width:761px){.club-hero.club-hero--invitation{grid-template-columns:122px minmax(0,1fr) 230px;gap:18px;padding:16px 20px}.club-hero--invitation .club-studio-mark,.club-hero--invitation .club-studio-mark img{width:122px}.club-hero--invitation .club-studio-mark img{height:122px}.club-invitation-art{width:165px}.club-hero--invitation h1{font-size:1.9rem}.club-hero--invitation .club-lounge-welcome>p{font-size:14px}}
@media(max-width:760px){.club-hero.club-hero--invitation{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:16px}.club-hero--invitation .club-studio-mark,.club-hero--invitation .club-studio-mark img{width:90px}.club-hero--invitation .club-studio-mark img{height:90px}.club-hero--invitation h1{font-size:clamp(1.5rem,5.5vw,1.85rem)}.club-hero--invitation .club-lounge-welcome>p{font-size:13px;line-height:1.5}.club-hero--invitation .club-lounge-welcome>.club-lounge-free{font-size:12px;margin-top:8px}.club-invitation{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;margin-top:2px;gap:6px}.club-invitation-art{width:156px}.club-invitation h2{font-size:1.3rem}.club-hero--invitation .club-invitation p{max-width:330px;font-size:13px}.club-invitation-enter{font-size:13px}.club-invitation-signin{font-size:13px}}