*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg:#09090b;--bg2:#0f0f13;--bg3:#16161c;
    --text:#f5f2ed;--text2:#9e9a93;--text3:#5e5b55;
    --gold:#d4a853;--gold2:#f0cd7a;--gold-dim:rgba(212,168,83,.12);
    --warm:#1a1610;
    --font-head:'DM Serif Display',Georgia,serif;
    --font-body:'DM Sans',-apple-system,sans-serif;
    --ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}
::selection{background:var(--gold);color:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.03;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.container{max-width:1160px;margin:0 auto;padding:0 24px}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;transition:all .4s}
.nav.scrolled{background:rgba(9,9,11,.9);backdrop-filter:blur(16px);padding:14px 32px}
.nav-logo{display:flex;align-items:center;gap:10px}
.logo-icon{font-size:1.4rem}
.logo-name{font-family:var(--font-head);font-size:1.15rem;color:var(--gold)}
.logo-sub{font-size:.75rem;color:var(--text3);letter-spacing:.06em}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:.82rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);transition:color .3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after{width:100%}
.nav-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}
.nav-burger span{width:22px;height:2px;background:var(--text);transition:all .3s}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 24px 80px}
.hero-overlay{position:absolute;inset:0;
    background:radial-gradient(ellipse 70% 50% at 50% 45%,rgba(212,168,83,.07) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 80% 80%,rgba(212,168,83,.04) 0%,transparent 50%)}
.hero-particles{position:absolute;inset:0;overflow:hidden}
.hero-content{position:relative;z-index:2;text-align:center;max-width:780px}
.hero-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
    border:1px solid rgba(212,168,83,.25);padding:8px 20px;border-radius:99px;margin-bottom:28px;
    opacity:0;transform:translateY(20px);transition:all .7s var(--ease)}
h1{font-family:var(--font-head);line-height:1.08;margin-bottom:24px}
.hero-line{display:block;font-size:clamp(2.8rem,7.5vw,6.5rem);
    opacity:0;transform:translateY(40px);transition:all .8s var(--ease)}
.hero-em{color:var(--gold);font-style:italic}
.hero-desc{font-size:1.1rem;color:var(--text2);max-width:520px;margin:0 auto 36px;line-height:1.7;
    opacity:0;transform:translateY(20px);transition:all .7s var(--ease) .4s}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
    opacity:0;transform:translateY(20px);transition:all .7s var(--ease) .55s}
.hero.visible .hero-badge,.hero.visible .hero-line,.hero.visible .hero-desc,.hero.visible .hero-actions{opacity:1;transform:none}
.hero.visible .hero-line:nth-child(2){transition-delay:.15s}

.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.hero-scroll-hint span{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text3)}
.scroll-bar{width:1px;height:36px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.btn{display:inline-flex;align-items:center;padding:14px 30px;border-radius:99px;font-size:.88rem;font-weight:500;letter-spacing:.03em;transition:all .4s var(--ease);cursor:pointer;border:none}
.btn-gold{background:var(--gold);color:var(--bg)}
.btn-gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(212,168,83,.25)}
.btn-ghost{border:1px solid rgba(255,255,255,.12);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}

.label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h2{font-family:var(--font-head);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.15;margin-bottom:20px}
.section-intro{color:var(--text2);max-width:460px;margin-bottom:44px}

[data-animate]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-animate].visible{opacity:1;transform:none}

.about{padding:130px 0}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-left p{color:var(--text2);margin-bottom:14px}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feature{background:var(--bg2);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:28px;text-align:center;transition:border-color .4s,transform .3s var(--ease)}
.feature:hover{border-color:rgba(212,168,83,.2);transform:translateY(-3px)}
.feature-icon{font-size:1.8rem;margin-bottom:10px}
.feature h3{font-family:var(--font-head);font-size:1rem;margin-bottom:4px}
.feature p{font-size:.78rem;color:var(--text3)}

.whats-on{padding:130px 0;background:var(--bg2)}
.gig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.gig-card{background:var(--bg);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:28px;display:flex;gap:20px;
    transition:border-color .4s,transform .3s var(--ease);cursor:default}
.gig-card:hover{border-color:rgba(212,168,83,.15);transform:translateY(-3px)}
.gig-date{text-align:center;min-width:52px;flex-shrink:0}
.gig-month{display:block;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.gig-day{display:block;font-family:var(--font-head);font-size:2.2rem;line-height:1.1}
.gig-weekday{display:block;font-size:.6rem;color:var(--text3);letter-spacing:.08em;text-transform:uppercase}
.gig-body{flex:1}
.gig-tag{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:99px;margin-bottom:6px}
.gig-tag.free{background:rgba(52,211,153,.12);color:#34d399}
.gig-tag.quiz{background:rgba(99,102,241,.12);color:#818cf8}
.gig-tag.tribute{background:rgba(244,114,182,.12);color:#f472b6}
.gig-body h3{font-family:var(--font-head);font-size:1.05rem;margin-bottom:3px}
.gig-body p{font-size:.8rem;color:var(--text2)}

.divider-strip{padding:36px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.03)}
.strip-scroll{display:flex;width:max-content;animation:stripMove 25s linear infinite}
.strip-scroll span{white-space:nowrap;font-family:var(--font-head);font-size:clamp(1.2rem,2.5vw,2rem);color:rgba(212,168,83,.08);letter-spacing:.03em;padding-right:12px}
@keyframes stripMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.menu{padding:130px 0}
.menu-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.menu-heading{font-family:var(--font-head);font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.menu-item{margin-bottom:16px}
.mi-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.mi-top span:first-child{font-weight:500;font-size:.9rem}
.mi-price{color:var(--gold);font-weight:600;font-size:.9rem;white-space:nowrap}
.menu-item p{font-size:.78rem;color:var(--text3);margin-top:2px}

.drinks{padding:130px 0;background:var(--bg2)}
.drinks-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.drink-block{background:var(--bg);border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:32px;transition:border-color .4s,transform .3s var(--ease)}
.drink-block:hover{border-color:rgba(212,168,83,.15);transform:translateY(-3px)}
.drink-block h3{font-size:1.1rem;margin-bottom:18px}
.drink-block ul{list-style:none}
.drink-block li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem}
.drink-block li:last-child{border:none}
.drink-block li span:last-child{color:var(--gold);font-weight:600}

.sports{padding:130px 0}
.sports-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sports-text p{color:var(--text2);margin-bottom:20px}
.sports-badges{display:flex;flex-wrap:wrap;gap:10px}
.sport-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid rgba(255,255,255,.06);
    padding:8px 16px;border-radius:99px;font-size:.8rem;color:var(--text2);transition:border-color .3s}
.sport-badge:hover{border-color:var(--gold)}
.sports-visual{display:flex;justify-content:center}
.tv-frame{text-align:center}
.tv-screen{width:260px;height:160px;background:var(--bg2);border:2px solid rgba(255,255,255,.08);border-radius:12px;
    display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.tv-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(212,168,83,.08),transparent 70%);animation:tvGlow 3s ease-in-out infinite alternate}
@keyframes tvGlow{0%{opacity:.5}100%{opacity:1}}
.tv-text{font-family:var(--font-head);font-size:1.8rem;color:var(--gold);position:relative;z-index:1;line-height:1.2;letter-spacing:.05em}
.tv-stand{width:60px;height:8px;background:rgba(255,255,255,.06);margin:0 auto;border-radius:0 0 4px 4px}

.contact{padding:130px 0;background:var(--bg2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:32px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:24px}
.ci-block h3{font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.ci-block address,.ci-block p,.ci-block a{color:var(--text2);font-style:normal;font-size:.92rem;line-height:1.7}
.ci-block a:hover{color:var(--gold)}
.social-link{display:inline-flex;align-items:center;gap:8px}
.contact-map{border-radius:16px;overflow:hidden;height:380px;background:var(--bg3)}

.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.04)}
.footer-row{display:flex;justify-content:space-between;align-items:center}
.footer-brand{font-family:var(--font-head);color:var(--gold);font-size:.9rem}
.footer p{font-size:.78rem;color:var(--text3)}

@media(max-width:968px){
    .about-layout,.sports-layout,.contact-grid{grid-template-columns:1fr;gap:48px}
    .gig-grid,.menu-cols,.drinks-row{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .nav-links{position:fixed;inset:0;background:rgba(9,9,11,.97);backdrop-filter:blur(16px);
        flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .4s}
    .nav-links.open{opacity:1;pointer-events:all}
    .nav-links a{font-size:1.1rem}
    .nav-burger{display:flex}
    .gig-grid,.menu-cols,.drinks-row{grid-template-columns:1fr}
    .footer-row{flex-direction:column;gap:10px;text-align:center}
    .about-features{grid-template-columns:1fr 1fr}
}