/* Four visible customer paths above the site links. No collapsed mobile menu. */
body.studio .studio-header.audience-header {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px clamp(14px,2.1vw,34px); align-items:center;
  min-height:0; padding-block:9px;
}
body.studio .audience-header .studio-brand { grid-column:1; grid-row:1; width:clamp(144px,14vw,185px); }
body.studio .audience-header .studio-header-actions { grid-column:3; grid-row:1; gap:10px; }
body.studio .audience-header .studio-navigation.audience-navigation {
  display:grid; grid-column:2; grid-row:1; grid-template-columns:minmax(0,1fr);
  gap:0; align-items:stretch; min-width:0;
}
.audience-primary,.audience-utility {
  display:flex; align-items:stretch; justify-content:center;
  gap:clamp(10px,1.5vw,24px); min-width:0;
}
.audience-primary { border-bottom:1px solid #e7ecee; }
body.studio .audience-navigation .audience-primary>a,
body.studio .audience-navigation .audience-utility>a {
  display:flex; align-items:center; justify-content:center; min-height:44px;
  color:#17272e; text-decoration:none; white-space:nowrap; border-radius:8px;
}
body.studio .audience-navigation .audience-primary>a { font-size:14px; font-weight:750; padding-inline:7px; }
body.studio .audience-navigation .audience-utility>a,
body.studio .audience-navigation .audience-utility summary { font-size:12px; font-weight:650; }
.audience-navigation .audience-primary>a:hover,.audience-navigation .audience-utility>a:hover { background:#f2f5f5; }
body.studio .audience-navigation a[aria-current=page] { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px; }
.audience-navigation :is(a,summary):focus-visible { outline:2px solid #a65a15; outline-offset:-2px; }
body.studio .audience-header .studio-header-actions .studio-contact { display:inline-flex; min-height:44px; }
.audience-contact-short { display:none; }
@media (max-width:1000px) {
  body.studio .studio-header.audience-header { grid-template-columns:minmax(0,1fr) auto; row-gap:3px; padding-block:8px 2px; }
  body.studio .audience-header .studio-header-actions { grid-column:2; grid-row:1; }
  body.studio .audience-header .studio-navigation.audience-navigation { grid-column:1/-1; grid-row:2; }
  body.studio .audience-header .studio-contact { padding-inline:13px; }
  .audience-contact-long { display:none; }
  .audience-contact-short { display:inline; }
}
@media (max-width:700px) {
  body.studio .audience-header .studio-menu { position:static; }
  body.studio .audience-header .studio-menu>div {
    top:100%; left:var(--gutter); right:var(--gutter); min-width:0; max-width:none;
    background:#fff; border:1px solid #b9c7cc; border-radius:16px;
  }
}
@media (max-width:520px) {
  .audience-primary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 6px; }
  .audience-utility { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.1fr); gap:0 3px; }
  body.studio .audience-navigation .audience-utility>a,
  body.studio .audience-navigation .audience-utility summary { font-size:11.5px; justify-content:center; gap:4px; }
  body.studio .audience-navigation .audience-utility>a { white-space:normal; text-align:center; line-height:1.15; }
  body.studio .audience-header .studio-header-actions { gap:6px; }
  body.studio .audience-header .studio-header-actions .studio-contact,
  body.studio .audience-header .studio-header-actions .studio-search-open { min-height:44px; padding:7px 10px; font-size:11px; }
  body.studio .audience-header .studio-brand { width:clamp(120px,39vw,152px); }
}