/* Discover and directory: scoped, responsive layouts */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.discover-hero{background:var(--forest);color:var(--cream);position:relative;border-top:1px solid rgba(255,255,255,.13)}
.discover-intro{padding-top:92px;padding-bottom:100px;text-align:center}
.discover-intro h1{font-size:clamp(42px,6vw,78px);line-height:1.12;max-width:870px;margin:12px auto 20px}
.discover-intro>p:not(.eyebrow){color:#e7e8db;max-width:670px;margin:0 auto 34px;font-size:18px}
.discover-body{padding-top:80px;padding-bottom:95px}.city-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:870px}
.state-links{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:33px;color:var(--forest)}.state-links span{font-weight:800}.state-links a{font-weight:700;text-underline-offset:4px}
.discover-band{display:flex;gap:30px;align-items:center;justify-content:space-between}.discover-band .cta{flex:none}
.brewery-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 34px}
.brewery-preview{background:#f4eee2;border:1px solid #ded6c9;border-top:4px solid var(--amber);border-radius:3px;padding:24px}
.brewery-preview h2,.brewery-preview h3{font-size:25px;line-height:1.24;margin:8px 0 14px;color:var(--forest)}.brewery-preview p{font-size:15px;line-height:1.6}.brewery-preview a{color:var(--forest);font-weight:700;text-underline-offset:4px}
.brewery-archive-grid{margin-top:42px}.search-results-page .section-title{margin-bottom:30px}.search-page-form{max-width:700px;margin:0 0 40px;border:1px solid #d5cfc4}
.search-list{display:grid;gap:18px}.result{padding:24px 0;border-bottom:1px solid #ded6c9}.result h2{font-size:30px;margin:9px 0}.result h2 a{color:var(--forest)}.result p{max-width:760px}.result>a{font-weight:700;color:var(--rust)}.empty-search{background:#eee7d8;padding:32px;margin:30px 0 0}.empty-search h2{margin:0 0 12px}
.editorial-content .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-content .city-grid .city{min-height:180px}.editorial-content .city-grid .city strong{font-size:27px}
.editorial-content .brewery-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-content .founder-story{margin:38px 0 55px}.editorial-content .founder-story h2{margin-top:0!important}
@media(max-width:880px){.brewery-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discover-band{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){header.site-header{padding:14px 16px;align-items:center!important;gap:12px}.site-header .brand{max-width:100%;gap:9px}.brand-icon{width:48px;height:59px;flex-basis:48px}.brand-name{font-size:clamp(25px,7.5vw,33px)}.brand-subtitle{letter-spacing:.11em;font-size:7px}.site-header nav{width:100%;gap:12px 22px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18)}.site-header nav a{font-size:13px}header.site-header{flex-direction:column;align-items:stretch!important}.hero{padding:62px 20px 74px}.hero h1{font-size:clamp(42px,11vw,60px)}.hero p{font-size:16px}.search-form button{width:100%}.discover-intro{padding:66px 22px 76px}.discover-intro>p:not(.eyebrow){font-size:16px}.discover-body{padding-top:56px;padding-bottom:64px}.city-grid-two,.brewery-preview-grid,.editorial-content .city-grid,.editorial-content .brewery-preview-grid{grid-template-columns:1fr}.city{min-height:190px;padding:23px}.city strong{font-size:26px}.page-layout{padding-left:20px;padding-right:20px}.editorial-content .founder-story{margin:32px 0 42px;padding:16px}.founder-photo img{width:100%;height:auto}.band{padding:45px 0}.footer{padding:36px 20px}}

/* Individual brewery profiles */
.profile-layout{padding-top:45px;padding-bottom:110px}.profile-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.01em;color:#605e54;margin:0 0 35px}.profile-breadcrumbs a{text-underline-offset:3px}.profile-breadcrumbs span{color:#a79c87}
.profile-header{max-width:850px;margin-bottom:45px}.profile-header .section-title{margin:14px 0 10px;line-height:1.12}.profile-location{color:var(--rust);font-weight:800;font-size:14px;margin:0 0 25px}.profile-intro{font-size:19px;line-height:1.72;max-width:700px;color:#55584d}
.profile-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:start;gap:54px}.profile-content{max-width:720px}.profile-content h2{margin-top:36px}.profile-featured{margin:0 0 32px}.profile-featured img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:3px}.profile-sidebar{position:sticky;top:20px}.sidebar-panel{background:#ede5d6;border-top:4px solid var(--amber);padding:28px}.sidebar-panel h2{font-size:27px;margin:9px 0 14px;color:var(--forest)}.sidebar-panel p{font-size:14px;line-height:1.7}.sidebar-cta{font-size:14px;font-weight:800;display:inline-block;color:var(--rust);margin-top:10px;text-underline-offset:4px}
@media(max-width:780px){.profile-layout{padding-top:26px;padding-bottom:70px}.profile-breadcrumbs{margin-bottom:26px}.profile-columns{grid-template-columns:1fr;gap:25px}.profile-sidebar{position:static}.profile-intro{font-size:17px}.sidebar-panel{padding:22px}}

/* City-guide photography: explicitly render featured imagery above the editorial body. */
.city-guide-featured{margin:0 0 36px;width:100%}
.city-guide-featured-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}
.city-guide-image-credit{font-size:12px;line-height:1.55;color:#68695d;margin:9px 0 0}
.city-guide-image-credit a{color:#8b3e1f;text-underline-offset:2px}
@media(max-width:700px){.city-guide-featured{margin-bottom:25px}.city-guide-featured-image{aspect-ratio:4/3}}
.site-header :focus-visible{outline-color:var(--amber)}:focus-visible{outline-color:var(--forest)}
/* Accessible skip link (hidden until keyboard focus). */
.hops-skip-link{position:absolute;z-index:1000;top:-150px;left:12px;background:#fff;color:#0f3b2e;padding:10px 14px;border:3px solid #0f3b2e;font-weight:700}
.hops-skip-link:focus{top:12px}