@font-face{font-family:Barlow;src:url('assets/barlow-condensed-latin-600-normal.woff2')}@font-face{font-family:Barlow;src:url('assets/barlow-condensed-latin-500-normal.woff2');font-weight:500}
:root{--cream:#f3efdf;--ink:#20392f;--gold:#dfb74d;--line:#c7cbbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #b96b35;outline-offset:5px}.skip{position:absolute;left:10px;top:-60px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}header{margin:0 4.5%;padding:23px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:64px;height:64px;mix-blend-mode:multiply}.brand span{font:600 30px/.95 Barlow;letter-spacing:.03em}.brand small{display:block;font:10px/1.4 Arial;letter-spacing:.15em;margin-top:8px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:bold}.visit-link{border:1px solid var(--ink);padding:14px 12px 14px 16px}.visit-link span{margin-left:10px}.hero{padding:60px 4.5% 0;display:grid;grid-template-columns:1fr 1.1fr;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:bold;margin:0 0 25px}.hero h1{font:600 clamp(80px,9.2vw,154px)/.88 Barlow;letter-spacing:-.025em;margin:0 0 28px;position:relative;z-index:1}em{font-style:normal;color:#aa4d2e}.intro{font-size:16px;line-height:1.65;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;background:var(--ink);color:var(--cream);padding:18px 23px;font-size:13px;font-weight:bold;border:1px solid var(--ink)}.button:hover{background:#395442}.hero-art{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.sun{width:95%;aspect-ratio:1;border-radius:50%;position:absolute;background:#e3ba55;background-image:radial-gradient(ellipse at 35% 30%,#edd28b,transparent 65%);top:4%;max-height:560px}.hero-glasses{display:flex;align-items:flex-end;justify-content:center;width:100%;position:relative;height:440px;gap:0;filter:drop-shadow(0 20px 14px #5c442d33)}.hero-glasses>div{width:31%;height:77%;transform:rotate(-11deg);margin-right:-5%}.hero-glasses>div:nth-child(2){height:100%;width:35%;transform:rotate(0deg);z-index:1}.hero-glasses>div:nth-child(3){height:81%;transform:rotate(12deg);margin-right:0;margin-left:-5%}.hero-glasses svg{height:100%;width:100%;overflow:visible}.art-top{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:bold;letter-spacing:.16em}.art-bottom{position:absolute;bottom:0;font-size:9px;font-weight:bold;letter-spacing:.1em}.roundel{position:absolute;bottom:55px;right:-5px;width:112px;height:112px;background:var(--cream);border:1px solid var(--ink);outline:5px solid var(--cream);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);font-size:9px;line-height:1.2;letter-spacing:.08em}.roundel b{font:600 30px/.8 Barlow}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding:19px 0;font-size:9px;letter-spacing:.12em;font-weight:bold}.ticker{display:flex;justify-content:space-around;align-items:center;gap:30px;padding:19px 0;background:var(--ink);color:var(--cream);font:600 27px Barlow;white-space:nowrap;overflow:hidden}.ticker span{color:var(--gold)}.beer-section{padding:85px 4.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}h2{font:600 clamp(48px,5.2vw,78px)/.97 Barlow;letter-spacing:-.02em;margin:0}.section-heading>p{font-size:14px;line-height:1.7;margin:0 0 5px}.menu-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;gap:15px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;color:var(--ink);padding:10px 15px;font-size:12px}.filters button.active{background:var(--ink);color:var(--cream);border-radius:2px}.filters button:hover{border-color:var(--ink)}#beer-count{font-size:11px;white-space:nowrap}.beer-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;gap:20px}.beer-card{position:relative;padding:24px 25px 25px;background:#e8e7d8;border:1px solid #dadccd;display:flex;flex-direction:column;min-height:395px}.beer-card:nth-child(3n+2){background:#ebe0c9}.beer-card:nth-child(3n){background:#e2e4d7}.beer-art{height:180px;margin:4px auto 20px;width:130px;filter:drop-shadow(0 10px 8px #26382c22)}.beer-art svg{height:100%;width:100%}.beer-card .number{position:absolute;top:20px;left:22px;font:500 14px Barlow;opacity:.6}.beer-card .abv{position:absolute;top:20px;right:22px;font-size:11px}.beer-card h3{font:600 30px/1.15 Barlow;margin:0 0 8px}.beer-card .style{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-weight:bold}.beer-card .description{font-size:12px;line-height:1.65;margin:0;max-width:300px}.beer-card .meta{border-top:1px solid #20392f26;margin-top:auto;padding-top:15px;font-size:10px;letter-spacing:.07em;display:flex;justify-content:space-between}.beer-card .description{padding-bottom:24px}.more{margin:30px auto 0;display:block;border:1px solid var(--ink);background:transparent;padding:16px 24px;color:var(--ink);font-size:12px}.more span{margin-left:40px}.menu-note{text-align:center;font-size:10px;line-height:1.6;color:#5d6c5f;margin:20px 0 0}.our-place{display:grid;grid-template-columns:1fr 1fr;background:#e5d7bd}.place-photo{position:relative;min-height:550px}.place-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.place-photo span{position:absolute;bottom:20px;left:25px;color:white;text-shadow:0 1px 5px black;font-size:9px;letter-spacing:.12em}.place-copy{padding:70px 13%;align-self:center}.place-copy h2{font-size:clamp(48px,4.6vw,70px);margin-bottom:30px}.place-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:350px}.text-link{display:inline-flex;gap:35px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:12px;font-weight:bold;margin-top:12px}.visit{background:var(--ink);color:var(--cream);padding:80px 4.5%;display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:40px}.visit h2{font-size:clamp(66px,7vw,102px);margin-bottom:30px}.cream{background:var(--cream);color:var(--ink);border:0}.cream:hover{background:var(--gold)}.visit-details{padding-top:30px}.visit-details>div{margin-bottom:30px}.visit h3{font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px;color:#d9b65e}.visit p,.visit-details a{font-size:13px;line-height:1.7}.visit-details a{border-bottom:1px solid #9ba99b;padding-bottom:5px}.visit-seal{align-self:center}.visit-seal img{width:100%;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.6}footer{padding:36px 4.5% 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer-wordmark{font:600 40px Barlow}footer>div{display:flex;gap:25px;font-size:11px}footer>div span{font-size:9px;letter-spacing:.1em}footer>p{width:100%;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:#5d6c5f;margin:0} [hidden]{display:none!important}
@media(min-width:1500px){header,.hero,.beer-section,.visit,footer{padding-left:max(4.5%,calc((100vw - 1380px)/2));padding-right:max(4.5%,calc((100vw - 1380px)/2))}header{margin:0}.hero-art{min-height:620px}.hero-glasses{height:500px}}
@media(max-width:760px){header{padding:17px 0}.brand img{width:43px;height:43px}.brand span{font-size:23px}.brand small{font-size:7px}.brand{gap:8px}nav{gap:15px}nav>a:not(.visit-link){display:none}.visit-link{font-size:11px;padding:11px}.visit-link span{margin-left:8px}.hero{padding-top:35px;grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:clamp(60px,11.2vw,88px)}.hero .eyebrow{font-size:8px;max-width:150px;line-height:1.5;margin-bottom:20px}.intro{font-size:12px}.hero-art{min-height:350px;margin-left:-15px;align-self:start;margin-top:50px}.sun{width:130%;top:10%;left:-7%}.hero-glasses{height:280px;width:125%;flex-shrink:0}.art-top,.art-bottom,.roundel{display:none}.button{font-size:11px;padding:15px 18px;gap:25px}.hero-foot{margin-top:30px;font-size:7px}.hero-foot>span:nth-child(2){display:none}.ticker{font-size:23px;justify-content:flex-start;padding-left:25px}.beer-section{padding-top:50px;padding-bottom:50px}.section-heading{display:block}.section-heading>p{margin-top:23px;font-size:13px}.section-heading>p br{display:none}h2{font-size:50px}.menu-toolbar{display:block}.filters{gap:3px}.filters button{padding:9px 10px;font-size:10px}#beer-count{display:block;margin-top:12px}.beer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.beer-card{padding:16px;min-height:375px}.beer-art{height:145px;width:100px;margin-top:25px}.beer-card h3{font-size:27px}.beer-card .abv{right:13px;font-size:9px}.beer-card .number{left:13px}.beer-card .description{font-size:11px}.beer-card .meta{font-size:9px}.our-place{grid-template-columns:1fr}.place-photo{min-height:330px}.place-copy{padding:45px 7%}.visit{grid-template-columns:1fr;gap:10px;padding-top:50px;padding-bottom:45px}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visit-details>div{margin-bottom:12px}.visit-seal{display:none}.visit-details p br{display:none}.visit-details a{overflow-wrap:anywhere}.visit h2{font-size:78px}footer>div{gap:18px;flex-wrap:wrap}.footer-wordmark{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:520px){.hero{grid-template-columns:1fr}.hero h1{font-size:88px}.hero .eyebrow{max-width:none}.hero-art{margin:25px 0 0;min-height:330px;width:100%}.hero-glasses{height:300px;width:90%}.sun{width:310px;height:310px;left:50%;top:5px;transform:translateX(-50%)}.hero-foot{margin-top:22px}.intro{font-size:14px}.hero h1{max-width:350px}.hero-copy{position:relative;z-index:1}}

/* Keep the enlarged product artwork stable; motion stays inside the beer. */
.hero-glasses>div{transform:rotate(-4deg);}
.hero-glasses>div:nth-child(2){transform:none;}
.hero-glasses>div:nth-child(3){transform:rotate(4deg);}

/* Captions sit in their own rows, with equal clearance from the circle. */
.hero-art{display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:0;align-self:center;}
.art-stage{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.art-stage .sun{width:100%;height:100%;max-height:none;inset:0;transform:none;}
.art-stage .hero-glasses{height:88%;width:100%;}
.hero-art .art-top,.hero-art .art-bottom{position:static;transform:none;text-align:center;font-size:14px;line-height:1.5;letter-spacing:.1em;margin:0;max-width:100%;white-space:normal;}
.art-stage .roundel{bottom:8%;right:-5px;}
@media(max-width:760px){.hero-art{gap:0;}.hero-art .art-top,.hero-art .art-bottom{display:none;}.art-stage{width:100%;}.art-stage .hero-glasses{width:100%;height:88%;}}
@media(max-width:520px){.hero-art{min-height:0;margin-top:30px;}.art-stage{width:min(100%,330px);}}

/* A quieter hero: one caption and a compact illustration balanced with the copy. */
@media(min-width:761px){
  .hero{align-items:center;column-gap:24px;}
  .hero-copy{align-self:center;}
  .hero-art{width:90%;justify-self:center;gap:22px;}
  .hero-art .art-top{font-size:14px;letter-spacing:.1em;}
}
.hero-art .art-bottom{display:none;}

/* One spacing rule for every arrow-bearing button. */
:root{--action-gap:16px;}
.button,.visit-link,.text-link,.more{display:inline-flex;align-items:center;justify-content:center;gap:var(--action-gap);}
.visit-link{padding:14px 19px;}
.button>span,.visit-link>span,.text-link>span,.more>span{margin:0;flex-shrink:0;}
.more{display:flex;width:max-content;max-width:100%;}
.food-section{padding:80px 6%;background:#e8dec8;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;}
.food-copy h2{margin-bottom:35px}.kitchen-name{font:600 28px Barlow;letter-spacing:.06em;margin-bottom:16px}.food-copy>p:not(.eyebrow):not(.kitchen-name){font-size:15px;line-height:1.75;max-width:400px;}
.kitchen-menu{padding:32px;background:var(--cream);border:1px solid #b9baa5;box-shadow:8px 8px 0 #20392f10;}
.kitchen-menu-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;gap:15px}.kitchen-menu-head .eyebrow{margin:0;line-height:1.5}.kitchen-menu-head>span{font-size:35px;color:#aa4d2e}.kitchen-menu h3{font:600 45px Barlow;margin:24px 0 18px;}.kitchen-menu p{font-size:14px;line-height:1.65}.kitchen-credit{border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0;font-size:11px!important;}.food-item{padding:16px 0;border-top:1px solid var(--line)}.food-item>div{display:flex;justify-content:space-between;gap:20px}.food-item h4{font:600 25px Barlow;margin:0}.food-item p{margin:6px 0 0}.food-item.sold-out{opacity:.6}.food-item small{display:block;margin-top:5px;font-weight:bold}.menu-photo{display:block;width:100%;height:auto;margin:20px 0}.kitchen-hours{font-weight:bold;white-space:pre-line}.kitchen-menu .text-link{margin:6px 0}.kitchen-menu .sample-note{font-size:11px;color:#aa4d2e}.kitchen-menu-head + h3{line-height:1.05}
@media(max-width:760px){.food-section{grid-template-columns:1fr;gap:35px;padding:50px 5%;}.kitchen-menu{padding:24px}.food-copy h2{font-size:50px}.visit-link{padding:11px;}}

/* Center each glass independently of its neighbors' silhouettes. */
.art-stage .hero-glasses{position:absolute;inset:6% 0;width:100%;height:88%;display:block;}
.hero-glasses>div{position:absolute;bottom:0;left:23%;width:31%;height:77%;margin:0;transform:translateX(-50%) rotate(-4deg);}
.hero-glasses>div:nth-child(2){left:50%;width:35%;height:100%;margin:0;transform:translateX(-50%);z-index:1;}
.hero-glasses>div:nth-child(3){left:77%;width:31%;height:81%;margin:0;transform:translateX(-50%) rotate(4deg);}
.art-arc{position:absolute;inset:-9%;width:118%;height:118%;overflow:visible;pointer-events:none;}
.art-arc text{fill:var(--ink);font:bold 14px Arial,sans-serif;letter-spacing:1.6px;}
@media(min-width:761px){.hero-art{gap:0;margin-top:30px;margin-bottom:10px;}}
@media(max-width:760px){.art-arc{display:none;}}

/* Keep Nick in frame when the story photo crops to its column. */
.place-photo img{object-position:54% center;}

/* Food photographs retain their natural proportions within a consistent frame. */
.food-carousel{margin-top:30px;min-width:0}.food-copy{min-width:0}.food-photo-window{overflow:hidden;background:#20392f;aspect-ratio:1.6}.food-photo-track{display:flex;height:100%;transition:transform 850ms cubic-bezier(.22,.61,.36,1)}.food-photo-track figure{flex:0 0 100%;min-width:0;height:100%;margin:0}.food-photo-track img{display:block;width:100%;height:100%;object-fit:cover}.food-photo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px}.food-photo-controls{display:flex;gap:6px}.food-photo-controls button{border:1px solid #20392f40;background:transparent;color:var(--ink);min-width:36px;min-height:36px;padding:6px 10px;cursor:pointer;font:inherit}.food-photo-controls button:hover{background:var(--cream)}.food-photo-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){.food-photo-track{transition:none}}

/* A continuous full-width food strip, shared by the homepage and menu. */
.food-section{column-gap:8%;row-gap:48px;align-items:start;padding-bottom:0}.food-section .food-copy{padding-top:20px}.food-section .food-marquee{grid-column:1/-1;margin:0 -6.82%;width:auto}.food-marquee{overflow:hidden;margin:0;width:100%;outline-offset:-4px}.food-marquee .food-photo-track{display:flex;width:max-content;height:auto;transition:none;animation:food-drift 38s linear infinite;transform:none}.food-photo-group{display:flex;gap:8px;padding-right:8px;flex:none}.food-marquee .food-photo-group figure{width:clamp(260px,34vw,540px);height:clamp(220px,27vw,380px);flex:none;margin:0}.food-marquee img{width:100%;height:100%;object-fit:cover;display:block}.food-marquee:hover .food-photo-track,.food-marquee:focus-within .food-photo-track,.food-marquee.offscreen .food-photo-track{animation-play-state:paused}.menu-detail-link{margin-top:24px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}footer .footer-brand span{margin:0;font-size:10px;letter-spacing:.15em}.food-detail-intro{padding:70px 6%;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:8%}.food-detail-intro h1{font:600 clamp(64px,7vw,110px)/.98 Barlow;margin:0}.food-detail-intro p,.food-menu-heading>p:not(.eyebrow),.food-detail-end p{font-size:16px;line-height:1.7;max-width:420px}.food-detail-menu{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:80px 6%;background:#e8dec8;align-items:start}.food-menu-heading{position:sticky;top:40px}.food-detail-end{padding:60px 6%}.food-detail-end h2{margin:0}.food-detail-menu .food-item{padding:22px 0}@keyframes food-drift{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.food-marquee .food-photo-track{animation:none}.food-marquee{overflow-x:auto}.food-photo-group[aria-hidden=true]{display:none}}@media(max-width:760px){.food-section .food-marquee{margin:0 -5.56%}.food-detail-intro,.food-detail-menu{grid-template-columns:1fr;gap:32px;padding:45px 5%}.food-menu-heading{position:static}.food-detail-end{padding:45px 5%}.food-section{padding-bottom:0}}

.opening-hours{font-size:14px;line-height:1.7;margin:0 0 16px}.opening-hours>div{display:grid;grid-template-columns:78px auto;justify-content:start;column-gap:16px}.opening-hours dd{margin:0}

.food-category{font:600 32px Barlow;margin:35px 0 10px;color:#aa4d2e;border-bottom:2px solid #aa4d2e;padding-bottom:12px}.food-detail-intro .eyebrow{font-size:10px}.food-menu-heading a{overflow-wrap:anywhere}

.food-category + .food-item{border-top:0}

.kitchen-menu .food-disclosure{font-size:12px;line-height:1.6;margin:18px 0 0}
