/* v6: only the existing opening copy composition changes, on phones.
   Keep the two-column copy block and artwork position; no fixed hero height. */
@media screen and (max-width:700px){
  .intro-grid .intro-copy{
    grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
    column-gap:14px;
    align-items:start;
  }
  .intro-grid .intro-copy .eyebrow{
    font-size:10px;
    line-height:1.4;
    letter-spacing:.035em;
    margin-bottom:10px;
  }
  .intro-grid .intro-copy h1>span{
    font-size:clamp(22px,6.6vw,30px);
    line-height:1.1;
    letter-spacing:-.01em;
  }
  .intro-grid .intro-copy h1 em{
    font-size:clamp(42px,12.5vw,56px);
    line-height:1;
    margin:8px 0 0;
  }
  .intro-grid .intro-deck{
    font-size:clamp(12px,3.45vw,15px);
    line-height:1.4;
    margin:0 0 9px;
  }
  .intro-grid .welcome{
    font-size:clamp(10px,2.85vw,12px);
    line-height:1.45;
    text-wrap:pretty;
  }
}
@media screen and (max-width:360px){
  .intro-grid .intro-copy{column-gap:10px}
}