/* Everseal brand overrides on top of the shared redesign kit. Do not fork redesign.css — only tokens + tiny additions here. */
:root{
  --accent:#6A9A96;
  --accent-text:#2F5F5C;
  --accent-hover:#1F4341;
  --tint:#EAF1EF;
  --tint-text:#2F5F5C;
}
/* Simple figure grid for photo galleries (Projects page etc.) — reuses kit tokens, no new component system. */
.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.photo-grid figure{margin:0;display:flex;flex-direction:column;gap:8px}
.photo-grid img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius)}
.photo-grid figcaption{font-size:13px;color:var(--muted)}
@media (max-width:1100px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.photo-grid{grid-template-columns:1fr}.photo-grid img{height:240px}}

/* Resource-article inline photo + centering helper kept from the pre-redesign markup. */
.res-photo img{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius);margin:8px 0 16px}
.text-center{text-align:center}
aside.stack hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}