:root{--spruce:#16352c;--gold:#d9b44a;--oat:#eef0e4;--red:#a5352a;--sky:#bfd6d2;--ink:#1a2a24;--white:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--oat);color:var(--ink);font:400 1.0625rem/1.6 "Source Sans 3",system-ui,sans-serif}
h1,h2,h3{font-family:Rokkitt,Georgia,serif;font-weight:800;line-height:1.05;margin:0 0 .6rem;color:var(--spruce)}
h1{font-size:clamp(2.75rem,6.4vw,5rem)}h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}h3{font-size:1.65rem}
a{color:var(--spruce)}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{max-width:72rem;margin:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
.demo{margin:0;background:#000;color:#fff;font-size:.9rem;padding:.55rem 1rem;text-align:center}.demo a{color:var(--gold);font-weight:700}
.top{background:var(--spruce)}
.top .wrap{display:flex;flex-wrap:wrap;gap:.25rem 2rem;align-items:center;justify-content:space-between;padding-block:.75rem}
.logo{font:800 1.6rem Rokkitt,serif;color:var(--gold);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:0 1.1rem;margin-inline:-.4rem}
nav a{color:#fff;text-decoration:none;font-weight:600;padding:.55rem .4rem;border-bottom:3px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--gold)}
nav a:focus-visible{outline-color:var(--gold)}
section{padding-block:clamp(2.75rem,6vw,4.5rem)}
.sub{margin-top:0}
.hero{padding:0;position:relative;display:grid;min-height:min(44rem,88vh)}
.fields{grid-area:1/1;width:100%;height:100%;min-height:22rem;display:block}
.plate{grid-area:1/1;align-self:end;justify-self:start;z-index:1;background:var(--oat);padding:clamp(1.25rem,3vw,2.5rem);margin:clamp(1rem,4vw,3rem);max-width:37rem;border-top:10px solid var(--red)}
.plate>p:last-of-type{margin-bottom:1.25rem}
.status{display:inline-block;font-weight:700;background:var(--spruce);color:#fff;padding:.2rem .7rem;margin:0 0 .9rem}
.status.open{background:#2f6b3b}.status.closed{background:var(--red)}
.head .status{margin:0}
.btn{display:inline-block;background:var(--red);color:#fff;border:2px solid var(--red);font:700 1.05rem "Source Sans 3",sans-serif;padding:.7rem 1.2rem;text-decoration:none;cursor:pointer;margin:.2rem .4rem .2rem 0}
.btn:hover{background:#7f271f;border-color:#7f271f}
.btn.ghost{background:transparent;color:var(--spruce);border-color:var(--spruce)}
.btn.ghost:hover{background:var(--spruce);color:#fff;border-color:var(--spruce)}
.band{background:var(--spruce);color:#fff}
.band h2{color:var(--gold)}
.counter,.twocol{display:grid;gap:2rem 4rem}
@media (min-width:52rem){.counter{grid-template-columns:1fr 1.4fr}.twocol{grid-template-columns:1fr 1fr}}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th{text-align:left;font-weight:700}
td,th{padding:.65rem .5rem .65rem 0;border-bottom:1px solid #16352c44}
.band td,.band th{border-color:#ffffff44}
.ok,.low,.out{font-weight:700}.ok{color:#bfe0a4}.low{color:var(--gold)}.out{color:#f3b5ad}
.boxes{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:1.5rem 0;border-top:4px solid var(--spruce)}
.boxes article{padding:1.25rem 1.5rem 1.25rem 0;border-bottom:1px solid #16352c44}
.boxes b{display:block;color:var(--red);font-size:1.15rem}
.boxes p{margin:.4rem 0 0}
.link{font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px;color:inherit}
.split{background:var(--sky)}
.head{background:var(--gold);padding-block:clamp(2rem,5vw,3.5rem)}
.head p{font-size:1.2rem;max-width:40rem;margin:0}
.head h1{margin-bottom:.4rem}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.filters button{min-height:2.75rem;font:700 1rem "Source Sans 3",sans-serif;padding:.4rem 1rem;background:transparent;color:var(--spruce);border:2px solid var(--spruce);cursor:pointer}
.filters button[aria-pressed=true]{background:var(--spruce);color:#fff}
.num{text-align:right;white-space:nowrap}
#cuts tr[hidden]{display:none}
label{display:block;font-weight:600;margin-bottom:.8rem}
input,select{display:block;width:100%;margin-top:.25rem;padding:.7rem;font:inherit;border:2px solid transparent;background:#fff;color:var(--ink)}
.band :focus-visible{outline-color:var(--gold)}
.msg{font-weight:600;margin:.8rem 0 0;color:var(--gold)}.msg.err{color:#f3b5ad}
#hours tr.today th,#hours tr.today td{font-weight:700;color:var(--red)}
.gap{margin-top:2.5rem}
.plain{padding-left:1.1rem;margin:0}
.map{width:100%;height:auto;display:block;margin-bottom:1rem}
.time{list-style:none;margin:0;padding:0;max-width:52rem}
.time li{display:grid;grid-template-columns:clamp(5rem,16vw,10rem) 1fr;gap:1.25rem;padding:1.5rem 0;border-top:4px solid var(--spruce)}
.time b{font:800 clamp(1.9rem,5vw,3.25rem)/1 Rokkitt,serif;color:var(--red)}
.time h2{font-size:1.65rem}.time p{margin:0}
footer{background:var(--spruce);color:#fff;padding:2rem 0}footer a{color:var(--gold)}
.foot{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
@media (max-width:40rem){.hero{display:block;min-height:0}.fields{height:15rem;min-height:0}.plate{margin:0;max-width:none}h1{font-size:2.75rem}}
