/* GENERATED by scripts/gen-banner-scale.py — do not edit by hand.
   <=1200px: page banners and the landing hero are the 1920px desktop banner, scaled to the screen
   (--bz-page / --bz-hero are set by the root layout script). */
@media (max-width: 1200px) {
  /* tablet / phone rules inside the banner: back to the desktop values */
  :root:root :where(section.page-hero, section.hero) .container {width: revert;}
  :root:root .hero-inner {grid-template-columns: revert; padding-bottom: revert; text-align: revert;}
  :root:root .hero-copy h1 {max-width: revert;}
  :root:root .hero-media {order: revert;}
  :root:root .hero-media img {max-height: revert;}
  :root:root .hero-partner span {max-width: revert; font-size: revert;}
  :root:root .page-hero-banner--grads {aspect-ratio: revert; min-height: revert; height: revert; padding: revert; margin-bottom: revert;}
  :root:root .page-hero-banner--with-visual {flex-direction: revert; align-items: revert; overflow: revert; padding-bottom: revert; min-height: revert;}
  :root:root .page-hero-banner--with-visual .page-hero-copy {max-width: revert; padding-bottom: revert;}
  :root:root .page-hero-visual, :root:root .page-hero-visual--cutout, :root:root .page-hero-visual--bleed-top {position: revert; inset: revert; width: revert; height: revert; min-height: revert; right: revert; top: revert; bottom: revert; border-radius: revert; overflow: revert;}
  :root:root .page-hero-visual--cutout img, :root:root .page-hero-visual--bleed-top img {width: revert; height: revert; object-fit: revert; object-position: revert; filter: revert;}
  :root:root .page-hero-banner--photo .page-hero-copy {max-width: revert;}
  :root:root .page-hero-banner--cutout-ok {margin-bottom: revert;}
  :root:root .page-hero-banner--grads .page-hero-copy {position: revert; left: revert; width: revert; max-width: revert; height: revert;}
  :root:root .page-hero-banner--grads .page-eyebrow, :root:root .page-hero-banner--grads .page-hero-copy h1, :root:root .page-hero-banner--grads .page-lead {position: revert; top: revert; left: revert; width: revert;}
  :root:root .page-hero-banner--grads .page-eyebrow {margin-bottom: revert;}
  :root:root .page-hero-banner--grads .page-lead {margin-top: revert;}
  :root:root .page-hero-grads {opacity: revert;}
  :root:root .page-hero-grads .grad-f, :root:root .page-hero-grads .grad-m {top: revert; bottom: revert; height: revert; width: revert;}
  :root:root .page-hero-grads .grad-f {left: revert; right: revert;}
  :root:root .page-hero-grads .grad-m {left: revert; right: revert;}
  :root:root .page-hero-grads {display: revert;}
  :root:root .page-hero-banner--grads {padding-bottom: revert;}
  :root:root .page-hero-copy h1, :root:root .page-hero h1 {max-width: revert;}
  :root:root .page-hero-banner--figma {aspect-ratio: revert; min-height: revert;}
  :root:root .page-hero-banner--figma .page-hero-copy {max-width: revert;}
  :root:root .page-hero-img, :root:root .page-hero-banner--figma .page-hero-mark {position: revert; display: revert; width: revert; height: revert; margin-top: revert; border-radius: revert;}
  :root:root .page-hero-banner--figma .page-hero-mark--k {display: revert;}
  :root:root .page-hero-fig {position: revert; overflow: revert; width: revert; height: revert; margin-top: revert; opacity: revert;}
  :root:root .page-hero-fig > img {position: revert; width: revert; height: revert; max-height: revert; object-fit: revert;}
  :root:root .page-hero-fig--grad-m {display: revert;}
  :root:root .page-hero-banner .page-hero-fig--cms {display: revert;}
  :root:root .page-hero-banner--mark .page-hero-copy {max-width: revert;}
  :root:root .page-hero-banner.has-cms-layout .page-hero-fig, :root:root .page-hero-banner.has-cms-layout .page-hero-visual {position: revert; width: revert; height: revert; display: revert; padding: revert;}
  :root:root .page-hero-banner.has-cms-layout .page-hero-fig > img, :root:root .page-hero-banner.has-cms-layout .page-hero-visual img {width: revert; height: revert; max-height: revert; transform: revert;}
  :root:root .hero-inner {grid-template-columns: revert;}
  :root:root .hero-copy {position: revert; z-index: revert; max-width: revert;}
  :root:root .hero-media {position: revert; right: revert; left: revert; top: revert; bottom: revert; width: revert; height: revert; display: revert; z-index: revert; overflow: revert;}
  :root:root .hero-media img {display: revert; width: revert; height: revert; max-height: revert; max-width: revert; transform: revert; filter: revert;}
  :root:root .hero-inner {grid-template-columns: revert; padding-top: revert;}
  :root:root .hero-media {order: revert; position: revert; width: revert; height: revert; margin: revert; overflow: revert; display: revert; justify-content: revert;}
  :root:root .hero-media img {position: revert; right: revert; top: revert; height: revert; width: revert; max-height: revert; max-width: revert; transform: revert; filter: revert;}
  :root:root .page-hero-banner--figma.is-wide .page-hero-copy {max-width: revert;}
  :root:root :where(section.page-hero, section.hero) .btn {white-space: revert; line-height: revert;}
  :root:root .page-lead--k {line-height: revert; margin-top: revert;}
  :root:root :where(section.page-hero, section.hero) .btn {min-height: revert; padding: revert; font-size: revert; line-height: revert; white-space: revert; border-radius: revert;}
  :root:root :where(section.page-hero, section.hero) .btn-ico {width: revert; height: revert;}
  :root:root :where(section.page-hero, section.hero) .btn-ico img {width: revert; height: revert;}
  :root:root .hero-inner {padding-bottom: revert;}
  :root:root .hero-partners {padding: revert;}
  :root:root .hero-partner img.is-mono {width: revert; height: revert; max-width: revert;}
  :root:root .hero-partner--inha img {width: revert; height: revert;}
  :root:root .hero-partner span {font-size: revert;}
  :root:root .page-hero {padding-top: revert;}
  :root:root .page-hero-banner {border-radius: revert; padding: revert; min-height: revert;}
  :root:root .page-hero-banner:has(.page-hero-fig), :root:root .page-hero-banner:has(.page-hero-visual) {padding-bottom: revert;}
  :root:root .page-eyebrow {font-size: revert; margin-bottom: revert;}
  :root:root .page-hero-banner h1, :root:root .page-hero-banner--figma h1 {font-size: revert; line-height: revert; letter-spacing: revert; max-width: revert;}
  :root:root .page-lead, :root:root .page-hero-banner--figma .page-lead, :root:root .page-hero-banner--figma .page-lead--p {font-size: revert; line-height: revert; margin-top: revert; max-width: revert;}
  :root:root .page-lead--k {font-size: revert; line-height: revert; margin-top: revert;}
  :root:root .page-hero-fig {margin-top: revert;}
  :root:root .page-hero-fig > img {max-height: revert;}
  :root:root .hero-doc {flex-wrap: revert; row-gap: revert;}
  :root:root .hero-doc-actions {width: revert; padding-left: revert;}
  :root:root .hero-doc-view {flex: revert;}
  :root:root .page-hero-banner.has-docs {gap: revert;}
  :root:root .page-hero-docs {gap: revert;}
  :root:root .hero-doc {gap: revert; min-height: revert; padding: revert; border-radius: revert;}
  :root:root .hero-doc-num {width: revert; height: revert; font-size: revert;}
  :root:root .hero-doc-title {font-size: revert; line-height: revert;}
  :root:root .hero-doc-meta {font-size: revert; line-height: revert;}
  :root:root .hero-doc-actions {gap: revert;}
  :root:root .hero-doc-dl {width: revert; height: revert;}
  :root:root .hero-doc-dl svg {width: revert; height: revert;}
  :root:root .hero-doc-view {height: revert; padding: revert; border-radius: revert; font-size: revert;}
  :root:root .hero-media {height: revert; margin-top: revert;}
  :root:root .hero-media img {top: revert; height: revert;}
  /* the desktop rules */
  :root:root:root:root:root:root section.page-hero, :root:root:root:root:root:root section.hero {--blue: #235fd9;
  --navy: #0c3a8b;
  --muted: #e8ecf5;
  --charcoal: #2a2a2a;
  --nav-bg: #f9f8f8;
  --white: #ffffff;
  --black: #000000;
  --role-light: #cfdcf7;
  --role-muted: #898989;
  --meta-blue: #a9c5f6;
  --radius-btn: 16px;
  --radius-card: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --shadow-soft: none;
  --font: "TT Hoves", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --font-demi: 600;
  --header-top: 177px;
  --header-nav: 92px}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) img {max-width: 100%;
  display: block;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) a {color: inherit;
  text-decoration: none;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) h1, :root:root:root:root:root:root :where(section.page-hero, section.hero) h2, :root:root:root:root:root:root :where(section.page-hero, section.hero) h3, :root:root:root:root:root:root :where(section.page-hero, section.hero) p {margin: 0;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .container {width: min(100% - 112px, 1808px);
  margin-inline: auto;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 81px;
  padding: 1.25rem 4rem;
  border-radius: var(--radius-btn);
  font-weight: 600;
  font-size: clamp(1rem, calc(1.1 * 19.2px), 1.625rem);
  white-space: nowrap;
  transition: transform 0.2s ease, opacity 0.2s ease;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn:hover {transform: translateY(-1px);
  opacity: 0.95;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-primary {background: var(--blue);
  color: var(--white);}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-download img {width: 26px;
  height: 26px;
  filter: brightness(0) invert(1);}
  :root:root:root:root:root:root .hero {position: relative;
  background: var(--blue);
  color: var(--white);
  overflow: hidden;
  min-height: clamp(520px, calc(42 * 19.2px), 810px);}
  :root:root:root:root:root:root .hero-inner {display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: 2rem;
  padding-top: clamp(2.5rem, calc(5 * 19.2px), 6.5rem);
  padding-bottom: clamp(7rem, calc(10 * 19.2px), 9rem);
  position: relative;
  z-index: 1;}
  :root:root:root:root:root:root .hero-copy h1 {font-size: clamp(2rem, calc(4.2 * 19.2px), 5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 15ch;}
  :root:root:root:root:root:root .hero-media {display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;}
  :root:root:root:root:root:root .hero-media img {width: min(100%, 900px);
  max-height: clamp(320px, calc(44 * 19.2px), 760px);
  object-fit: contain;
  object-position: bottom center;
  filter: drop-shadow(0 24px 48px rgba(0, 0, 0, 0.18));}
  :root:root:root:root:root:root .hero-deco, :root:root:root:root:root:root .hero-sparkle {position: absolute;
  pointer-events: none;
  z-index: 0;}
  :root:root:root:root:root:root .hero-deco {left: -7%;
  bottom: 6.63%;
  width: 13.39%;
  height: auto;
  opacity: 0.9;}
  :root:root:root:root:root:root .hero-sparkle {left: 68.4%;
  top: 30.7%;
  width: 4%;
  height: auto;
  mix-blend-mode: plus-lighter;}
  :root:root:root:root:root:root .hero-partners {position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.25rem 0 1.75rem;
  background: linear-gradient(180deg, transparent, rgba(12, 40, 120, 0.35));
  z-index: 2;}
  :root:root:root:root:root:root .hero-partners-inner {display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  overflow-x: auto;
  scrollbar-width: none;}
  :root:root:root:root:root:root .hero-partners-inner::-webkit-scrollbar {display: none;}
  :root:root:root:root:root:root .hero-partner {display: flex;
  align-items: center;
  gap: 0.85rem;
  flex: 0 0 auto;
  min-width: 220px;
  color: var(--white);}
  :root:root:root:root:root:root .hero-partner--inha {min-width: 262px;}
  :root:root:root:root:root:root .hero-partner--inha img {width: 262px;
  height: 77px;
  max-width: none;}
  :root:root:root:root:root:root .hero-partner--taqu img, :root:root:root:root:root:root .hero-partner img.is-mono {width: 72px;
  height: 72px;
  max-width: 72px;}
  :root:root:root:root:root:root .hero-partner img {width: auto;
  height: 56px;
  max-width: 120px;
  object-fit: contain;}
  :root:root:root:root:root:root .hero-partner img.is-mono {filter: brightness(0) invert(1);}
  :root:root:root:root:root:root .hero-partner span {font-size: clamp(0.85rem, calc(1.15 * 19.2px), 1.625rem);
  font-weight: 500;
  line-height: 1.2;
  max-width: 18rem;}
  :root:root:root:root:root:root .page-hero {padding: 2rem 0 0;
  background: transparent;
  color: var(--white);
  overflow: visible;}
  :root:root:root:root:root:root .page-hero-banner {position: relative;
  overflow: hidden;
  min-height: clamp(280px, calc(36 * 19.2px), 693px);
  border-radius: var(--radius-lg);
  background: var(--charcoal);
  padding: clamp(2rem, calc(4 * 19.2px), 5rem) clamp(1.5rem, calc(4 * 19.2px), 4.5rem);
  display: flex;
  align-items: center;}
  :root:root:root:root:root:root .page-hero-banner--blue {background: var(--blue);}
  :root:root:root:root:root:root .page-hero-banner--blue-deep {background: #0c3a8b;}
  :root:root:root:root:root:root .page-hero-banner--charcoal {background: #2a2a2a;}
  :root:root:root:root:root:root .page-hero-banner--photo {padding: 0;
  background: #0a2a6e;
  overflow: hidden;}
  :root:root:root:root:root:root .page-hero-banner--photo .page-hero-photo {position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  z-index: 0;}
  :root:root:root:root:root:root .page-hero-banner--photo .page-hero-scrim {position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(35, 95, 217, 0.96) 0%,
    rgba(35, 95, 217, 0.88) 38%,
    rgba(35, 95, 217, 0.35) 62%,
    rgba(35, 95, 217, 0) 82%
  );
  pointer-events: none;}
  :root:root:root:root:root:root .page-hero-banner--photo .page-hero-copy {padding: clamp(2rem, calc(4 * 19.2px), 5rem) clamp(1.5rem, calc(4 * 19.2px), 4.5rem);
  max-width: min(52%, 40rem);}
  :root:root:root:root:root:root .page-hero-banner--with-visual {overflow: hidden;
  padding-right: clamp(1.5rem, calc(4 * 19.2px), 3rem);}
  :root:root:root:root:root:root .page-hero-banner--with-visual .page-hero-copy {max-width: min(52%, 42rem);
  z-index: 3;}
  :root:root:root:root:root:root .page-hero-banner--charcoal.page-hero-banner--with-visual .page-hero-copy h1, :root:root:root:root:root:root .page-hero-banner--blue.page-hero-banner--with-visual .page-hero-copy h1 {max-width: min(100%, 20ch);}
  :root:root:root:root:root:root .page-hero-banner--charcoal.page-hero-banner--with-visual .page-hero-copy {max-width: min(54%, 44rem);}
  :root:root:root:root:root:root .page-hero-visual {position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: min(48%, 820px);
  z-index: 1;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;}
  :root:root:root:root:root:root .page-hero-visual img {width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;}
  :root:root:root:root:root:root .page-hero-visual--panel {overflow: hidden;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;}
  :root:root:root:root:root:root .page-hero-visual--panel img {object-fit: cover;
  object-position: center center;}
  :root:root:root:root:root:root .page-hero-visual--cutout {top: 0;
  height: 100%;
  bottom: 0;
  width: min(50%, 780px);
  right: 0;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;}
  :root:root:root:root:root:root .page-hero-visual--cutout img {object-fit: contain;
  object-position: right bottom;
  height: 100%;
  width: auto;
  max-width: 100%;
  filter: none;}
  :root:root:root:root:root:root .page-hero-banner--with-visual.page-hero-banner--blue, :root:root:root:root:root:root .page-hero-banner--with-visual.page-hero-banner--charcoal {overflow: hidden;}
  :root:root:root:root:root:root .page-hero-banner--with-visual.page-hero-banner--cutout-ok {overflow: hidden;
  min-height: clamp(360px, calc(40 * 19.2px), 693px);}
  :root:root:root:root:root:root .page-hero-banner--charcoal .page-eyebrow {color: #aca7a7;}
  :root:root:root:root:root:root .page-hero-banner--charcoal .page-lead {color: rgba(255, 255, 255, 0.92);}
  :root:root:root:root:root:root .info-banner--network .info-banner-copy p:not(.page-eyebrow) {margin: 1.25rem 0 0;
  font-size: clamp(1rem, calc(1.35 * 19.2px), 1.35rem);
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
  max-width: 36rem;}
  :root:root:root:root:root:root .page-hero-banner--mark {overflow: hidden;}
  :root:root:root:root:root:root .page-hero-banner--mark .page-hero-mark {position: absolute;
  right: -4%;
  bottom: -28%;
  width: min(42%, 520px);
  height: auto;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
  filter: brightness(0) invert(1);}
  :root:root:root:root:root:root .page-hero-banner--compact {min-height: clamp(220px, calc(24 * 19.2px), 420px);}
  :root:root:root:root:root:root .page-hero-copy {position: relative;
  z-index: 2;
  max-width: min(100%, 64rem);}
  :root:root:root:root:root:root .page-eyebrow {margin: 0 0 1rem;
  font-size: clamp(0.95rem, calc(1.1 * 19.2px), 1.25rem);
  color: #aca7a7;
  font-weight: 400;}
  :root:root:root:root:root:root .page-hero h1, :root:root:root:root:root:root .page-hero-copy h1 {margin: 0;
  font-size: clamp(1.75rem, calc(4.2 * 19.2px), 5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 18ch;
  color: var(--white);}
  :root:root:root:root:root:root .page-lead, :root:root:root:root:root:root .page-hero .lead {margin: 1.5rem 0 0;
  font-size: clamp(1.05rem, calc(1.5 * 19.2px), 1.75rem);
  line-height: 1.4;
  color: var(--white);
  max-width: 42rem;
  opacity: 1;}
  :root:root:root:root:root:root .page-hero-banner--grads {display: block;
  padding: 0;
  min-height: 0;
  height: auto;
  aspect-ratio: 1808 / 693;
  overflow: visible;
  margin-bottom: 4.5%;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-hero-copy {position: absolute;
  left: 3.982%; 
  top: 0;
  width: 56.858%; 
  max-width: none;
  height: 100%;
  z-index: 2;
  pointer-events: none;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-eyebrow {position: absolute;
  left: 0;
  top: 16.162%; 
  margin: 0;
  font-size: clamp(0.85rem, calc(1.15 * 19.2px), 18px);
  line-height: 1.22;
  color: #aca7a7;
  font-weight: 400;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-hero-copy h1 {position: absolute;
  left: 0;
  top: 25.108%; 
  width: 100%;
  max-width: none;
  margin: 0;
  font-size: clamp(1.6rem, calc(3.75 * 19.2px), 72px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--white);}
  :root:root:root:root:root:root .page-hero-banner--grads .page-lead {position: absolute;
  left: 0;
  top: 68.398%; 
  width: 69.26%; 
  max-width: none;
  margin: 0;
  font-size: clamp(0.95rem, calc(1.67 * 19.2px), 32px);
  line-height: 1.125;
  color: var(--white);
  opacity: 1;}
  :root:root:root:root:root:root .page-hero-grads {position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;}
  :root:root:root:root:root:root .page-hero-grads .grad-f, :root:root:root:root:root:root .page-hero-grads .grad-m {position: absolute;
  top: 0.144%; 
  bottom: auto;
  right: auto;
  height: auto;
  max-width: none;
  object-fit: cover;
  object-position: top center;
  opacity: 1;}
  :root:root:root:root:root:root .page-hero-grads .grad-f {left: 54.757%; 
  width: 27.876%; 
  height: 109.235%;}
  :root:root:root:root:root:root .page-hero-grads .grad-m {left: 72.069%; 
  width: 30.476%; 
  height: 106.494%;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-sm {min-height: 52px;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  align-self: flex-start;}
  :root:root:root:root:root:root .hero-sparkle {display: none;}
  :root:root:root:root:root:root .hero-partners {background: none;}
  :root:root:root:root:root:root .page-hero {padding-top: 0;}
  :root:root:root:root:root:root .page-hero-banner--figma {display: block;
  padding: clamp(2rem, calc(5.8 * 19.2px), 112px) clamp(1.5rem, calc(3.75 * 19.2px), 72px) clamp(2rem, calc(4 * 19.2px), 72px);
  min-height: 0;
  aspect-ratio: 1808 / 693;
  overflow: hidden;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight {padding-top: clamp(1.75rem, calc(4.2 * 19.2px), 80px);}
  :root:root:root:root:root:root .page-hero-banner--figma .page-hero-copy {position: relative;
  z-index: 2;
  max-width: 57%;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-eyebrow {margin: 0 0 clamp(0.75rem, calc(2.1 * 19.2px), 40px);
  font-size: clamp(0.85rem, calc(0.95 * 19.2px), 18px);
  line-height: 1.22;
  color: #aca7a7;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-eyebrow {margin-bottom: clamp(0.75rem, calc(1.9 * 19.2px), 36px);}
  :root:root:root:root:root:root .page-hero-banner--blue .page-eyebrow {color: #a9c5f6;}
  :root:root:root:root:root:root .page-hero-banner--figma h1 {font-size: clamp(1.75rem, calc(3.75 * 19.2px), 72px);
  line-height: 1.22;
  letter-spacing: -0.02em;
  max-width: none;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead {margin-top: clamp(1rem, calc(1.9 * 19.2px), 36px);
  font-size: clamp(1rem, calc(1.67 * 19.2px), 32px);
  line-height: 1.125;
  max-width: 900px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-lead {margin-top: clamp(0.75rem, calc(1.05 * 19.2px), 20px);}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead--p {font-size: clamp(0.95rem, calc(1.25 * 19.2px), 24px);
  line-height: 1.5;
  max-width: 1000px;
  margin-top: clamp(1rem, calc(2.3 * 19.2px), 44px);}
  :root:root:root:root:root:root .page-hero-img {position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  max-width: none;
  z-index: 1;
  pointer-events: none;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-hero-mark {position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 1;
  filter: none;
  opacity: 1;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-wide .page-hero-copy {max-width: 66%;}
  :root:root:root:root:root:root .page-hero-mark--k {position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: 1;
  pointer-events: none;}
  :root:root:root:root:root:root .hero-media img {filter: none;
  transform: scaleX(-1);}
  :root:root:root:root:root:root .hero-media {position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    display: block;
    z-index: 0;}
  :root:root:root:root:root:root .hero-media img {height: 100%;
    width: auto;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: left top;}
  :root:root:root:root:root:root section.page-hero, :root:root:root:root:root:root section.hero {--figma-gutter: 56px;
    --figma-content: 1808px;
    --figma-gap: 24px;
    --figma-card: 434px}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .container {width: var(--figma-content);
    max-width: var(--figma-content);
    margin-inline: auto;
    padding-inline: 0;}
  :root:root:root:root:root:root .hero {min-height: 810px;
    height: 810px;}
  :root:root:root:root:root:root .hero-deco {left: -134px;
    bottom: 54px;
    width: 257px;
    height: 72px;}
  :root:root:root:root:root:root .hero-sparkle {left: 1313.5px;
    top: 249px;
    width: 77px;
    height: 104.5px;
    mix-blend-mode: plus-lighter;}
  :root:root:root:root:root:root .hero-inner {padding-top: 102px;
    padding-bottom: 140px;
    gap: 0;
    grid-template-columns: 952px 1fr;}
  :root:root:root:root:root:root .hero-copy h1 {font-size: 80px;
    font-weight: 600;
    line-height: 88px;
    letter-spacing: -1.6px;
    max-width: 952px;}
  :root:root:root:root:root:root .hero-media {position: absolute;
    left: 916px;
    top: -41px;
    width: 909px;
    height: 846px;
    margin: 0;
    display: block;
    z-index: 0;
    overflow: hidden;
    -webkit-mask-image: none;
    mask-image: none;}
  :root:root:root:root:root:root .hero-media img {position: absolute;
    left: 36px;
    top: -220px;
    width: 934px;
    height: 1401px;
    max-width: none;
    max-height: none;
    object-fit: fill;
    filter: none;}
  :root:root:root:root:root:root .hero-partners {padding: 0 0 40px;}
  :root:root:root:root:root:root .hero-partner img {width: auto;
    height: auto;}
  :root:root:root:root:root:root .hero-partner--inha img {width: 262px;
    height: 77px;
    max-width: none;}
  :root:root:root:root:root:root .hero-partner--taqu img, :root:root:root:root:root:root .hero-partner img.is-mono {width: 72px;
    height: 72px;
    max-width: 72px;}
  :root:root:root:root:root:root .hero-partner span {font-size: 26px;
    line-height: 30.7px;
    font-weight: 500;
    max-width: 298px;}
  :root:root:root:root:root:root .page-hero-banner--grads {width: var(--figma-content);
    height: 693px;
    min-height: 693px;
    aspect-ratio: auto;
    margin-bottom: 65px;
    border-radius: 24px;
    overflow: visible;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-hero-copy {left: 72px;
    width: 1028px;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-eyebrow {top: 112px;
    font-size: 18px;
    line-height: 22px;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-hero-copy h1 {top: 174px;
    width: 1028px;
    font-size: 72px;
    line-height: 88px;
    letter-spacing: -1.44px;}
  :root:root:root:root:root:root .page-hero-banner--grads .page-lead {top: 474px;
    width: 712px;
    font-size: 32px;
    line-height: 36px;
    white-space: nowrap;}
  :root:root:root:root:root:root .page-hero-grads .grad-f {left: 990px;
    top: 1px;
    width: 504px;
    height: 757px;}
  :root:root:root:root:root:root .page-hero-grads .grad-m {left: 1303px;
    top: 1px;
    width: 551px;
    height: 738px;}
  :root:root:root:root:root:root .page-hero-banner--blue, :root:root:root:root:root:root .page-hero-banner--photo, :root:root:root:root:root:root .page-hero-banner--mark:not(.page-hero-banner--compact) {min-height: 693px;
    height: 693px;}
  :root:root:root:root:root:root .page-hero-banner--compact {min-height: 420px;
    height: 420px;}
  :root:root:root:root:root:root .page-hero-banner--with-visual .page-hero-copy {max-width: 900px;}
  :root:root:root:root:root:root .page-hero-visual--panel {width: 820px;}
  :root:root:root:root:root:root .page-hero-visual--cutout {width: 680px;
    right: 40px;}
  :root:root:root:root:root:root .page-hero-banner--photo .page-hero-copy {max-width: 780px;}
  :root:root:root:root:root:root .page-hero-banner--figma {width: var(--figma-content);
    height: 693px;
    min-height: 693px;
    aspect-ratio: auto;
    padding: 112px 0 0 72px;
    border-radius: 24px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight {padding-top: 80px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-hero-copy {max-width: 1028px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-eyebrow {font-size: 18px;
    line-height: 22px;
    margin-bottom: 40px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-eyebrow {margin-bottom: 36px;}
  :root:root:root:root:root:root .page-hero-banner--figma h1 {font-size: 72px;
    line-height: 88px;
    letter-spacing: -1.44px;
    max-width: 900px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight h1 {max-width: 800px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-wide h1 {max-width: 1080px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-wide .page-hero-copy {max-width: 1200px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead {font-size: 32px;
    line-height: 36px;
    margin-top: 36px;
    max-width: 900px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-lead {margin-top: 20px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead--p {font-size: 24px;
    line-height: 36px;
    margin-top: 44px;
    max-width: 1170px;}
  :root:root:root:root:root:root .page-hero-img {height: 693px;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-dark {background: var(--charcoal);
  color: var(--white);}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-white {background: var(--white);
  color: var(--blue);}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-download--lg {gap: 16px;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-ico {display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-ico img {width: 26px;
  height: 26px;
  filter: brightness(0) invert(1);}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-white .btn-ico {background: var(--muted);}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .btn-white .btn-ico img {filter: none;}
  :root:root:root:root:root:root .page-lead--k {font-size: clamp(1rem, calc(1.4 * 19.2px), 27px) !important;
  line-height: 36px !important;
  letter-spacing: -0.01em;
  max-width: 1200px !important;
  margin-top: 60px !important;}
  :root:root:root:root:root:root .page-hero-fig {position: absolute; overflow: hidden; z-index: 1; pointer-events: none;}
  :root:root:root:root:root:root .page-hero-fig > img {position: absolute; max-width: none; display: block;}
  :root:root:root:root:root:root .page-hero-fig--grad-f {left: 54.757%; top: 0.289%; width: 27.876%; height: 99.856%;}
  :root:root:root:root:root:root .page-hero-fig--grad-f > img {left: 0.000%; top: 0.000%; width: 100.000%; height: 109.249%;}
  :root:root:root:root:root:root .page-hero-fig--grad-m {left: 72.069%; top: 0.289%; width: 30.476%; height: 99.856%;}
  :root:root:root:root:root:root .page-hero-fig--grad-m > img {left: 0.000%; top: -0.289%; width: 100.181%; height: 119.798%;}
  :root:root:root:root:root:root .page-hero-fig--kings {left: 0; top: 0; width: 100%; height: 100%;}
  :root:root:root:root:root:root .page-hero-fig--kings > img {left: 45.133%; top: -2.309%; width: 60.951%; height: 105.916%;}
  :root:root:root:root:root:root .page-hero-fig--students {left: 46.792%; top: 5.339%; width: 57.633%; height: 94.661%;}
  :root:root:root:root:root:root .page-hero-fig--students > img {left: 0.000%; top: 0.000%; width: 100.192%; height: 106.098%;}
  :root:root:root:root:root:root .page-hero-fig--women {left: 0; top: 0; width: 100%; height: 100%;}
  :root:root:root:root:root:root .page-hero-fig--women > img {left: 49.336%; top: -1.443%; width: 62.223%; height: 108.225%; transform: scaleX(-1);}
  :root:root:root:root:root:root .page-hero-fig--team {left: 48.783%; top: 6.205%; width: 54.480%; height: 93.939%;}
  :root:root:root:root:root:root .page-hero-fig--team > img {left: 0.406%; top: 0.000%; width: 99.898%; height: 101.997%;}
  :root:root:root:root:root:root .page-hero-fig--grad-f, :root:root:root:root:root:root .page-hero-fig--grad-m {opacity: 0.95;}
  :root:root:root:root:root:root .hero-partners {overflow: hidden;}
  :root:root:root:root:root:root .hero-partners .hero-partners-inner.is-marquee {display: flex;
  justify-content: flex-start;
  width: max-content;
  max-width: none;
  gap: clamp(2rem, calc(4 * 19.2px), 96px);
  padding-right: clamp(2rem, calc(4 * 19.2px), 96px);
  overflow: visible;
  animation: iqac-marquee 42s linear infinite;}
  :root:root:root:root:root:root .hero-partners .hero-partners-inner.is-marquee:hover {animation-play-state: paused;}
  :root:root:root:root:root:root .hero-partners .hero-partners-inner.is-marquee .hero-partner {flex: 0 0 auto;}
  :root:root:root:root:root:root .page-hero-banner .page-hero-fig--cms {position: absolute;
  right: 3%;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 36%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;}
  :root:root:root:root:root:root .page-hero-banner .page-hero-fig--cms img {max-height: 94%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .25));}
  :root:root:root:root:root:root .page-hero-banner--mark .page-hero-copy {position: relative;
  z-index: 2;
  max-width: 60%;}
  :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-fig, :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-visual {position: absolute;
  left: var(--bi-dx, 0%);
  top: var(--bi-dy, 0%);
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: var(--bi-justify, flex-end);
  padding: 0 3%;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  opacity: 1;
  border-radius: 0;
  pointer-events: none;
  z-index: 1;}
  :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-fig > img, :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-visual img {position: static;
  width: var(--bi-size, 36%);
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: var(--bi-fit, contain);
  object-position: var(--bi-objpos, right bottom);
  transform: var(--bi-flip, none);
  filter: none;}
  :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-photo {object-position: var(--bi-objpos, center right);
  transform: var(--bi-flip, none);}
  :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-copy {position: relative; z-index: 2;}
  :root:root:root:root:root:root section.page-hero, :root:root:root:root:root:root section.hero {--font: "TT Hoves", "TT Hoves Pro", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}
  :root:root:root:root:root:root .hero-media {position: absolute; left: 916px; right: auto; top: -5px; bottom: auto; width: 909px; height: 846px; overflow: visible; display: block; z-index: 0;}
  :root:root:root:root:root:root .hero-media img {position: absolute; left: 36px; top: -220px; width: 934px; height: 1401px; max-width: none; max-height: none; object-fit: fill; filter: none; transform: scaleX(-1);}
  :root:root:root:root:root:root .hero-copy {width: 1000px; max-width: none;}
  :root:root:root:root:root:root .hero-copy h1 {max-width: 1000px;}
  :root:root:root:root:root:root .page-hero-banner .page-hero-copy h1 {font-size: 80px; line-height: 88px; letter-spacing: -1.6px; max-width: 1028px;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-hero-copy h1 {line-height: 80px;}
  :root:root:root:root:root:root .page-hero-banner .page-lead {font-size: 28px; line-height: 36px; max-width: 712px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead--p {font-size: 28px; line-height: 36px; max-width: 813px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-lead--k {font-size: 28px !important; line-height: 36px !important; max-width: 1189px !important;}
  :root:root:root:root:root:root .page-hero-banner--with-visual .page-lead {max-width: 912px;}
  :root:root:root:root:root:root .page-hero-banner .page-eyebrow {font-size: 20px; line-height: 22px;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-hero-mark--k {top: 92px; right: 12px; height: 100%;}
  :root:root:root:root:root:root .page-hero-banner--with-visual.page-hero-banner--cutout-ok {overflow: visible;}
  :root:root:root:root:root:root .page-hero-banner--cutout-ok .page-hero-visual--cutout {right: 160px; top: -45px; bottom: auto; width: 582px; height: 734px; overflow: visible; border-radius: 0; align-items: flex-start; justify-content: flex-start;}
  :root:root:root:root:root:root .page-hero-banner--cutout-ok .page-hero-visual--cutout img {width: 582px; height: 734px; max-width: none; object-fit: contain; object-position: top left;}
  :root:root:root:root:root:root .page-hero-banner--figma .page-hero-mark--k {top: 131px; right: -120px; height: 768px; width: auto;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-wide .page-hero-copy h1 {max-width: 1140px;}
  :root:root:root:root:root:root .page-hero-banner--with-visual .page-lead {max-width: 960px;}
  :root:root:root:root:root:root .page-hero-fig--kings::before {content: ""; position: absolute; left: 35.62%; top: -2.309%; width: 60.951%; height: 105.916%;
    background: url(/design/assets/img/figma/src/kings-college.png) 0 0 / 100% 100% no-repeat; transform: scaleX(-1); z-index: 0; pointer-events: none;}
  :root:root:root:root:root:root .page-hero-fig--kings > img {z-index: 1;}
  :root:root:root:root:root:root .hero-inner {position: static;}
  :root:root:root:root:root:root .hero-copy {position: relative; z-index: 1;}
  :root:root:root:root:root:root .hero-media {left: auto; right: 39px;}
  :root:root:root:root:root:root .page-hero-banner--figma:has(.page-hero-fig), :root:root:root:root:root:root .page-hero-banner--figma:has(.page-hero-visual) {overflow: visible; clip-path: inset(0 -64px 0 0 round 24px);}
  :root:root:root:root:root:root .page-hero-banner--with-visual.page-hero-banner--cutout-ok {overflow: visible; clip-path: inset(-90px -64px 0 0 round 24px);}
  :root:root:root:root:root:root .page-hero-fig--women, :root:root:root:root:root:root .page-hero-fig--kings {overflow: visible;}
  :root:root:root:root:root:root section.page-hero, :root:root:root:root:root:root section.hero {--font: "TT Hoves", "TT Hoves Pro", "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}
  :root:root:root:root:root:root .hero-copy h1, :root:root:root:root:root:root .page-hero-banner .page-hero-copy h1, :root:root:root:root:root:root .page-hero-banner--figma h1, :root:root:root:root:root:root .page-hero-banner--grads .page-hero-copy h1 {letter-spacing: 0;}
  :root:root:root:root:root:root .page-hero-banner--figma.is-tight .page-hero-copy h1 {max-width: 800px;}
  :root:root:root:root:root:root main:has(.v-band) .page-hero-copy .page-eyebrow {margin-bottom: 40px;}
  :root:root:root:root:root:root main:has(.v-band) .page-hero-copy h1 {max-width: 743px; letter-spacing: -1.6px;}
  :root:root:root:root:root:root main:has(.v-band) .page-hero-copy .page-lead {margin-top: 40px;}
  :root:root:root:root:root:root .page-hero-banner.has-cms-layout .page-hero-photo {object-position: var(--bi-photo-pos, var(--bi-objpos, center right));}
  :root:root:root:root:root:root .page-hero-banner--photo-plain {background: #2a2a2a;}
  :root:root:root:root:root:root .page-hero-banner--photo-plain .page-hero-scrim {background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .35) 40%, rgba(0, 0, 0, .12) 75%, rgba(0, 0, 0, .05) 100%);}
  :root:root:root:root:root:root .page-hero-banner--photo-plain .page-hero-copy {max-width: min(62%, 1060px);}
  :root:root:root:root:root:root .page-hero-banner--photo-plain .page-hero-copy {max-width: 1060px; padding: 70px 40px 70px 40px;}
  :root:root:root:root:root:root .page-hero-banner--photo-plain .page-hero-copy h1 {max-width: 1000px;}
  :root:root:root:root:root:root .status-page .page-hero-banner--mark .page-hero-copy {max-width: 1180px;}
  :root:root:root:root:root:root :where(section.page-hero, section.hero) .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
  :root:root:root:root:root:root .page-hero-banner.has-docs {display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 24px; height: auto;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-hero-mark, :root:root:root:root:root:root .page-hero-banner.has-docs .page-hero-fig, :root:root:root:root:root:root .page-hero-banner.has-docs .page-hero-visual {display: none;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-hero-copy {position: relative; z-index: 2; max-width: none; padding: 0;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-eyebrow {color: #fff;}
  :root:root:root:root:root:root .page-hero-docs {position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; min-width: 0;}
  :root:root:root:root:root:root .hero-doc {display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 10px 12px; border-radius: 12px; background: #fff; color: #000;}
  :root:root:root:root:root:root .hero-doc-num {flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #e8ecf5; color: #235fd9; font-family: Inter, system-ui, sans-serif; font-weight: 500; font-size: 15px; line-height: 1;}
  :root:root:root:root:root:root .hero-doc-copy {flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column;}
  :root:root:root:root:root:root .hero-doc-title {font-weight: 500; font-size: 16px; line-height: 1.3; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;}
  :root:root:root:root:root:root .hero-doc-meta {font-size: 13px; line-height: 1.5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  :root:root:root:root:root:root .hero-doc-actions {flex: 0 0 auto; display: flex; align-items: center; gap: 8px;}
  :root:root:root:root:root:root .hero-doc-dl, :root:root:root:root:root:root .hero-doc-view {background: #e8ecf5; color: rgba(35, 95, 217, .8); text-decoration: none; transition: background-color .15s ease, color .15s ease;}
  :root:root:root:root:root:root .hero-doc-dl {display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;}
  :root:root:root:root:root:root .hero-doc-dl svg {width: 18px; height: 18px;}
  :root:root:root:root:root:root .hero-doc-view {display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px; border-radius: 10px; font-weight: 600; font-size: 15px; line-height: 1; white-space: nowrap;}
  :root:root:root:root:root:root .hero-doc-dl:hover, :root:root:root:root:root:root .hero-doc-view:hover {background: #235fd9; color: #fff;}
  :root:root:root:root:root:root .hero-doc-dl:focus-visible, :root:root:root:root:root:root .hero-doc-view:focus-visible {outline: 3px solid #0c3a8b; outline-offset: 2px;}
  :root:root:root:root:root:root .hero-doc--skeleton .hero-doc-num, :root:root:root:root:root:root .hero-doc--skeleton .hero-doc-title, :root:root:root:root:root:root .hero-doc--skeleton .hero-doc-meta {background: linear-gradient(90deg, #e8ecf5 0%, #f4f6fb 50%, #e8ecf5 100%); background-size: 200% 100%; animation: heroDocPulse 1.4s ease-in-out infinite; color: transparent;}
  :root:root:root:root:root:root .hero-doc--skeleton .hero-doc-title {width: 55%; height: .9em; border-radius: 6px;}
  :root:root:root:root:root:root .hero-doc--skeleton .hero-doc-meta {width: 30%; height: .7em; margin-top: .5em; border-radius: 6px;}
  :root:root:root:root:root:root .page-hero-banner.has-docs {grid-template-columns: minmax(0, 1fr) 844px; column-gap: 64px; min-height: 797px; height: auto; padding: 96px 96px 113px 104px;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-eyebrow {margin: 0 0 16px; font-size: 30px; line-height: 35px;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-hero-copy h1 {max-width: 700px; font-size: 80px; line-height: 80px; letter-spacing: -1.6px;}
  :root:root:root:root:root:root .page-hero-banner.has-docs .page-lead {max-width: 620px; margin-top: 32px; font-size: 30px; line-height: 36px;}
  :root:root:root:root:root:root .page-hero-docs {gap: 36px;}
  :root:root:root:root:root:root .hero-doc {gap: 0; min-height: 120px; padding: 20px 45px 20px 16px; border-radius: 16px;}
  :root:root:root:root:root:root .hero-doc-num {width: 72px; height: 72px; margin-right: 28px; font-size: 24px;}
  :root:root:root:root:root:root .hero-doc-title {font-size: 30px; line-height: 40px;}
  :root:root:root:root:root:root .hero-doc-meta {font-size: 22px; line-height: 40px;}
  :root:root:root:root:root:root .hero-doc-actions {gap: 40px; margin-left: 24px;}
  :root:root:root:root:root:root .hero-doc-dl {width: 72px; height: 72px;}
  :root:root:root:root:root:root .hero-doc-dl svg {width: 28px; height: 28px;}
  :root:root:root:root:root:root .hero-doc-view {width: 183px; height: 66px; padding: 0; border-radius: 16px; font-size: 26px; line-height: 30px;}
  :root:root:root:root:root:root .cms-blog .page-hero-copy h1 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; overflow-wrap: anywhere;}
  :root:root:root:root:root:root .cms-blog .page-hero-banner--photo .page-hero-copy {max-width: 1172px;}
  :root:root:root:root:root:root .cms-blog .page-hero-copy h1 {font-size: 56px; line-height: 64px; -webkit-line-clamp: 4;}

  /* the banner box is laid out at the desktop width and zoomed to the screen */
  :root:root:root:root:root:root:root:root:root section.page-hero { padding-top: 12px; padding-bottom: 0; }
  :root:root:root:root:root:root:root:root:root section.page-hero > .container { box-sizing: border-box; width: 1808px; max-width: none; margin: 0 auto; padding: 0; zoom: var(--bz-page, 0.19); }
  :root:root:root:root:root:root:root:root:root section.hero { box-sizing: border-box; width: 1920px; max-width: none; zoom: var(--bz-hero, 0.2); }
  :root:root:root:root:root:root:root:root:root section.hero > .container { box-sizing: border-box; width: 1808px; max-width: none; margin-left: auto; margin-right: auto; }
}