/* ========================================================================== ecosphere marketing site: shared styles Requires tokens.css (loaded first). Light petrol by default: . Page-specific styles belong in their own file next to this one (e.g. hero-map.css), never here. CLASS VOCABULARY Layout .wrap centred column, max 1200px (.wrap-narrow: 760px) .section vertical rhythm block; consecutive sections get a rule .section-surface white background variant (alternate with default bg) .section-tight less vertical padding .section-head two-column intro:
.eyebrow + .h2
+ p.lede .section-head-stacked single-column variant of .section-head .page-hero interior page header: .breadcrumb, .eyebrow, h1.h1, p.lede, .button-row .breadcrumb