/* =============================================================================
   Alabama Signature Homes — pages/about
   =============================================================================

   The about page, app/views/pages/about.html.php.

   Small, because most of the page is .about-copy and .prose, both of which
   stayed in main.css: other pages use them too.

   Same house rules as main.css — no nesting, flat selectors, media queries
   inside the layer that owns them. Everything is wrapped in @layer: an
   unlayered rule would outrank even the utilities layer.
   ========================================================================== */

@layer pages {
  .about-logo {
    max-width: 16rem;
    width: 100%;
    margin: var(--space-2xl) auto;
    filter: drop-shadow(var(--shadow-float));
  }

  @media (min-width: 768px) {
    .about-logo {
      float: inline-end;
      margin-inline-start: var(--space-md);
    }
  }
}