/* Web Friend Light — one fixed look. Mobile first. White ground, one action colour. */
:root{
  --ink:#1a1a1a; --muted:#5b5b5b; --line:#e6e6e6; --ground:#fff;
  --action:#d9480f; --action-ink:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:inherit}
h1,h2,h3{line-height:1.15;margin:0 0 .5rem;font-weight:700}
h1{font-size:2rem;letter-spacing:-.02em}
h2{font-size:1.35rem;margin-bottom:1rem}
h3{font-size:1.05rem}
p{margin:0 0 1rem}

.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .name{font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

main{max-width:1000px;margin:0 auto;padding:0 1rem 3rem}
section{padding:2rem 0;border-top:1px solid var(--line)}
section.intro{border-top:0;padding-top:2.5rem}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted);margin-bottom:.75rem}
.sub{font-size:1.15rem;color:var(--muted);max-width:40rem}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 0}

.btn{display:inline-block;padding:.85rem 1.35rem;border-radius:10px;background:var(--action);color:var(--action-ink);font-weight:600;text-decoration:none;line-height:1.2}
.btn-2{background:#fff;color:var(--action);box-shadow:inset 0 0 0 2px var(--action)}
.btn-small{padding:.5rem .9rem;font-size:.95rem}

img.hero{display:block;width:100%;height:auto;max-height:70vh;object-fit:cover;border-radius:14px;margin:0 0 .5rem}

.about p{font-size:1.1rem;max-width:44rem}

.cards{display:grid;gap:1rem;grid-template-columns:1fr}
.card{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:12px}
.card p{margin:0;color:var(--muted)}

.quotes blockquote{margin:0 0 1.25rem;padding:0 0 0 1rem;border-left:3px solid var(--action)}
.quotes blockquote p{margin:0 0 .25rem;font-size:1.05rem}
.quotes cite{font-style:normal;color:var(--muted);font-size:.9rem}

.hours .status{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem}
.dot{width:.65rem;height:.65rem;border-radius:50%;background:#bbb;display:inline-block}
.dot.on{background:#1f9d55}.dot.off{background:#c33}
.hours dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1.25rem;margin:0;max-width:22rem}
.hours dt{color:var(--muted)}.hours dd{margin:0}

.find a{color:var(--ink)}
footer{border-top:1px solid var(--line);padding:1.5rem 1rem;color:var(--muted);font-size:.9rem;text-align:center}
footer a{color:inherit}

@media (min-width:640px){
  h1{font-size:2.6rem}
  .cards{grid-template-columns:1fr 1fr}
}
@media (min-width:960px){
  h1{font-size:3rem}
  .cards{grid-template-columns:repeat(4,1fr)}
  section.intro{padding-top:3.5rem}
}