:root{--ink:#1f2a2e;--orange:#ff8a00;--orange-d:#c25f00;--cream:#fbf4e6;--crust:#f1d3a6;--leaf:#4d6b2f}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);font-size:1.05rem}
h1,h2,h3,h4,.display{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
a{color:var(--orange-d)}
.utility{background:var(--ink);color:var(--cream);font-size:.9rem;padding:.4rem 0}
.utility a{color:var(--crust);text-decoration:none;margin-left:1rem}
.navbar{background:var(--cream);border-bottom:3px solid var(--ink)}
.navbar-brand{display:flex;align-items:center;gap:.6rem;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.7rem;text-transform:uppercase;color:var(--ink)}
.navbar-brand img{width:52px;height:52px}
.nav-link{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}
.nav-link:hover{color:var(--orange-d)}
.btn-stoked{background:var(--orange);color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);padding:.6rem 1.3rem}
.btn-stoked:hover{background:var(--ink);color:var(--orange);border-color:var(--ink)}
.btn-ink{background:var(--ink);color:var(--cream);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:0;border:3px solid var(--ink)}
.btn-ink:hover{background:var(--orange);color:var(--ink)}
.btn-line{border:3px solid var(--ink);color:var(--ink);font-weight:700;text-transform:uppercase;border-radius:0}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.hero{padding:4rem 0 5rem;overflow:hidden;position:relative}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--orange-d)}
.hero h1{font-size:clamp(4rem,12vw,9.5rem);margin:.4rem 0 1rem}
.hero h1 span{color:var(--orange);-webkit-text-stroke:2px var(--ink)}
.hero-pie{position:relative;max-width:480px;margin:0 auto}
.hero-pie img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:6px solid var(--ink);box-shadow:12px 12px 0 var(--orange)}
.hero-pie .badge-stamp{position:absolute;right:-6px;bottom:6%;background:var(--orange);border:3px solid var(--ink);padding:.6rem .9rem;transform:rotate(-8deg);font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;line-height:1;font-size:1.1rem}
.deck{width:100%;height:84px;background:var(--ink);overflow:hidden;display:flex;align-items:center}
.deck-track{display:flex;gap:1.4rem;animation:roll 40s linear infinite;width:max-content}
.deck svg{height:52px;width:auto;flex:none}
@keyframes roll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.deck-track{animation:none}}
section{padding:5rem 0}
.sec-title{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:1rem}
.band-ink{background:var(--ink);color:var(--cream)}
.band-ink .eyebrow{color:var(--orange)}
.band-orange{background:var(--orange)}
.pull{font-family:'Barlow Condensed';font-weight:800;text-transform:uppercase;font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.02}
.loc-card{background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.8rem;height:100%;display:flex;flex-direction:column}
.loc-card h3{font-size:2.4rem;color:var(--ink)}
.loc-card .addr{font-weight:700}
.hours{list-style:none;padding:0;margin:1rem 0;font-size:.97rem}
.hours li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed #c9b992;padding:.25rem 0}
.loc-card .actions{margin-top:auto;display:grid;gap:.6rem}
.shot{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--orange);width:100%;height:auto;display:block}
.gal img{width:100%;aspect-ratio:1/1;object-fit:cover;border:4px solid var(--ink);display:block}
.gal .t1{transform:rotate(-1.5deg)}.gal .t2{transform:rotate(1.2deg)}
.press a{display:block;color:var(--cream);text-decoration:none;border-top:2px solid rgba(255,255,255,.25);padding:.9rem 0;font-weight:700}
.press a:hover{color:var(--orange)}
.quote{border-left:6px solid var(--orange);padding-left:1.2rem;font-size:1.15rem}
.person h4{font-size:1.9rem;margin-bottom:.3rem}
footer{background:var(--ink);color:var(--cream);padding:3rem 0 2rem}
footer a{color:var(--crust)}
.chip{background:var(--cream);border-radius:14px;padding:.4rem;display:inline-block}
.chip img{width:84px;height:84px;display:block}
.powered{font-size:.85rem;opacity:.85}
.map{border:3px solid var(--ink);width:100%;height:260px}
@media(max-width:575px){.navbar-brand{font-size:1.35rem}.hero{padding:2.5rem 0 3.5rem}.utility .hide-s{display:none}}