@font-face{font-family:"Archivo";src:url(archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--frost:#EDF2F2;--night:#0E1C24;--lamp:#FFB02E;--steel:#4E6573;--line:#C5D4D8;--night2:#17303B}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--frost);color:var(--night);font:420 1.0625rem/1.62 "Archivo","Arial",system-ui,sans-serif;font-stretch:100%;padding-bottom:76px}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--lamp);outline-offset:3px}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}
.narrow{max-width:720px}

.bar{background:var(--night);color:var(--frost)}
.barin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px}
.logo{font-weight:800;font-stretch:75%;font-size:1.5rem;letter-spacing:.005em;text-decoration:none}
.topnav{display:none;gap:22px;font-size:.95rem;font-stretch:92%}
.topnav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;color:#C9D6DB}
.topnav a:hover,.topnav a[aria-current]{color:var(--frost);border-bottom-color:var(--lamp)}
.barcall{display:none;font-weight:700;text-decoration:none;color:var(--lamp)}

.hero{background:var(--night);color:var(--frost);padding:34px 0 52px}
.status{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:var(--lamp);font-weight:700;font-size:1.05rem;text-shadow:0 0 16px rgba(255,176,46,.35)}
.lamp{flex:none;width:12px;height:12px;border-radius:50%;background:var(--lamp);box-shadow:0 0 12px 2px rgba(255,176,46,.55)}
.lamp.off{background:#6F8794;box-shadow:none}
h1{margin:0 0 20px;font-weight:800;font-stretch:62%;font-size:clamp(3.6rem,17vw,8.6rem);line-height:.9;letter-spacing:-.005em;max-width:12ch}
.lead{margin:0 0 30px;max-width:34rem;font-size:1.2rem;color:#D6E1E5}

.actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:10px;font-weight:700;font-stretch:90%;font-size:1.05rem;text-decoration:none;border:2px solid transparent}
.btn-call{background:var(--lamp);color:var(--night)}
.btn-call:hover{background:#FFC25A}
.btn-map{border-color:#6F8794;color:var(--frost)}
.btn-map:hover{border-color:var(--frost)}
.block .btn-map,.find .btn-map{border-color:var(--night);color:var(--night)}
.block .btn-map:hover{background:var(--night);color:var(--frost)}

.block{padding:56px 0}
h2{margin:0 0 20px;font-weight:780;font-stretch:72%;font-size:clamp(2.1rem,7vw,3.4rem);line-height:1}
.block + .block{border-top:1px solid var(--line)}

.week{list-style:none;margin:0;padding:0;max-width:760px}
.week li{display:grid;grid-template-columns:7.2rem 1fr;grid-template-areas:"d t" "tr tr";gap:2px 14px;padding:11px 0;border-bottom:1px solid var(--line)}
.week .d{grid-area:d;font-weight:600}
.week .t{grid-area:t;justify-self:end;color:var(--steel);font-stretch:95%}
.week .track{grid-area:tr;position:relative;height:10px;border-radius:5px;background:#DCE7E9;overflow:hidden;display:block}
.week .fill{position:absolute;left:0;top:0;bottom:0;background:var(--night)}
.week .late{position:absolute;left:87.5%;top:0;bottom:0;right:0;background:var(--lamp)}
.week li.today .d,.week li.today .t{color:var(--night);font-weight:800}
.week .d{position:relative}
.week li.today .d::before{content:"";position:absolute;left:-14px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--lamp)}
.chart{max-width:760px}
.axis{position:relative;height:1.4rem;margin-top:8px;font-size:.82rem;color:var(--steel)}
.axis span{position:absolute;white-space:nowrap}
.axis .a1{transform:translateX(-50%)}
.axis .a2,.axis .a3{transform:translateX(-100%)}
.note{margin:18px 0 0;max-width:34rem;color:var(--steel);font-size:.95rem}

.beer .big{margin:0 0 18px;max-width:30ch;font-weight:560;font-stretch:80%;font-size:clamp(1.7rem,5.2vw,2.5rem);line-height:1.15}
.beer p{max-width:36rem}

.two{display:grid;gap:30px}
address{font-style:normal;font-size:1.2rem;line-height:1.5;margin-bottom:14px}
.actions.stack{flex-direction:column;align-items:stretch}
.findactions p{margin:16px 0 0}

details{border-top:1px solid var(--line);padding:6px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-weight:650;font-stretch:90%;font-size:1.15rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:400;font-size:1.6rem;line-height:1;color:var(--steel)}
details[open] summary::after{content:"\2212"}
details p{margin:0 0 16px;max-width:38rem}

footer{background:var(--night);color:#C9D6DB;padding:44px 0 36px}
footer address{font-size:1.05rem;color:var(--frost)}
footer a{color:var(--frost)}
.small{font-size:.88rem;max-width:30rem}
.footnav{display:flex;flex-direction:column;gap:8px}
.footnav a{text-decoration:none}
.footnav a:hover{text-decoration:underline}

.dock{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(14,28,36,.96);border-top:1px solid #23404D}
.dock .btn{flex:1;min-height:48px}

@media (min-width:760px){
  body{padding-bottom:0}
  .topnav{display:flex}
  .barcall{display:inline}
  .dock{display:none}
  .hero{padding:64px 0 76px}
  .block{padding:76px 0}
  .two{grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
  .week li{grid-template-columns:8rem 1fr 11rem;grid-template-areas:"d tr t";align-items:center;gap:16px}
  .week .t{justify-self:start}
  .axis{margin-left:calc(8rem + 16px);margin-right:calc(11rem + 16px)}  .actions.stack{flex-direction:row}
}
@media (min-width:1100px){.topnav{gap:30px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}