:root {
      --black: #000000;
      --white: #ffffff;
      --blue: #178be6;
      --blue-light: rgba(23,139,230,.08);
      --orange: #e85411;
      --gray: #f4f4f4;
      --mid-gray: #888;
    }
    *, *::before, *::after { box-sizing: border-box; }
    body {
      font-family: 'Barlow', sans-serif;
      background: var(--white);
      color: var(--black);
      margin: 0;
    }

    /* PAGE HEADER */
    .page-header {
      background: var(--white);
      padding: 56px 0 48px;
      border-bottom: 1px solid #eee;
    }
    .page-header .eyebrow {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--blue);
      margin-bottom: 12px;
    }
    .page-header h1 {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 800;
      font-size: clamp(48px, 8vw, 88px);
      line-height: 1;
      color: var(--black);
      margin: 0 0 10px;
      letter-spacing: -0.01em;
    }
    .page-header .tagline {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 600;
      font-size: 18px;
      color: var(--orange);
      letter-spacing: 0.02em;
      display: block;
      margin-bottom: 10px;
    }
    .page-header p {
      font-size: 16px;
      color: #666;
      margin: 0;
      line-height: 1.6;
      max-width: 600px;
    }

    /* CONTENT */
    .about-section { padding: 60px 0 80px; }

    .about-section h2 {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 800;
      font-size: clamp(22px, 3.5vw, 30px);
      color: var(--black);
      margin: 48px 0 14px;
      padding-top: 8px;
      border-top: 2px solid var(--orange);
      display: inline-block;
    }
    .about-section h2:first-child { margin-top: 0; }

    .about-section p {
      font-size: 15px;
      line-height: 1.75;
      color: #333;
      margin-bottom: 14px;
    }
    .about-section p:last-child { margin-bottom: 0; }

    .about-section ul {
      padding-left: 20px;
      margin-bottom: 14px;
    }
    .about-section ul li {
      font-size: 15px;
      line-height: 1.7;
      color: #333;
      margin-bottom: 6px;
    }
    .about-section a { color: var(--blue); text-decoration: none; font-weight: 500; }
    .about-section a:hover { text-decoration: underline; }

    .highlight-box {
      background: var(--blue-light);
      border-left: 3px solid var(--blue);
      border-radius: 0 4px 4px 0;
      padding: 16px 20px;
      margin: 20px 0;
    }
    .highlight-box p { margin: 0; font-size: 14px; color: #444; }

    /* SOCIAL ROW */
    .social-row { margin-top: 12px; display: flex; gap: 12px; flex-wrap: wrap; }
    .social-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 600;
      font-size: 14px;
      letter-spacing: 0.04em;
      color: var(--black);
      text-decoration: none;
      padding: 8px 14px;
      border-radius: 4px;
      background: var(--white);
      border: 1.5px solid #ddd;
      transition: border-color .2s, color .2s;
    }
    .social-link i { font-size: 17px; }
    .social-link:hover { border-color: var(--blue); color: var(--blue); }