/* Shared header treatment for the Product page's selected cases and employer
   destinations. Janus loads this same file from its standalone HTML response.
   All changes are confined to the opening header; approved copy stays intact. */
@font-face {
  font-family: "Arimo";
  src: url("/fonts/arimo-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/montserrat-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/montserrat-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

main[data-portfolio-route]:is(
  [data-portfolio-route="/janus-capital-digital-experience-content-strategy"],
  [data-portfolio-route="/aaa-life-expressterm-product-strategy-design"],
  [data-portfolio-route="/cummins-onboarding-platform-unification"],
  [data-portfolio-route="/novant-health-now-gtm-care-hub-ux-and-voice-agent-ux"],
  [data-portfolio-route="/copy-of-rocket-mortgage-redesign-and-design-system"],
  [data-portfolio-route="/rocket-ux-reformation"],
  [data-portfolio-route="/humana-covered-humanizing-enrollment-with-documentary"],
  [data-portfolio-route="/arc-worldwide-digital-transformation"],
  [data-portfolio-route="/principal-consultant"],
  [data-portfolio-route="/rocket-strategy-product-ux-product-design"],
  [data-portfolio-route="/edelman-strategy-brand-experience-communications"],
  [data-portfolio-route="/enlighten-digital-product-ux-agency-transformation"],
  [data-portfolio-route="/leo-burnett-campaigns-ux-emerging-technology"]
) {
  :is(.case-masthead, .leadership-masthead, .intro) {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    padding: 44px 0 42px;
    margin: 0 auto;
    text-align: center;
  }

  :is(.case-masthead__metadata, .leadership-masthead__eyebrow,
      .intro > .eyebrow, .employer-review__masthead > .employer-review__eyebrow,
      .ux-leadership-case__heading > .ux-leadership-case__eyebrow) {
    color: var(--jt-color-orange, #ed851d);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: .095em;
    text-transform: uppercase;
    margin: 0 0 16px;
  }

  :is(.case-masthead__title, .leadership-masthead > h1, .intro > h1,
      .employer-review__masthead > h1, .ux-leadership-case__heading > h1) {
    box-sizing: border-box;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    color: #fff;
    font-family: "Arimo", Arial, sans-serif;
    font-size: clamp(var(--jt-type-case-title-mobile, 32px), 4vw, var(--jt-type-case-title-desktop, 46px));
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.03em;
    text-wrap: balance;
    overflow-wrap: break-word;
  }

  :is(.case-masthead__subline, .leadership-masthead__subline,
      .intro-copy > h2, .employer-review__subline, .ux-leadership-case__subtitle) {
    box-sizing: border-box;
    width: 100%;
    max-width: 780px;
    margin: 16px auto 0;
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: normal;
    text-wrap: balance;
  }

  :is(.case-masthead__introduction, .leadership-masthead__introduction,
      .employer-review__introduction, .ux-leadership-case__intro) {
    box-sizing: border-box;
    width: 100%;
    max-width: 780px;
    margin: 24px auto 0;
    color: #d7d8da;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
  }

  :is(.case-masthead__introduction, .employer-review__introduction,
      .ux-leadership-case__intro) > p {
    margin: 0;
    font: inherit;
    color: inherit;
  }
  :is(.case-masthead__introduction, .employer-review__introduction,
      .ux-leadership-case__intro) > p + p { margin-top: 16px; }

  /* Employer headers retain their existing identity-image composition. */
  .employer-review__masthead { padding: 36px 0 0; text-align: center; }
  .ux-leadership-case__heading > h1 { margin-left: 0; }
  .ux-leadership-case__role { margin-top: 24px; }

  /* Janus's approved title includes a subtitle span inside the same h1. */
  .intro > h1 .subtitle {
    display: block;
    margin-top: 0;
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
  }
  .intro-copy { width: 100%; max-width: 780px; margin: 0 auto; }
  .intro-copy > h2 { margin-bottom: 24px; }
  .intro-copy > p {
    color: #d7d8da;
    font: 400 16px/1.6 "Montserrat", Arial, sans-serif;
    text-align: left;
  }
  .intro .facts {
    max-width: 780px;
    margin: 28px auto 0;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }

  @media (max-width: 600px) {
    :is(.case-masthead, .leadership-masthead, .intro) { padding: 32px 0; }
    :is(.case-masthead__subline, .leadership-masthead__subline,
        .intro-copy > h2, .employer-review__subline, .ux-leadership-case__subtitle) {
      font-size: 17px;
    }
  }
}

/* Centered Janus masthead uses the same section hierarchy as editorial cases. */
main[data-portfolio-route="/janus-capital-digital-experience-content-strategy"] > section:not(.intro) h2 {
 font-family:var(--jt-font-display,Arimo),Arial,sans-serif;
 font-size:var(--jt-type-case-section-desktop,28px);font-weight:var(--jt-weight-display,700);
 line-height:var(--jt-leading-case-section-desktop,34px);letter-spacing:-.02em;text-wrap:balance;
}
main[data-portfolio-route="/janus-capital-digital-experience-content-strategy"] section:not(.intro) h3 {
 font-family:var(--jt-font-display,Arimo),Arial,sans-serif;
 font-size:var(--jt-type-case-group,20px);font-weight:var(--jt-weight-display,700);
 line-height:var(--jt-leading-case-group,26px);letter-spacing:-.015em;
}
@media(max-width:600px) {
 main[data-portfolio-route="/janus-capital-digital-experience-content-strategy"] > section:not(.intro) h2 {
  font-size:var(--jt-type-case-section-mobile,24px);line-height:var(--jt-leading-case-section-mobile,30px);
 }
}