/* BRC welded mesh page styles */

/* BRC-specific page refinements */

    .brc-why {
      display:grid;
      grid-template-columns:.72fr 1.28fr;
      gap:72px;
      align-items:start;
    }

    .brc-why h2,
    .brc-cert-heading h2 {
      margin:0;
      font:800 clamp(36px,4.4vw,58px)/1.05 Manrope,sans-serif;
      letter-spacing:-.04em;
      color:var(--ink);
    }

    .brc-benefit-grid {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    .brc-benefit {
      min-height:205px;
      padding:26px;
      border:1px solid var(--line);
      background:#fff;
    }

    .brc-benefit span {
      display:block;
      margin-bottom:34px;
      color:var(--blue);
      font-size:11px;
      font-weight:800;
    }

    .brc-benefit h3 {
      margin:0 0 10px;
      font:800 20px/1.25 Manrope,sans-serif;
      color:var(--ink);
    }

    .brc-benefit p {
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.65;
    }

    .brc-tech-note {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-bottom:18px;
    }

    .brc-tech-note .spec-pair {
      min-height:160px;
    }

    .brc-tech-note .spec-label {
      font-size:13px;
    }

    .brc-tech-note .spec-value {
      font-size:24px;
      line-height:1.3;
    }

    .brc-tech-note .spec-pair p {
      max-width:520px;
      font-size:14px;
      line-height:1.6;
    }

    .brc-cert-section {
      background:var(--navy);
      color:#fff;
    }

    .brc-cert-heading {
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:72px;
      align-items:end;
      margin-bottom:38px;
    }

    .brc-cert-heading h2 {
      color:#fff;
    }

    .brc-cert-heading > p {
      margin:0;
      color:#b8c6d3;
      font-size:16px;
    }

    .brc-cert-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }

    .brc-cert-card {
      min-height:270px;
      padding:30px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.025);
    }

    .brc-cert-mark {
      display:flex;
      align-items:center;
      min-height:72px;
      margin-bottom:44px;
      color:#9cc8f6;
      font:800 32px/1 Manrope,sans-serif;
      letter-spacing:-.03em;
    }

    .brc-cert-card small {
      display:block;
      margin-bottom:8px;
      color:#91bdea;
      font-size:10px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .brc-cert-card h3 {
      margin:0 0 10px;
      color:#fff;
      font:800 20px/1.25 Manrope,sans-serif;
    }

    .brc-cert-card p {
      margin:0;
      color:#b8c6d3;
      font-size:13px;
      line-height:1.65;
    }

    .brc-callout {
      max-width:900px;
      margin:0 auto;
      padding:28px 32px;
      border-left:4px solid var(--blue);
      background:#eef4f9;
    }

    .brc-callout strong {
      display:block;
      margin-bottom:8px;
      color:var(--ink);
      font:800 20px/1.3 Manrope,sans-serif;
    }

    .brc-callout p {
      margin:0;
      color:var(--muted);
      font-size:15px;
    }

    @media(max-width:900px) {
      .brc-why,
      .brc-cert-heading {
        grid-template-columns:1fr;
        gap:32px;
      }

      .brc-cert-grid {
        grid-template-columns:1fr 1fr;
      }

      .brc-cert-card:last-child {
        grid-column:1/-1;
      }
    }

    @media(max-width:640px) {
      .brc-benefit-grid,
      .brc-tech-note,
      .brc-cert-grid {
        grid-template-columns:1fr;
      }

      .brc-cert-card:last-child {
        grid-column:auto;
      }

      .brc-benefit {
        min-height:0;
        padding:22px;
      }

      .brc-benefit span {
        margin-bottom:22px;
      }

      .brc-tech-note .spec-value {
        font-size:22px;
      }

      .brc-cert-card {
        min-height:0;
        padding:26px;
      }

      .brc-cert-mark {
        min-height:0;
        margin-bottom:28px;
        font-size:34px;
      }

      .brc-callout {
        padding:23px 20px;
      }
    }