.portfolio-intro h3 em{color:var(--accent);font-style:normal}

/* On desktop the contact details share the orange heading panel. */
@media(min-width:1001px){
  .contact-section{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,27vw,370px);align-items:center;column-gap:clamp(42px,6vw,110px);padding:clamp(56px,5vw,80px) var(--pad) clamp(52px,4.5vw,70px)}
  .contact-section{padding-right:max(86px,var(--pad))}
  .contact-section .contact-head{min-width:0;padding:0}
  .contact-head h2{font-size:clamp(60px,7.8vw,130px);line-height:1.08;margin-top:25px}
  .contact-section .contact-grid{display:flex;flex-direction:column;gap:23px;min-width:0;padding:0;border-top:0}
  .contact-grid>div{width:100%;min-width:0;gap:9px}
  .contact-grid>div+div{border-top:1px solid #17181538;padding-top:22px}
  .contact-grid p{min-height:0;font-size:16px;line-height:1.6}
  .contact-grid small{font-size:12px}
  .contact-grid .contact-button{width:100%;min-width:0;min-height:48px;margin-top:6px;gap:16px}
}