/* ==========================================================================
   Neighborhood Cutz  ·  neighborhoodcutz.com

   Design and development by NORTH CODE LLC
   https://northcodellc.com  ·  hello@northcodellc.com

   Copyright (c) 2026 North Code LLC. All rights reserved.
   Original work, licensed to Neighborhood Cutz for use on this domain.
   Not to be copied, republished or adapted for another site without
   written consent.
   ========================================================================== */

/* ABOUT */

/* ============================================================
   9. ABOUT
   ============================================================ */
.about-head { grid-column: 2 / 7; display: flex; flex-direction: column; gap: 1.25em; }
.about-body { grid-column: 8 / 12; display: flex; flex-direction: column; gap: 1.5em; align-self: end; }
@media (max-width: 991px) { .about-head { grid-column: 1 / 8; } .about-body { grid-column: 8 / 13; } }
@media (max-width: 767px) { .about-head, .about-body { grid-column: 1 / 5; } .about-body { margin-top: 2em; } }

/* Proof strip: three facts under the about block */
.about-stats { grid-column: 2 / 12; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-col); margin-top: 4em; border-top: 1px solid rgba(0,0,0,.2); padding-top: 1.5em; }
.stat { display: flex; flex-direction: column; gap: .4em; }
.stat-num { font-family: var(--font-display); font-weight: 700; font-size: 2.5em; line-height: 1; letter-spacing: -.03em; }
@media (max-width: 991px) { .about-stats { grid-column: 1 / 13; } }
@media (max-width: 767px) { .about-stats { grid-column: 1 / 5; grid-template-columns: 1fr; row-gap: 1.5em; margin-top: 2.5em; } }