/* Brand readability and touch navigation across desktop and small screens. */
.brand-wordmark{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap;font-size:21px;letter-spacing:-.035em}
.brand-wordmark b{font-size:1.14em;line-height:1;letter-spacing:-.06em;font-weight:850}
.brand-copy{display:grid;gap:2px;min-width:0;text-align:left}
.brand-copy strong{font-size:15px;line-height:1.25;letter-spacing:-.025em;font-weight:800;color:var(--navy)}
.brand-copy small{font-size:10px;line-height:1.35;letter-spacing:.035em;font-weight:650;color:#5a5650}
.logo .brand-mark{flex-shrink:0}
.footer-brand{font-size:24px;line-height:1.5;overflow-wrap:anywhere}
.required{display:inline-block;white-space:nowrap}
.experience-hero h1>span{white-space:normal;text-wrap:balance}
.experience-hero h1 .brand-headline-unit{display:inline-block;white-space:nowrap}
.experience-description.brand-subtitle{max-width:36em;line-height:1.9}
.site-header nav a{min-height:44px}
@media(max-width:680px){
  html{scroll-padding-top:126px}
  .header-inner{padding:10px 20px 0;display:flex;flex-wrap:wrap;gap:7px}
  .logo{gap:8px;min-height:31px}
  .logo .brand-mark{width:26px;height:26px}
  .brand-wordmark{font-size:18px;gap:.45em}
  .brand-copy strong{font-size:13px;line-height:1.25}
  .brand-copy small{font-size:10px;line-height:1.35;letter-spacing:.005em}
  .site-header nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
  .site-header nav a,.site-header nav a:last-child{font-size:12px;min-height:42px;justify-content:center;padding:7px 6px;border:0;border-radius:0;background:transparent;color:var(--navy);gap:5px}
  .site-header nav a.cro-nav-trial{color:var(--accent-strong)}
  .site-header nav a+a{border-left:1px solid var(--line)}
  .site-header nav a:last-child svg{display:none}
  .site-header nav a:hover{background:var(--bg-soft)}
  .experience-hero h1{font-size:clamp(28px,7.1vw,42px);line-height:1.6}
  .experience-hero h1>span{display:block}
  .footer-brand{font-size:21px}
}
@media(max-width:359px){.logo .brand-mark{display:none!important}.brand-wordmark{font-size:17px;gap:.4em}.brand-copy strong{font-size:12px}.brand-copy small{font-size:10px}.experience-hero h1{font-size:28px}}