/* Commercial entry points use the established portfolio palette and typography. */
.hero-actions { flex-wrap: wrap; }
.hero-actions .pill { min-height: 44px; align-items: center; }
.quote-contact { display: inline-flex; margin: 12px 0 24px; }
.contact-top .email-link { overflow-wrap: anywhere; }
.programme-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.intake-fields small { color: #acb0ad; line-height: 1.6; font-size: 12px; }
.intake-fields input:focus-visible, .intake-fields textarea:focus-visible,
.intake-fields select:focus-visible, a:focus-visible, button:focus-visible {
  outline: 2px solid #dacaad; outline-offset: 4px;
}
.brief-result pre { overflow-wrap: anywhere; white-space: pre-wrap; }
.result-actions { flex-wrap: wrap; gap: 18px; }
.result-actions .button { white-space: normal; text-align: left; }
@media (max-width: 760px) {
  .header nav .nav-process { display: none !important; }
  .header nav .nav-contact { display: inline-flex; white-space: nowrap; font-size: 11px; padding: 10px 0; }
  .programme-grid { grid-template-columns: 1fr; }
  .hero-actions { gap: 20px; }
  .contact-top .email-link { font-size: clamp(16px, 5vw, 25px); }
  .process-header nav { flex-wrap: wrap; gap: 14px; }
}