:root{--green:#0c6f3a;--deep:#021b12;--gold:#f4b928;--red:#d61f13;--cream:#fff1cf;--ink:#101a14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}h1,h2,h3{font-family:"Bree Serif",serif}.section-pad{padding:clamp(75px,9vw,125px) 0}.kicker{margin-bottom:1rem;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.22em}.text-gold{color:var(--gold)!important}
.navbar{height:84px;padding:0;background:rgba(2,27,18,.95);border-bottom:1px solid rgba(244,185,40,.28);backdrop-filter:blur(14px)}.navbar-brand{align-self:flex-start;width:128px;height:112px;padding:4px 8px 10px;background:var(--cream);border:5px solid var(--gold);border-top:0;border-radius:0 0 22px 22px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.navbar-brand img{width:100%;height:100%;object-fit:contain}.navbar .nav-link{position:relative;margin:0 .55rem;color:rgba(255,255,255,.82);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.navbar .nav-link:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--gold)}.navbar .nav-link:hover:after,.navbar .nav-link.active:after{transform:scaleX(1)}.navbar-toggler{border-color:var(--gold)}
.btn{border-radius:0;padding:.9rem 1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.btn-yard{border:2px solid var(--gold);background:var(--gold);color:var(--deep);box-shadow:7px 7px 0 var(--red)}.btn-yard:hover{border-color:#ffda69;background:#ffda69;color:var(--deep);transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--red)}.btn-ghost{border:2px solid rgba(255,255,255,.75);color:#fff}.btn-ghost:hover{background:#fff;color:var(--deep)}
.hero{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#020d09}.hero-photo{position:absolute;inset:0;background:url("../images/hero-pub.webp") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,13,8,.98),rgba(0,20,12,.88) 35%,rgba(1,18,12,.35) 70%),linear-gradient(0deg,rgba(2,27,18,.7),transparent 50%)}.hero-content{position:relative;z-index:1;min-height:100svh;display:flex;align-items:center;padding-top:90px}.hero-stamp{display:inline-block;margin-bottom:1.5rem;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.55);color:var(--gold);transform:rotate(-3deg);font-size:.72rem;font-weight:700;letter-spacing:.2em}.hero h1{margin:0;font-size:clamp(4rem,8.5vw,8rem);line-height:.83;letter-spacing:-.045em;text-shadow:6px 6px 0 rgba(0,0,0,.3)}.hero h1 span{color:var(--gold)}.hero-copy{max-width:590px;margin-top:1.8rem;color:rgba(255,255,255,.77);font-size:1.15rem;line-height:1.75}.ticker{overflow:hidden;padding:17px 0;border-block:5px solid #101010;background:var(--gold);white-space:nowrap}.ticker div{width:max-content;font-weight:800;font-size:.82rem;letter-spacing:.15em;animation:crawl 25s linear infinite}.ticker b{margin:0 1rem;color:var(--red)}@keyframes crawl{to{transform:translateX(-35%)}}
.story{position:relative;overflow:hidden;background:var(--cream)}.story-mark{display:grid;place-items:center;min-height:410px;padding:2rem;color:#fff;background:var(--green);border:14px solid var(--gold);outline:4px solid var(--deep);transform:rotate(-3deg);box-shadow:22px 24px 0 var(--red)}.story-mark span{margin-bottom:-2rem;font-weight:800;letter-spacing:.4em}.story-mark strong{font:clamp(5.5rem,11vw,9rem)/.75 "Bree Serif",serif;text-shadow:6px 6px 0 var(--deep)}.story-mark small{font-weight:800;letter-spacing:.17em;text-align:center}.story h2,.drinks h2,.contact h2{font-size:clamp(3.2rem,6vw,5.8rem);line-height:.92}.lead-copy{margin-top:1.8rem;font:1.65rem/1.45 "Bree Serif",serif}.body-copy{color:#536158;line-height:1.8}.mini-features{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.mini-features span{padding:.65rem .85rem;border:2px solid var(--deep);background:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase}.mini-features i{margin-right:.4rem;color:var(--green)}
.drinks,.menu-page{position:relative;color:#fff;background:#031b12}.feature-wrap{border:1px solid rgba(244,185,40,.35);box-shadow:20px 20px 0 rgba(0,0,0,.3)}.cocktail-photo{position:relative;min-height:620px}.cocktail-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.feature-copy{padding:clamp(2rem,5vw,5rem);background:linear-gradient(145deg,#093822,#03180f)}.drink-list article,.menu-list article{display:grid;grid-template-columns:58px 1fr;gap:1rem;padding:1.25rem 0;border-top:1px solid rgba(244,185,40,.3)}.drink-list>article>span,.menu-list>article>span{color:var(--gold);font:2.2rem/1 "Bree Serif",serif}.drink-list h3,.menu-list h3{margin:.2rem 0 .35rem;font-size:1.5rem}.drink-list p,.menu-list p{margin:0;color:rgba(255,255,255,.58);line-height:1.6}
.events{position:relative;background:#e9dcc0}.events-heading h2{font-size:clamp(3.7rem,7vw,7rem);line-height:.86}.events-heading h2 span{color:var(--red)}.event-card{min-height:380px;padding:2rem;border:5px solid var(--deep);box-shadow:10px 10px 0 var(--deep);transition:.2s}.event-card:hover{transform:translateY(-7px) rotate(-1deg)}.event-card i{display:block;margin-bottom:3.5rem;font-size:3rem}.event-card small{font-weight:900;letter-spacing:.15em}.event-card h2,.event-card h3{font-size:2.5rem}.event-green{background:var(--green);color:#fff;transform:rotate(-1.5deg)}.event-gold{background:var(--gold);color:var(--deep);transform:rotate(1deg)}.event-red{background:var(--red);color:#fff;transform:rotate(-.5deg)}.notice-strip{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 1.5rem;border:4px solid var(--deep);background:var(--gold);box-shadow:8px 8px 0 var(--red)}
.visit{color:#fff;background:var(--deep)}.visit-copy{padding:clamp(4rem,8vw,8rem);background:linear-gradient(135deg,#04170f,#07552f)}.visit-copy h2{font-size:clamp(3.8rem,7vw,7rem);line-height:.85}.visit-copy h2 span{color:var(--gold)}.address{display:flex;gap:1rem;margin:2.2rem 0;font:1.4rem/1.55 "Bree Serif",serif}.address i{color:var(--gold)}.logo-panel{display:grid;place-items:center;align-content:center;min-height:550px;padding:3rem;background:var(--gold)}.logo-panel img{width:min(100%,430px);filter:drop-shadow(12px 16px 0 rgba(214,31,19,.55))}.logo-panel p{margin-top:2rem;font-size:.75rem;font-weight:900;letter-spacing:.22em}
.inner-hero{position:relative;display:flex;align-items:flex-end;min-height:560px;padding:170px 0 80px;overflow:hidden;color:#fff;background:var(--deep)}.inner-hero:before{content:"";position:absolute;inset:0;background:url("../images/hero-pub.webp") center/cover no-repeat;opacity:.48}.inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,15,10,.98),rgba(2,27,18,.7)),linear-gradient(0deg,rgba(2,27,18,.9),transparent 60%)}.inner-hero .container{z-index:1}.inner-hero h1{max-width:980px;margin:0;color:var(--gold);font-size:clamp(3.8rem,7vw,7rem);line-height:.86;text-shadow:6px 6px 0 rgba(0,0,0,.4)}.inner-hero p:last-child{max-width:680px;margin-top:1.5rem;color:rgba(255,255,255,.72);line-height:1.7}
.gallery{background:#e9dcc0}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:18px}.gallery-grid figure{overflow:hidden;margin:0;border:5px solid var(--deep);background:var(--cream);box-shadow:8px 8px 0 var(--gold)}.gallery-grid img{width:100%;height:100%;object-fit:cover}.gallery-wide{grid-column:span 8;grid-row:span 2}.gallery-tall{grid-column:span 4;grid-row:span 3}.gallery-logo{grid-column:span 4;grid-row:span 2;padding:1.5rem}.gallery-logo img{object-fit:contain}.gallery-small{grid-column:span 4;grid-row:span 2}
.menu-photo{position:relative;min-height:600px;border:5px solid var(--gold);box-shadow:14px 14px 0 var(--red);overflow:hidden}.menu-photo img{position:absolute;width:100%;height:100%;object-fit:cover}.menu-photo span{position:absolute;bottom:0;padding:1rem 1.25rem;background:var(--gold);color:var(--deep);font-weight:900;letter-spacing:.14em}
.contact{color:#fff;background:linear-gradient(135deg,#04170f,#07552f)}.contact-card{padding:clamp(2rem,5vw,4rem);border:1px solid rgba(244,185,40,.35);background:rgba(1,13,8,.42);box-shadow:16px 16px 0 rgba(0,0,0,.22)}.contact-detail{display:flex;gap:1rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72)}.contact-detail i{color:var(--gold);font-size:1.5rem}.contact-detail strong{display:block;color:#fff}.contact-logo img{width:min(100%,440px);filter:drop-shadow(15px 18px 0 rgba(214,31,19,.55))}
footer{padding:28px 0;color:rgba(255,255,255,.55);background:#010d08;border-top:1px solid rgba(244,185,40,.2);font-size:.82rem}.footer-line{font-weight:700;letter-spacing:.1em}.footer-line b{color:var(--gold);margin:0 .4rem}
@media(max-width:992px){.navbar-brand{width:103px;height:96px}.navbar-collapse{margin:0 -12px;padding:1rem 1.3rem 1.4rem;background:var(--deep)}.navbar .nav-link{margin:.2rem 0}.hero:after{background:linear-gradient(90deg,rgba(0,13,8,.96),rgba(0,20,12,.62))}.cocktail-photo{min-height:450px}.event-card{min-height:320px;transform:none}.gallery-grid{grid-auto-rows:150px}.gallery-wide{grid-column:span 12}.gallery-tall,.gallery-logo,.gallery-small{grid-column:span 6;grid-row:span 2}}
@media(max-width:576px){.hero h1{font-size:clamp(3.7rem,18vw,5.3rem)}.hero .btn{width:100%}.story-mark{min-height:320px;border-width:9px;box-shadow:13px 15px 0 var(--red)}.story-mark strong{font-size:6rem}.story h2,.drinks h2,.contact h2{font-size:3.5rem}.mini-features{display:grid}.feature-wrap{box-shadow:10px 10px 0 rgba(0,0,0,.3)}.cocktail-photo{min-height:360px}.event-card{min-height:290px}.inner-hero{min-height:490px;padding:150px 0 60px}.inner-hero h1{font-size:3.8rem}.notice-strip{flex-direction:column}.gallery-grid{display:block}.gallery-grid figure{height:270px;margin-bottom:22px}.menu-photo{min-height:380px}.visit-copy{padding:4.5rem 1.5rem}.logo-panel{min-height:360px}footer{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}