.club-popover[hidden] { display: none; }
.club-popover { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(3, 3, 6, .78); backdrop-filter: blur(5px); }
.club-popover__dialog { position: relative; display: grid; grid-template-columns: minmax(210px, .78fr) minmax(300px, 1fr); width: min(840px, 100%); max-height: min(680px, calc(100vh - 48px)); overflow: auto; background: var(--paper); color: var(--ink); box-shadow: 0 24px 80px rgba(0, 0, 0, .5); }
.club-popover__close { position: absolute; z-index: 2; top: 12px; right: 14px; width: 38px; height: 38px; border: 1px solid currentColor; border-radius: 50%; background: rgba(244, 241, 233, .88); color: var(--ink); font-size: 25px; line-height: 1; cursor: pointer; }
.club-popover__media { min-height: 100%; }
.club-popover__media img { display: block; width: 100%; height: 100%; min-height: 480px; object-fit: cover; object-position: center; }
.club-popover__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 6vw, 70px); background: var(--gold); }
.club-popover__eyebrow { margin: 0 0 16px; font: 500 10px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.club-popover__content h2 { margin: 0 0 18px; font: normal clamp(38px, 5vw, 66px)/.88 var(--display); letter-spacing: -.08em; text-transform: uppercase; }
.club-popover__content > p:not(.club-popover__eyebrow):not(.club-popover__status) { margin: 0 0 25px; line-height: 1.55; font-size: 14px; }
.club-popover__content label { display: block; margin-bottom: 8px; font: 500 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.club-popover__content input { width: 100%; border: 0; border-bottom: 1px solid var(--ink); padding: 12px 0; background: transparent; color: var(--ink); outline: 0; font: 14px var(--mono); }
.club-popover__content form button { width: 100%; margin-top: 18px; border: 1px solid var(--ink); padding: 14px; background: var(--ink); color: var(--paper); font: 500 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.club-popover__content form button span { color: var(--gold); }.club-popover__content button:disabled { opacity: .55; cursor: wait; }.club-popover__status { min-height: 21px; margin: 10px 0 0; font: 11px/1.4 var(--mono); }.club-popover__decline { align-self: flex-start; margin-top: 7px; border: 0; border-bottom: 1px solid var(--ink); padding: 0 0 4px; background: none; color: var(--ink); font: 500 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }.club-popover__content small { margin-top: 19px; font: 9px/1.45 var(--mono); opacity: .75; }.club-popover-open { overflow: hidden; }
@media (max-width: 620px) { .club-popover { padding: 14px; } .club-popover__dialog { grid-template-columns: 1fr; max-width: 430px; } .club-popover__media { height: 180px; } .club-popover__media img { min-height: 0; height: 180px; object-position: center 35%; } .club-popover__content { padding: 32px 28px; } .club-popover__content h2 { font-size: 47px; } }