/* Khufu's cinematic spacing and portrait rhythm, in The Club's black and gold. */
.club-khufus { background: var(--club-black); color: var(--club-white); }
.club-khufus .progress { display: none; }
.club-khufus .site-header { display: flex; justify-content: space-between; min-height: 76px; padding: 14px 32px; border: 0; }
.club-khufus .site-header .desktop-nav { display: none; }
.club-khufus .menu-toggle { width: 48px; height: 48px; border: 1px solid rgba(212,173,85,.6); border-radius: 50%; }
.club-khufus .menu-toggle span { background: var(--club-gold); }
.club-khufus .hero--film { padding: 0; border: 0; }
.club-khufus .hero-film { filter: none; object-position: 50% 50%; }
.club-khufus .hero-mark { top: 24px; width: 156px; }

.club-khufus h2 { font-weight: 400; font-size: clamp(36px,4.6vw,68px); line-height: 1.16; letter-spacing: -.035em; color: var(--club-gold); }
.club-khufus h2 em { font-weight: 400; line-height: 1.2; }

.club-khufus .programme { padding: 50px 24px clamp(80px,10vw,150px); background: var(--club-black); }

.club-khufus .live, .club-khufus .lineup, .club-khufus .access, .club-khufus .faq { padding-block: clamp(80px,10vw,150px); background: var(--club-black); }
.club-khufus .index, .club-khufus .kicker { display: none; }

.club-khufus .video-card { border: 0; }
.club-khufus .page-portal img { filter: none; }

.club-khufus .access h2 { font-size: clamp(42px,5vw,76px); }

.club-khufus .button { min-height: 48px; padding: 13px 28px; border-radius: 999px; color: var(--club-black); background: var(--club-gold); white-space: nowrap; }

.club-khufus .site-footer { background: var(--club-black); }
.club-khufus .footer-mark p { font-size: 13px; color: var(--club-gold); }
@media (max-width: 760px) {
 .club-khufus { --mobile-nav-height: calc(88px + env(safe-area-inset-bottom)); }
 .club-khufus .site-header { display: none; }
 .club-khufus .hero--film { height: calc(100svh - var(--mobile-nav-height)); }
 .club-khufus .hero-mark { top: 22px; width: 132px; }
 .club-khufus .hero-film-toggle { bottom: 20px; }

 .club-khufus .programme { padding-inline: 20px; padding-top: 28px; }

 .club-khufus .home-actions { grid-template-columns: 1fr 1.35fr 1fr; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); gap: 8px; border: 0; background: var(--club-black); color: var(--club-gold); }
 .club-khufus .home-actions > a { min-height: 58px; border-radius: 999px; font-size: 11px; font-weight: 500; }
 .club-khufus .home-actions .mobile-nav-book { flex-direction: row; gap: 10px; background: var(--club-gold); color: var(--club-black); font-weight: 600; letter-spacing: .02em; }
 .club-khufus .home-actions .mobile-nav-book svg { width: 18px; height: 18px; }
 .club-khufus .home-actions a:focus-visible { outline-offset: -4px; }
 .club-khufus .home-actions .mobile-nav-book:focus-visible { outline-color: var(--club-black); }
}

/* Desktop uses the still; mobile uses one full-screen video surface. */
.club-khufus .hero--film { --club-inset-height:min(58svh,600px,calc(100svh - 220px)); }
.club-khufus .club-hero-photo { display:none; }
.club-khufus .hero-film, .club-khufus .hero-film-toggle { display:none; }
@media (min-width:761px) {
 .club-khufus .club-hero-photo { position:absolute; inset:0; display:block; background:image-set(url("../assets/images/the-club-hands-up.avif") type("image/avif"), url("../assets/images/the-club-hands-up.webp") type("image/webp")) center 35% / cover no-repeat; }
}
@media (max-width:760px) {
 .club-khufus.club-presentation .hero-film { display:block; inset:0; width:100%; height:100%; transform:none; border:0; border-radius:0; object-fit:cover; background:#080808; }
 .club-khufus .hero-film-toggle { display:grid; width:48px; height:48px; bottom:20px; }
}
@media (max-height:500px) { .club-khufus .hero-mark { top:14px; width:90px; } }

.club-khufus { --mobile-nav-height:calc(88px + env(safe-area-inset-bottom)); padding-bottom:var(--mobile-nav-height); }
.club-khufus .site-header { justify-content:flex-end; }
.club-khufus .home-actions { position:fixed; z-index:2400; inset:auto auto 24px 50%; transform:translateX(-50%); display:grid; width:420px; height:var(--mobile-nav-height); grid-template-columns:1fr 1.16fr 1fr; padding:12px 16px calc(18px + env(safe-area-inset-bottom)); gap:8px; border:0; background:var(--club-black); color:var(--club-gold); }
.club-khufus .home-actions > a { display:flex; align-items:center; justify-content:center; height:50px; min-height:50px; min-width:44px; border:1px solid var(--club-gold); border-radius:999px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.club-khufus .home-actions svg { display:none; }
.club-khufus .home-actions .mobile-nav-book { height:54px; background:var(--club-gold); color:var(--club-black); }
.club-khufus .mobile-menu { bottom:calc(var(--mobile-nav-height) + 24px); }
@media (max-width:760px) {
 .club-khufus .home-actions { inset:auto 0 0; width:100%; transform:none; }
 .club-khufus .mobile-menu { bottom:var(--mobile-nav-height); }
}
.club-khufus.club-presentation .home-actions .mobile-nav-book,
.club-khufus.club-presentation .home-actions .mobile-nav-book:visited,
.club-khufus.club-presentation .home-actions .mobile-nav-book:hover,
.club-khufus.club-presentation .home-actions .mobile-nav-book:active,
.club-khufus.club-presentation .home-actions .mobile-nav-book:focus-visible {
 background:#882E28;
 border-color:#882E28;
 color:#fff;
}