@font-face{font-family:Cinzel;src:url('../assets/fonts/cinzel-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
.club-presentation{font-size:20.8px;line-height:1.55;background:#080808;color:#f4f0e8;--dock-height:calc(94px + env(safe-area-inset-bottom,0px));--mobile-nav-height:var(--dock-height);--stage-dock:var(--dock-height);--stage-skirt:#080808;color-scheme:dark}
.club-presentation main{overflow:clip}
.club-presentation[data-mobile-brand]{padding-bottom:0}
.club-presentation h2{margin:0 0 26px;font:700 clamp(41.6px,5.6vw,90px)/1.02 var(--font-display);text-transform:uppercase;letter-spacing:-.025em;color:#d4ad55;background:var(--club-gold-texture);background-size:cover;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}
.club-presentation .site-header{z-index:12;justify-content:flex-end}
.club-presentation .hero--film{height:100svh;--club-inset-height:min(60svh,660px,calc(100svh - 220px),128vw)}
.club-presentation .hero-film{border:4px solid #080808;border-radius:0;object-fit:cover;filter:none;z-index:1}
.club-presentation .hero-mark{top:20px;width:clamp(140px,16vw,180px);z-index:2}
.club-presentation .hero-private{position:absolute;inset:auto 20px calc(var(--dock-height) + 8px);z-index:2;text-align:center;font-size:14px;font-weight:600;letter-spacing:.14em;color:#f4f0e8}
.club-presentation .hero-film-toggle{bottom:calc(var(--dock-height) + 8px);left:20px;z-index:3}
.presentation-section{position:relative;padding:40px 28px;background:#080808;scroll-margin-top:24px}
.presentation-pin{position:relative;background:#080808}
.private-access{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding-block:52px}
.access-essential{display:flex;flex-direction:column;gap:20px;color:#c7c0b1;font-size:18px}
.presentation-deck{position:relative;width:100%;max-width:1050px;margin-inline:auto;outline-offset:4px}
.presentation-slide{position:relative;overflow:hidden;border-radius:0;margin-bottom:14px;background:#111;isolation:isolate}
.presentation-slide picture,.presentation-slide img{display:block;width:100%;height:100%}
.presentation-slide img{object-fit:cover;object-position:50% 38%;transition:transform 700ms ease}
.presentation-slide:not([hidden]) img{transform:scale(1.015)}
.presentation-slide figcaption{display:block;letter-spacing:0;position:absolute;inset:auto 0 0;padding:60px 24px 24px;color:#fff;background:linear-gradient(transparent,rgb(0 0 0/.74));font:700 clamp(30px,3.8vw,52px)/1.05 var(--font-display);text-transform:uppercase;pointer-events:none}
.presentation-slide figcaption strong{display:block;font-weight:700}.presentation-slide figcaption small{display:block;font:500 12px/1.5 var(--font-body);margin-bottom:8px}
.film-deck{--stage-slide-width:min(100%,100cqb * 9 / 16)}
.film-slide{width:min(100%,calc((100svh - var(--dock-height) - 245px)*.5625));min-width:180px;max-width:420px;margin-inline:auto;aspect-ratio:9/16;transform:none}
.film-slide video{position:static;width:100%;height:100%;object-fit:cover;aspect-ratio:9/16;filter:none}
.film-control{position:absolute;right:16px;top:16px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(212 173 85/.7);border-radius:50%;background:rgb(8 8 8/.65);color:#d4ad55;cursor:pointer;font-size:15px}
.sequence-meta{display:flex;justify-content:flex-end;gap:16px;max-width:1050px;margin:12px auto 0;font-size:13px;color:#c7c0b1}
.sequence-meta [data-counter]{font-variant-numeric:tabular-nums;white-space:nowrap}
.resident-row{display:flex;gap:8px 28px;flex-wrap:wrap;margin-bottom:18px;font-weight:600;font-size:18px;color:#f4f0e8}
.resident-row a{min-height:44px;display:flex;align-items:center}
.archive-section h2{margin-bottom:18px}.archive-section .resident-row{margin-bottom:8px}.archive-section .presentation-window{padding-block:10px 20px}
.archive-label,.archive-note{font-size:13px;color:#c7c0b1;line-height:1.6}.archive-note{margin-top:26px;position:relative;background:#080808}
.archive-note a{text-underline-offset:4px;text-decoration:underline}
.presentation-window{width:calc(100% + 56px);margin-inline:-28px;padding:22px 28px 24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}
.presentation-window::-webkit-scrollbar{display:none}
.presentation-track{display:flex;align-items:center;width:max-content;padding-right:28px;list-style:none}
/* One card width for the rail, read by the cards and by the stage to centre them. */
.archive-track{--stage-card-width:min(clamp(300px,32vw,calc(100svh - var(--dock-height) - 390px)),100cqb)}
.archive-card{position:relative;flex-shrink:0;width:var(--stage-card-width);aspect-ratio:1;overflow:hidden;border-radius:0;scroll-snap-align:center;transform:rotate(-3deg);background:#111}
.archive-card+.archive-card{margin-left:-64px;transform:rotate(3deg)}.archive-card:nth-child(odd){transform:rotate(-3deg)}
.archive-card picture,.archive-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.archive-caption{position:absolute;inset:auto 0 0;padding:68px 24px 24px;background:linear-gradient(transparent,rgb(0 0 0/.88));color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.archive-name{display:block;font:700 clamp(29px,3.5vw,44px)/1.05 var(--font-display);text-transform:uppercase}
.archive-caption small{display:block;font-size:12px;margin-top:8px}.archive-caption .source-link{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:flex-end}
.archive-card--identity img{object-position:50% 65%}
.archive-card.is-current,.archive-card:focus-within{z-index:2}
.faq-section{max-width:1120px;margin-inline:auto;padding-block:46px 32px}.club-presentation .faq-list details{padding:18px 0;border-bottom:1px solid rgb(212 173 85/.25)}
.club-presentation .faq-list summary{font-size:19px;line-height:1.4;min-height:44px}.club-presentation .faq-list summary small{font-size:13px}.club-presentation .faq-list p{max-width:900px;font-size:17px;line-height:1.65;color:#c7c0b1;margin:16px 0 0}
.presentation-footer{padding:28px 28px calc(var(--dock-height) + 24px);border-top:1px solid rgb(212 173 85/.25);background:#080808;text-align:center}
.presentation-footer nav,.footer-settings{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px}
.footer-social-icons a{display:grid;place-items:center;width:44px;height:44px}.footer-social-icons img{width:24px;height:24px}
.footer-settings{color:#d4ad55;font-size:16px;gap:22px}.theme-toggle{display:grid;place-items:center;background:none;color:#d4ad55;cursor:pointer;width:44px;height:44px;border:0}.theme-toggle svg{grid-area:1/1;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root[data-color-mode=dark] .theme-moon,:root[data-color-mode=light] .theme-sun{display:none}
.footer-titles a{display:flex;align-items:center;min-height:44px;font-size:15px;font-weight:600}.presentation-footer p{font-size:13px;color:#c7c0b1;margin-top:8px}
/* One stable action dock. Its holder stays transparent in both appearances. */
.club-presentation .home-actions{position:fixed;inset:auto 0 0;transform:none;display:grid;grid-template-columns:27.5fr 45fr 27.5fr;width:100%;max-width:none;height:auto;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;z-index:20}
.club-presentation .home-actions>a{position:relative;display:flex;align-items:center;justify-content:center;height:62px;min-height:62px;min-width:0;padding:8px;border:1.5px solid #d4ad55;border-radius:999px;background:#080808;color:#d4ad55;transition:transform 160ms ease}
.club-presentation .home-actions>a:active{transform:scale(.97)}
.club-presentation .home-actions .mobile-nav-book{background-color:#d4ad55;background-image:var(--club-gold-texture);background-size:cover;color:#080808;border-color:#d4ad55;font:700 clamp(17px,2.2vw,27px)/1 Cinzel,Georgia,serif;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.club-presentation .home-actions a>svg:not(.booking-hint){display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.club-presentation .home-actions .booking-hint{position:absolute;display:block;left:50%;top:-48px;width:24px;height:36px;transform:translateX(-50%);fill:none;stroke:#d4ad55;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #080808);animation:club-hint 1.7s forwards;pointer-events:none}
/* On arrival the page dims around Book now while the arrow points to it, for 1.7 s. A shadow does the dimming, so taps still reach the page. */
.club-presentation .home-actions{animation:club-lift 1.7s}
.club-presentation .home-actions>.mobile-nav-book{z-index:1;animation:club-spotlight 1.7s ease-in}
@keyframes club-lift{from,to{z-index:2147483000}}
@keyframes club-spotlight{0%,80%{box-shadow:0 0 0 150vmax rgb(0 0 0/60%)}100%{box-shadow:0 0 0 150vmax rgb(0 0 0/0%)}}
.club-presentation :is(a,button,[tabindex]):focus-visible{outline:2px solid #d4ad55;outline-offset:4px}
@keyframes club-hint{0%,40%,80%{opacity:1;transform:translate(-50%,-5px)}20%,60%,90%{opacity:1;transform:translate(-50%,3px)}100%{opacity:0;visibility:hidden}}
@media(min-width:1100px){.presentation-section{padding-inline:5vw}.presentation-window{width:calc(100% + 10vw);margin-inline:-5vw;padding-inline:5vw}.presentation-track{padding-right:5vw}.club-presentation .home-actions{padding-inline:28px}.club-presentation .home-actions>a{height:68px}.room-section .presentation-pin,.film-section .presentation-pin{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 32px;align-items:center}.room-section h2,.film-section h2{grid-column:1;grid-row:1}.room-section .presentation-deck,.film-section .presentation-deck{grid-column:2;grid-row:1;width:100%}.room-section .sequence-meta,.film-section .sequence-meta{grid-column:2;width:100%}.film-section .film-slide{width:min(100%,calc((100svh - var(--dock-height) - 120px)*.5625))}}
@media(max-width:760px){.club-presentation[data-mobile-brand] .site-header{display:flex;width:auto;position:absolute;inset:12px 16px auto auto;min-height:48px;padding:0}.club-presentation .hero-mark{top:20px;width:144px}.presentation-section{padding:28px 16px}.club-presentation h2{font-size:clamp(39px,9.5vw,62px);margin-bottom:24px}.private-access{display:block;padding-block:32px}.access-essential{gap:16px;font-size:17px}.presentation-deck.photo-deck{width:100vw;max-width:none;margin-inline:-16px;padding-inline:0}.presentation-slide{border-radius:0}.presentation-slide figcaption{padding:50px 20px 20px;font-size:35px}.film-slide{width:min(100%,calc((100svh - var(--dock-height) - 235px)*.5625))}.sequence-meta{font-size:12px}.presentation-window{width:100vw;margin-inline:-16px;padding:20px 4px 24px}.presentation-track{padding-right:4px}.archive-track{--stage-card-width:min(calc(100vw - 8px),100cqb)}.archive-card{border-radius:0}.archive-card+.archive-card{margin-left:-52px}.archive-name{font-size:36px}.resident-row{font-size:17px;gap:4px 20px}.faq-section{padding-block:32px}.club-presentation .faq-list summary{font-size:18px}.presentation-footer{padding-inline:16px}}
@media(max-width:360px){.club-presentation .home-actions{gap:6px;padding-inline:8px}.club-presentation .home-actions .mobile-nav-book{font-size:15px}.archive-name{font-size:30px}}
@media(max-height:699px){.film-slide{width:min(55vw,260px);min-width:140px}.club-presentation .hero--film{--club-inset-height:max(140px,calc(100svh - 200px))}.club-presentation .hero-mark{width:105px;top:10px}.club-presentation .hero-private{font-size:11px}}
@media(prefers-reduced-motion:reduce){.club-presentation *{scroll-behavior:auto!important}.presentation-slide,.presentation-slide img,.club-presentation .home-actions>a{transition:none;animation:none!important}.presentation-slide img{transform:none!important}.club-presentation .booking-hint{animation:club-hint-static 1.7s forwards;animation-duration:1.7s!important}.club-presentation .home-actions,.club-presentation .home-actions>.mobile-nav-book{animation-duration:1.7s!important;animation-timing-function:step-end!important}.club-presentation .home-actions>.mobile-nav-book{animation-name:club-spotlight!important}}
@keyframes club-hint-static{0%,99%{opacity:1}100%{opacity:0;visibility:hidden}}
