.unint-col--copy{
  max-width: var(--maxw);
  margin-inline: auto;        /* centers copy when stacked on mobile */
}



  .unint-col--copy{
    align-self: center;     
    display: flex;          
    flex-direction: column;
    justify-content: center;
    gap: 16px;             
    padding-block: clamp(8px, 1.5vw, 20px); 
    max-width: 720px;       
    margin-inline: 0;       
  }  

.unint-eyebrow{
  margin: 0 0 10px 0;
  font: 600 12px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--muted);
}

.unint-title{
  margin: 0 0 18px 0;
  font-family: Montserrat, Inter, system-ui, sans-serif;
  font-weight: 800;
  color: var(--ink);
  line-height: 1.05;
  font-size: clamp(32px, 5vw, 56px);
}

.unint-body{
  margin: 0;
  font: 400 clamp(16px, 1.6vw, 18px)/1.8 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink-2);
  max-width: 66ch;
  text-align: justify;
}




/* aar css */

    /* 50/50 layout that matches the PSD */
    .intro-psd{background:#fff;}
    .intro-psd .wrap{display:flex; flex-wrap:wrap; margin:0;}
    .intro-psd .col{flex:0 0 100%; max-width:100%;}
    @media (min-width: 768px){
      .intro-psd .col{flex:0 0 50%; max-width:50%;}
    }

    /* Image column */
    .intro-psd .img-col{position:relative; overflow:hidden;}
    .intro-psd .img-cover{
      width:100%; height:100%; object-fit:cover; display:block;
    }

    /* Text column */
    .intro-psd .text-col{
      display:flex; align-items:flex-start; /* top-align like PSD */
      color:var(--text);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }
    .intro-psd .inner{
      padding:48px 28px; max-width:640px;
    }
    @media (min-width: 992px){
      .intro-psd .inner{ padding:64px 56px; }
    }

    .intro-psd .eyebrow{
      text-transform:uppercase; letter-spacing:.12em;
      font-weight:700; color:var(--eyebrow);
      font-size:12.5px; margin:0 0 14px;
    }
    .intro-psd h2{
      font-family: Montserrat, Inter, Arial, sans-serif;
      font-weight:800; line-height:1.08; margin:0 0 6px;
      font-size:clamp(28px,4.1vw,52px);
    }
    .intro-psd .sub{
      font-weight:700; margin:0 0 18px; font-size:clamp(16px,1.4vw,20px);
    }
    /*.intro-psd p{margin:0 0 16px; line-height:1.6; font-size:16px;}*/
    .intro-psd ul{margin:0 0 18px 18px; padding:0;}
    .intro-psd li{margin:0 0 8px; line-height:1.6; font-size:16px;}

    /* Match heights: image fills the tallest column */
    .intro-psd .wrap{align-items:stretch;}
    /* Remove default gaps so the split is flush like PSD */
    .intro-psd{--gap:0;}






    /* --- Force mobile order: Text first, Image second --- */
@media (max-width: 767.98px){
  .intro-psd .text-col { order: 1; }   /* always comes first on mobile */
  .intro-psd .img-col  { order: 2; }   /* image comes after text       */

  /* small breathing room between stacked text & image */
  .intro-psd .img-col { margin-top: 14px; }
}

/* Reset to natural DOM order on tablet/desktop */
@media (min-width: 768px){
  .intro-psd .text-col,
  .intro-psd .img-col { order: initial; margin-top: 0; }
}

/* Optional: a touch more presence on very wide screens */
@media (min-width: 1440px){
  .unint-title{
    font-size: 64px;
  }
}