/* Weavery site — page-level overrides on top of the modernist design system (ds.css). The design system ships with a red accent; Weavery re-tones the accent ramp to green. The green --color-accent ramp is declared INLINE in index.html (not here) so it applies during HTML parse — the deferred hero animation reads --color-accent before this external stylesheet would finish loading. Keep the two in sync if the brand changes. */ html { scroll-behavior: smooth; } body { margin: 0; background: var(--color-bg); color: var(--color-text); } a { color: var(--color-accent); text-decoration: none; } a:hover { color: var(--color-accent-600); } section[id] { scroll-margin-top: 92px; } ::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); } @media (max-width: 980px) { #nav-links { display: none !important; } #hero-grid, #mission-grid, #story-grid, #team-grid, #contact-grid, #services-grid, #partners-grid { grid-template-columns: 1fr !important; } .teamcard { grid-template-columns: 160px 1fr !important; } } @media (max-width: 620px) { .teamcard { grid-template-columns: 1fr !important; } }