/* about.css
   Reconciled onto the site's design system on 2 September 2026, when 29 pages
   designed outside were merged in. Three kinds of rule were removed; the full
   list is in the commit, not here.

     1. Rules that re-styled SHARED shell components. This stylesheet loads
        AFTER palesas.css, so each one silently overrode the site-wide header,
        footer or nav ON THIS PAGE ONLY, while shell.mjs check called the page
        clean because the MARKUP was identical. A markup checker cannot see a
        stylesheet. That went for CLASS selectors and, in a second pass, for
        bare ELEMENT selectors too: one page stylesheet said nav{display:none}
        below 700px and was hiding the site's primary navigation.
     2. Rules for markup that no longer exists: the chrome this page arrived
        with, and its own hero.
     3. Document-level rules that fought palesas.css, which owns them.

   Colours are tokens now. palesas.css owns every shared component.

   Two things have already broken this banner, both worth knowing. It once
   PASTED THE REMOVED SELECTOR LIST INTO ITSELF, and that list held a star next
   to a slash, which closed the comment early and swallowed the next real rule.
   Then a sweep that counted braces without skipping comments read this prose
   as a selector and deleted words out of it. A tool that parses CSS must strip
   comments FIRST, and no generated text belongs inside one. */
.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:14px 0;align-items:center}.story img{width:100%;border-radius:var(--pk-r)}.story h2, .values h2{font:700 clamp(26px,3.4vw,33.6px)/1.15 var(--pk-display);color:var(--pk-primary);letter-spacing:-.02em}.story em{color:var(--pk-gold);font-family:Great Vibes;font-size:46px}.story p{line-height:1.8}.values{background:var(--pk-cream);padding:var(--pk-band) 0;text-align:center}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}.value-grid article{background:var(--pk-surface);padding:26px;border-radius:var(--pk-r)}.value-grid h3{color:var(--pk-primary);font:600 21px Outfit}.visit{text-align:center;padding:var(--pk-band) 0}.visit a{display:inline-block;background:var(--pk-primary);color:var(--pk-primary-fg);padding:14px 23px;text-decoration:none}@media(max-width:700px){.story, .value-grid{grid-template-columns:1fr}.story{gap:25px;padding:var(--pk-band) 0}}