:root{--gold:#f4b51c;--gold-dark:#d89a05;--ink:#171717;--muted:#66635d;--paper:#f4f4f0;--white:#fff;--green:#3e9b5a;--line:#deddd5;--shadow:0 10px 30px rgba(0,0,0,.08);--radius:10px;--container:min(100% - 32px,1400px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:var(--container);margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;z-index:9999;top:8px;left:8px;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;background:var(--gold);color:#111}.eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8c6810;margin-bottom:7px}
/* Header */
.site-header{position:absolute;inset:0 0 auto;z-index:50;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,0));transition:background .25s,box-shadow .25s}.site-header.is-scrolled{position:fixed;background:rgba(15,15,15,.96);box-shadow:0 3px 20px rgba(0,0,0,.2)}.header-inner{min-height:92px;display:flex;align-items:center;gap:30px}.brand{display:flex;flex-wrap:wrap;align-items:baseline;width:185px;font-weight:900;line-height:.85}.brand-main{font-family:Georgia,'Times New Roman',serif;font-size:42px;letter-spacing:-3px;color:#fff}.brand-dot{font-size:22px;color:var(--gold);font-weight:900;margin-left:2px}.brand small{display:block;width:100%;font-size:8px;letter-spacing:.08em;color:#fff;margin-top:4px}.custom-logo-link{display:block}.custom-logo{max-height:65px;width:auto}.primary-nav{margin-left:auto}.primary-nav ul,.footer-column ul{list-style:none;margin:0;padding:0}.primary-nav>ul,.primary-nav .menu{display:flex;align-items:center;gap:28px}.primary-nav a{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:9px 0;opacity:.88}.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--gold);opacity:1}.header-actions{display:flex;align-items:center;gap:10px}.login-link{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);border-radius:6px;padding:9px 13px;font-size:10px;font-weight:800;text-transform:uppercase}.icon-user:before{content:'◯';font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;padding:12px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:12px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gold);color:#141414;box-shadow:0 5px 15px rgba(244,181,28,.22)}.btn-primary:hover{background:#ffc62c}.btn-small{padding:10px 14px;font-size:10px}.btn-large{min-width:190px;flex-direction:column;padding:12px 24px;font-size:13px}.btn-large small{font-size:8px;font-weight:600;text-transform:none;letter-spacing:0;margin-top:2px}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px;margin-left:auto}.menu-toggle span:not(.screen-reader-text){display:block;width:25px;height:2px;background:#fff;margin:5px 0}
/* Hero */
.hero{position:relative;min-height:670px;background-size:cover;background-position:center 20%;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.64) 45%,rgba(0,0,0,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 45%)}.hero-inner{position:relative;padding-top:140px;padding-bottom:36px}.hero-copy{max-width:760px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(48px,6vw,78px);line-height:.91;letter-spacing:.01em;margin:0 0 14px;text-transform:uppercase}.hero h1 strong{display:block;color:var(--gold);font:inherit}.hero p{max-width:580px;font-size:14px;line-height:1.4;margin:0 0 18px;color:#f4f4f4}.search-form{display:flex;width:min(100%,680px);background:#fff;border-radius:7px;padding:3px;box-shadow:0 6px 20px rgba(0,0,0,.16)}.search-form label{flex:1}.search-field{width:100%;height:42px;border:0;outline:0;padding:0 13px;color:#222;background:transparent;font-size:12px}.search-submit{border:0;border-radius:5px;height:40px;padding:0 30px;cursor:pointer}.hero .search-form{margin-bottom:23px}.hero-links{display:grid;grid-template-columns:repeat(5,1fr);max-width:760px;border-top:1px solid rgba(255,255,255,.28);padding-top:14px}.hero-links a{min-height:75px;padding:0 14px;border-right:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-links a:first-child{padding-left:0}.hero-links a:last-child{border-right:0}.feature-icon{font-size:30px;color:var(--gold);line-height:1;margin-bottom:5px}.hero-links b{font-size:9px;letter-spacing:.04em}.hero-links small{font-size:8px;color:#ddd;line-height:1.25;margin-top:2px}
/* Shared sections */
.section-light{background:var(--paper)}.section-white{background:#fff}.section-tight{padding-top:10px}.section-light,.section-white{padding-block:38px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2,.page-heading h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1;margin:0;text-transform:uppercase;letter-spacing:.01em}.text-link{font-size:11px;font-weight:800;white-space:nowrap}.text-link:hover{color:#a57600}.page-shell{padding-block:55px}.page-heading{margin-bottom:32px}.page-heading p{max-width:620px;color:var(--muted)}
/* Map + app */
.split-feature{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.45fr) minmax(240px,.8fr);gap:28px;align-items:stretch}.map-copy{padding:18px 0}.map-copy h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(38px,4vw,54px);line-height:.93;margin:0 0 14px}.map-copy p{color:#5f5d58;font-size:13px;max-width:350px}.stats-row{display:flex;gap:25px;margin-top:25px}.stats-row div{display:flex;flex-direction:column}.stats-row b{font-size:20px}.stats-row span{font-size:9px;color:#777}.map-visual{display:flex;align-items:center;justify-content:center;min-height:300px;border-radius:8px;overflow:hidden;background:#ebe9dd}.map-visual img{width:100%;height:100%;object-fit:cover}.app-promo{position:relative;min-height:330px;overflow:hidden;border-radius:8px;background:#1a1713;color:#fff;box-shadow:var(--shadow)}.app-promo>img{width:100%;height:100%;object-fit:cover;opacity:.55;position:absolute;inset:0}.app-copy{position:relative;padding:25px}.app-copy h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:32px;line-height:.95;margin:0 0 10px}.app-copy p{font-size:11px;color:#ddd;max-width:240px}.store-row{display:flex;flex-direction:column;gap:7px;margin-top:18px}.store-row span{display:inline-block;background:#111;border:1px solid #555;border-radius:5px;padding:7px 10px;font-size:10px;width:max-content}
/* Business cards */
.business-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:18px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filter-tabs{display:flex;gap:6px;margin:-5px 0 16px;overflow:auto;padding-bottom:3px}.filter-tabs button{border:0;background:transparent;padding:6px 12px;border-radius:5px;font-size:10px;cursor:pointer;white-space:nowrap}.filter-tabs button.is-active,.filter-tabs button:hover{background:var(--gold);font-weight:800}.business-card{background:#fff;border:1px solid #e5e4dd;border-radius:6px;overflow:hidden;min-width:0}.business-image{height:122px;position:relative;overflow:hidden;background:#ddd}.business-image img{width:100%;height:100%;object-fit:cover}.heart{position:absolute;right:7px;top:7px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:18px;cursor:pointer}.business-body{padding:10px}.business-body h3{font-size:12px;margin:0 0 1px}.location{font-size:9px;color:#777;margin:0 0 7px}.rating{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:9px;color:#777}.rating strong{color:#e39e00}.rating span:last-child{margin-left:auto}.beer-tags{display:flex;gap:4px;margin-top:8px;overflow:hidden}.beer-tags span{background:#f1f1ed;border-radius:3px;padding:3px 5px;font-size:8px;white-space:nowrap}.open{font-size:8px;color:#5b625d;margin:8px 0 0}.open i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.promo-card{min-height:310px;border-radius:7px;background-size:cover;background-position:center;color:#fff;position:relative;overflow:hidden;padding:20px;display:flex;align-items:flex-end}.promo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05))}.promo-card>div{position:relative;z-index:1}.promo-card h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:25px;line-height:.95;margin:0 0 8px}.promo-card p{font-size:10px;line-height:1.35;color:#ddd}.promo-card .btn{font-size:9px;padding:8px 12px}
/* Breweries */
.brewery-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.brewery-logo{min-height:58px;background:#fff;border:1px solid #eeeae1;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;padding:7px;font-family:Georgia,serif;font-weight:800;font-size:11px;color:#333;filter:grayscale(1)}.brewery-logo:nth-child(2){font-size:14px}.brewery-logo:nth-child(3){font-family:Impact,Arial;font-size:13px}.brewery-logo:nth-child(4){color:#b11}.brewery-logo:nth-child(5){color:#17482c}.brewery-logo:nth-child(6){font-size:14px}.brewery-logo:nth-child(7){font-family:Impact,Arial}.brewery-logo:nth-child(8){color:#24519a}.brewery-logo.more{font-family:Arial;font-size:10px;color:#666;filter:none}
/* Activity */
.activity{padding-top:24px}.activity-grid{display:grid;grid-template-columns:1fr 1.15fr 1.2fr;gap:28px}.panel{min-width:0}.activity-list,.rankings ol{list-style:none;margin:0;padding:0;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e8e6df}.activity-list li{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #eee}.activity-list li:last-child{border:0}.beer-glass{color:#e29c00;font-size:18px}.activity-list strong{display:block;font-size:10px}.activity-list small{display:block;color:#777;font-size:8px}.activity-list time{margin-left:auto;font-size:8px;color:#777}.ranking-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:9px}.ranking-tabs span{font-size:8px;background:#fff;border-radius:4px;padding:6px 8px;white-space:nowrap}.ranking-tabs .is-active{background:var(--gold);font-weight:800}.rankings ol{counter-reset:rank}.rankings li{display:grid;grid-template-columns:22px 34px 1fr auto auto;gap:7px;align-items:center;padding:8px 10px;border-bottom:1px solid #eee;font-size:8px}.rankings li:last-child{border:0}.rankings li>b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f0efe9;font-size:9px}.rank-thumb{width:32px;height:28px;overflow:hidden;border-radius:3px}.rank-thumb img{width:100%;height:100%;object-fit:cover}.rankings li strong{font-size:9px}.rankings li em{font-style:normal;color:#777}.article-panel{overflow:hidden}.featured-article{display:block;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e8e6df}.featured-article img{width:100%;height:115px;object-fit:cover}.featured-article div{padding:10px}.featured-article h3{font-size:13px;margin:0 0 3px}.featured-article p{font-size:9px;color:#777;margin:0}.mini-articles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-articles a{background:#fff;padding:9px;border-radius:5px;font-size:9px}.mini-articles strong{display:block}.mini-articles small{color:#888}
/* CTA + footer */
.cta{position:relative;background-size:cover;background-position:center;color:#fff;padding:34px 0}.cta-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72)}.cta-inner{position:relative;display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:30px;align-items:center}.cta h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(30px,4vw,48px);line-height:.95;margin:0}.cta-features{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cta-features span{border-left:1px solid rgba(255,255,255,.2);min-height:62px;padding:5px 10px;text-align:center;color:var(--gold);font-size:26px}.cta-features small{display:block;color:#fff;font-size:8px;line-height:1.15;margin-top:3px}.site-footer{background:#151515;color:#fff}.footer-main{padding-block:42px;display:grid;grid-template-columns:1.3fr .9fr .9fr .8fr 1.1fr;gap:35px}.footer-brand .brand{margin-top:0}.footer-column h2{font-size:9px;text-transform:uppercase;margin:2px 0 10px;color:#fff}.footer-column li{margin:5px 0}.footer-column a{font-size:9px;color:#aaa}.footer-column a:hover{color:#fff}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:26px;height:26px;border:1px solid #777;border-radius:50%;font-weight:800;color:#fff}.footer-tagline{text-align:right;align-self:center}.footer-tagline p{font-family:Georgia,serif;font-size:18px;line-height:1.2;margin:0;color:#eee}.hop-mark{display:block;color:var(--gold);font-size:23px;margin-top:8px}.footer-bottom{border-top:1px solid #333;display:flex;align-items:center;gap:6px;padding-block:16px;color:#777;font-size:8px}.footer-bottom div{margin-left:auto;display:flex;gap:18px}.footer-bottom a{color:#777}.footer-bottom a:hover{color:#fff}
/* Generic WP */
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px}.page-content,.single-post{min-width:0;background:#fff;padding:clamp(22px,4vw,48px);border-radius:8px}.entry-content>*:first-child{margin-top:0}.entry-content a{color:#9b7105;text-decoration:underline}.entry-content img{border-radius:7px}.sidebar{min-width:0}.widget{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.widget-title{font-family:Impact,Arial,sans-serif;font-size:20px;text-transform:uppercase;margin:0 0 12px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6e4dc}.post-card-media{height:180px;background:#2c2925;display:block}.post-card-media img{width:100%;height:100%;object-fit:cover}.post-placeholder{height:100%;display:grid;place-items:center;color:var(--gold);font-family:Impact,Arial;font-size:25px}.post-card-body{padding:17px}.post-card-body h2{font-size:20px;line-height:1.05;margin:4px 0 8px}.post-card-body p{font-size:12px;color:#777}.single-header h1{font-family:Impact,Arial,sans-serif;font-size:clamp(34px,5vw,58px);line-height:.98;margin:0 0 8px}.post-meta{font-size:11px;color:#777}.single-image{margin:24px 0}.single-image img{width:100%;border-radius:8px}.entry-content{font-size:17px}.comments-area{margin-top:40px}.comments-title{font-size:22px}.comment-list{padding-left:20px}.comment-list article{padding:15px 0;border-bottom:1px solid var(--line)}.comment-form-comment textarea,.comment-form-author input,.comment-form-email input,.comment-form-url input{width:100%;border:1px solid #ccc;border-radius:5px;padding:10px}.comment-form .submit{border:0;border-radius:6px;background:var(--gold);padding:11px 18px;font-weight:800}.error-404{text-align:center;padding:90px 20px}.error-code{font-family:Impact,Arial,sans-serif;font-size:clamp(80px,14vw,170px);line-height:.8;color:var(--gold)}.error-404 h1{font-family:Impact,Arial,sans-serif;font-size:38px;text-transform:uppercase}.error-404 .hero-actions{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.error-404 .search-form{max-width:450px}.wp-block-button__link{background:var(--gold);color:#111}.pagination .nav-links{display:flex;gap:6px;margin-top:28px}.pagination a,.pagination span{background:#fff;border-radius:5px;padding:8px 12px;font-size:12px}.pagination .current{background:var(--gold)}
@media (max-width:1150px){.primary-nav>ul,.primary-nav .menu{gap:18px}.header-actions .login-link{display:none}.split-feature{grid-template-columns:1fr 1.2fr}.app-promo{grid-column:1/-1;min-height:220px}.app-promo>img{width:48%;left:auto}.app-copy{margin-left:48%;padding:24px}.business-grid{grid-template-columns:repeat(2,1fr)}.business-layout{grid-template-columns:1fr}.promo-card{min-height:260px}.brewery-strip{grid-template-columns:repeat(5,1fr)}.activity-grid{grid-template-columns:1fr 1fr}.article-panel{grid-column:1/-1}.cta-inner{grid-template-columns:1fr 1.6fr}.cta-inner>.btn{grid-column:2;justify-self:end}.footer-main{grid-template-columns:1.5fr 1fr 1fr 1fr}.footer-tagline{display:none}}
@media (max-width:800px){.header-inner{min-height:72px}.menu-toggle{display:block}.primary-nav{position:fixed;inset:72px 0 0;background:#171717;transform:translateX(100%);transition:transform .25s;overflow:auto;padding:25px}.primary-nav.is-open{transform:none}.primary-nav>ul,.primary-nav .menu{display:block}.primary-nav li{border-bottom:1px solid #333}.primary-nav a{font-size:14px;padding:14px 4px}.header-actions{margin-left:0}.header-actions .btn{display:none}.brand{width:150px}.brand-main{font-size:34px}.hero{min-height:650px}.hero-inner{padding-top:105px}.hero h1{font-size:clamp(42px,11vw,66px)}.hero-links{grid-template-columns:repeat(3,1fr);gap:6px}.hero-links a:nth-child(3){border-right:0}.hero-links a:nth-child(4),.hero-links a:nth-child(5){display:none}.split-feature{grid-template-columns:1fr}.map-visual{min-height:240px}.app-promo{grid-column:auto;min-height:260px}.app-promo>img{width:55%}.app-copy{margin-left:45%;padding:18px}.stats-row{gap:18px}.business-grid{grid-template-columns:repeat(2,1fr)}.brewery-strip{grid-template-columns:repeat(3,1fr)}.activity-grid{grid-template-columns:1fr}.article-panel{grid-column:auto}.cta-inner{grid-template-columns:1fr}.cta-inner>.btn{grid-column:auto;justify-self:start}.cta-features{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.footer-bottom div{margin-left:0;width:100%;flex-wrap:wrap}.content-layout{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){:root{--container:min(100% - 22px,1400px)}.site-header{background:rgba(15,15,15,.8)}.hero{min-height:690px;background-position:58% center}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.48)),linear-gradient(0deg,rgba(0,0,0,.75),transparent 60%)}.hero-inner{padding-bottom:25px}.hero p{font-size:12px}.hero .search-form{display:grid;grid-template-columns:1fr auto}.search-submit{padding:0 17px}.hero-links{grid-template-columns:repeat(2,1fr)}.hero-links a:nth-child(3){border-right:1px solid rgba(255,255,255,.2)}.hero-links a:nth-child(2),.hero-links a:nth-child(4),.hero-links a:nth-child(5){display:none}.business-grid{grid-template-columns:1fr}.business-image{height:160px}.promo-card{min-height:250px}.brewery-strip{grid-template-columns:repeat(2,1fr)}.section-light,.section-white{padding-block:30px}.section-head{align-items:flex-start}.section-head .text-link{font-size:9px}.rankings li{grid-template-columns:22px 30px 1fr auto}.rankings li em{display:none}.mini-articles{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-tagline{display:none}.post-grid{grid-template-columns:1fr}.page-shell{padding-block:35px}.page-content,.single-post{padding:20px}.error-404 h1{font-size:29px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}