/* ========================================= Lapis Interactive — About (page-scoped) Purpose: tighten spacing and improve readability Scope: only when ========================================= */ /* 1) Layout: remove extra space below the hero on the About page */ .about-page .about-main{ padding-top: 0; } /* 2) Readability: left-align long-form text; keep a comfortable line width for the hero tagline on this page */ .about-page .about-container{ text-align: left; } .about-page .tagline{ max-width: 48rem; } /* 3) Small phones (≤420px): add gentle side gutters to avoid edge hugging */ @media (max-width: 420px){ .about-page .container{ padding-inline: 12px; } }