/* Hooker Honkey – unique teal & charcoal palette */
:root {
  --charcoal: #1e1e1e;
  --teal: #009688;
  --light: #f4f4f4;
}
* { box-sizing: border-box; }
body { margin:0; font-family: "Segoe UI",Roboto,Helvetica,Arial,sans-serif; background: var(--light); color: var(--charcoal); line-height:1.6; }
.container { width: min(90%, 1200px); margin-inline:auto; }
.flex-between { display:flex; align-items:center; justify-content:space-between; }
.flex-center{display:flex; align-items:center; gap:.5rem; text-decoration:none; color:inherit; }
.logo span{ font-weight:700; font-size:1.2rem; }
.nav-list{ list-style:none; display:flex; gap:1rem; padding:0; margin:0; }
.nav-list a{ text-decoration:none; color:var(--charcoal); font-weight:500; }
.hero{ background: var(--teal); color:white; padding:4rem 0; }
.hero h1{ margin:0 0 .5rem; font-size:clamp(1.8rem, 5vw, 3rem); }
.links-grid{ margin-block:3rem; }
.links-grid .grid{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.links-grid a{ background:white; padding:1rem; border-radius:6px; border:1px solid #ddd; text-align:center; text-decoration:none; color:var(--teal); font-weight:600; transition:background .2s; }
.links-grid a:hover{ background: var(--teal); color:white; }
.about{ margin-block:4rem; }
.section-title{ margin-top:0; }
.site-footer{ background:var(--charcoal); color:white; padding:2rem 0; }
.site-footer img{ display:block; margin-inline:auto .5rem; }
@media(max-width:600px){ .nav-list{flex-direction:column; gap:.5rem;} }