:root {
  --ucla-gold: #ffd100;
  --ucla-blue: #2774ae;
  --ucla-lightest-blue: #daebfe;
  --ucla-lighter-blue: #8bb8e8;
  --ucla-darker-blue: #005587;
  --ucla-darkest-blue: #003b5c;
  --ucla-darker-gold: #ffc72c;
  --ucla-darkest-gold: #ffb81c;
  --ucla-cyan: #0ff;
  --ucla-magenta: #ff00a5;
  --ucla-green: #00ff87;
  --ucla-janss-steps-green: #32aa56;
  --ucla-yellow: #ff0;
  --ucla-purple: #8a69d4;
  --ucla-black: #000;
  --ucla-black-90: #1a1a1a;
  --ucla-black-80: #333;
  --ucla-black-70: #4d4d4d;
  --ucla-black-60: #666;
  --ucla-black-50: #808080;
  --ucla-black-40: #999;
  --ucla-black-30: #b3b3b3;
  --ucla-black-20: #ccc;
  --ucla-black-10: #e6e6e6;
  --ucla-white: #fff;
  --ucla-font-family: Helvetica, Arial, sans-serif;
  --ucla-font-family-display: --ucla-font-family;
  --ucla-font-family-system: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  --ucla-font-family-mono: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
  --ucla-font-weight-thin: 200;
  --ucla-font-weight-light: 300;
  --ucla-font-weight: 400;
  --ucla-font-weight-medium: 500;
  --ucla-font-weight-semi-bold: 600;
  --ucla-font-weight-bold: 700;
  --ucla-font-weight-xbold: 800;
  --ucla-font-weight-black: 900;
  --ucla-text-scale-ratio: 1.125;
  --ucla-font-size-xxxx-display: 4.624rem;
  --ucla-font-size-xxx-display: 4.11rem;
  --ucla-font-size-xx-display: 3.653rem;
  --ucla-font-size-x-display: 2.887rem;
  --ucla-font-size-display: 2.566rem;
  --ucla-font-size-xxxx-large: 2.027rem;
  --ucla-font-size-xxx-large: 1.802rem;
  --ucla-font-size-xx-large: 1.602rem;
  --ucla-font-size-x-large: 1.424rem;
  --ucla-font-size-large: 1.266rem;
  --ucla-font-size-medium: 1.125rem;
  --ucla-font-size: 1rem;
  --ucla-font-size-small: 0.889rem;
  --ucla-font-size-x-small: 0.79rem;
  --ucla-stratcomm-font-size-display: 4.5rem;
  --ucla-stratcomm-font-size-xx-large: 3rem;
  --ucla-stratcomm-font-size-x-large: 2.25rem;
  --ucla-stratcomm-font-size-large: 1.5rem;
  --ucla-stratcomm-font-size-medium: 1.125rem;
  --ucla-stratcomm-font-size: 1rem;
  --ucla-stratcomm-font-size-small: .8rem;
  --ucla-stratcomm-font-size-x-small: .75rem;
  --ucla-line-height-text: 1.5;
  --ucla-line-height-display: 1.125;
  --ucla-line-height-alt: 1.25;
  --ucla-line-height: 1;
  --ucla-border-radius-x-small: .25rem;
  --ucla-border-radius-small: .5rem;
  --ucla-border-radius-medium: .75rem;
  --ucla-border-radius-large: 1rem;
  --ucla-border-radius-circle: 50%;
  --ucla-border-width-hairline: 1px;
  --ucla-border-width-thin: 2px;
  --ucla-border-width-thick: 4px;
  --ucla-border: var(--ucla-border-width-hairline) solid var(--ucla-blue);
  --ucla-border-thick-gold: var(--ucla-border-width-thick) solid var(--ucla-gold);
  --ucla-max-width: 90rem;
  --ucla-min-width: 60rem;
  --ucla-spacing-x-small: .25rem;
  --ucla-spacing-small: .5rem;
  --ucla-spacing: .75rem;
  --ucla-spacing-medium: 1rem;
  --ucla-spacing-large: 1.5rem;
  --ucla-spacing-xx-small: .125rem;
  --ucla-spacing-x-large: 2rem;
  --ucla-spacing-xx-large: 3rem;
  --ucla-bp-x-small: 18.75em;
  --ucla-bp-small: 30em;
  --ucla-bp-medium: 48em;
  --ucla-bp-large: 64em;
  --ucla-bp-x-large: 75em;
  --ucla-bp-xx-large: 87.5rem; }

*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  color: var(--ucla-black-80);
  font-family: var(--ucla-font-family);
  font-size: var(--ucla-font-size);
  line-height: var(--ucla-line-height-text);
  margin: var(--ucla-spacing-x-large);
  max-width: var(--ucla-max-width);
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed; }

article > * + * {
  margin-top: 1em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--ucla-font-weight-bold); }

h1,
.h1 {
  font-size: var(--ucla-font-size-display);
  line-height: var(--ucla-line-height); }

h2,
.h2 {
  font-size: var(--ucla-font-size-x-large);
  line-height: var(--ucla-line-height-display); }

h3,
.h3 {
  font-size: var(--ucla-font-size-large);
  line-height: var(--ucla-line-height-display); }

h4,
.h4 {
  font-size: var(--ucla-font-size-medium); }

h5,
.h5 {
  font-size: var(--ucla-font-size); }

h6,
.h6 {
  font-size: var(--ucla-font-size-small); }

::-moz-selection {
  background: var(--ucla-lightest-blue);
  text-shadow: none; }

::selection {
  background: var(--ucla-lightest-blue);
  text-shadow: none; }

small,
.small,
.legal {
  font-size: var(--ucla-font-size-x-small); }

code {
  font-family: var(--ucla-font-family-mono); }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--ucla-black-10);
  margin: 1em 0;
  padding: 0; }

ul[class],
ol[class] {
  list-style: none;
  margin: 0;
  padding: 0; }

figure,
figcaption {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit; }

table {
  border-collapse: collapse;
  margin: var(--ucla-spacing) 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: var(--ucla-border-style-thin);
  padding: var(--ucla-spacing) 0; }

td {
  border-bottom: var(--ucla-border-style-thin);
  padding: var(--ucla-spacing); }

td,
th,
tr {
  vertical-align: middle; }

@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: ""; }
  pre {
    white-space: pre-wrap !important; }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
img {
    page-break-inside: avoid; }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3; }
  h2,
h3 {
    page-break-after: avoid; } }

.standfirst,
.leadline {
  font-size: var(--ucla-font-size-large);
  line-height: var(--ucla-line-height-alt); }

.typography {
  --ucla-stratcomm-font-size-display: 4.5rem;
  --ucla-stratcomm-font-size-xx-large: 3rem;
  --ucla-stratcomm-font-size-x-large: 2.25rem;
  --ucla-stratcomm-font-size-large: 1.5rem;
  --ucla-stratcomm-font-size-medium: 1.125rem;
  --ucla-stratcomm-font-size: 1rem;
  --ucla-stratcomm-font-size-small: .8rem;
  --ucla-stratcomm-font-size-x-small: .75rem; }
  .typography main {
    display: grid;
    font-family: var(--ucla-font-family);
    grid-gap: 2vw;
    grid-template-areas: "type-face", "type-scale", "stratcomm-type-scale", "type-sample"; }
  .typography header h1 {
    font-size: var(--ucla-font-size-display);
    font-weight: var(--ucla-font-weight-bold);
    margin: 0; }
  .typography .type-face {
    grid-area: type-face;
    grid-row: 1; }
  .typography .type-scale {
    grid-area: type-scale;
    grid-row: 3; }
    .typography .type-scale dl {
      display: grid;
      grid-gap: 2vw;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .typography .type-scale dl div {
      margin-bottom: 1em;
      border-bottom: 1px solid var(--ucla-black-10); }
  .typography .stratcomm-type-scale {
    grid-area: stratcomm-type-scale;
    grid-row: 4; }
    .typography .stratcomm-type-scale dl {
      display: grid;
      grid-gap: 2vw;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
    .typography .stratcomm-type-scale dl div {
      margin-bottom: 1em;
      border-bottom: 1px solid var(--ucla-black-10); }
  .typography .type-sample {
    grid-area: type-sample;
    grid-row: 2;
    font-size: var(--ucla-font-size-x-large);
    overflow-wrap: break-word; }
    .typography .type-sample h2 {
      font-size: var(--ucla-font-size-xx-large);
      font-weight: var(--ucla-font-weight-bold); }
  .typography footer {
    border-top: var(--ucla-border-width-hairline) solid var(--ucla-color-border-separator);
    display: grid;
    grid-gap: 1vw;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: var(--ucla-spacing-medium); }
  .typography .thin {
    font-weight: var(--ucla-font-weight-thin); }
  .typography .light {
    font-weight: var(--ucla-font-weight-light); }
  .typography .regular {
    font-weight: var(--ucla-font-weight); }
  .typography .medium {
    font-weight: var(--ucla-font-weight-medium); }
  .typography .semi-bold {
    font-weight: var(--ucla-font-weight-semi-bold); }
  .typography .bold {
    font-weight: var(--ucla-font-weight-bold); }
  .typography .xbold {
    font-weight: var(--ucla-font-weight-xbold); }
  .typography .black {
    font-weight: var(--ucla-font-weight-black); }
  .typography .italic {
    font-style: italic; }
  .typography .font-size-x-small {
    font-size: var(--ucla-font-size-x-small); }
  .typography .font-size-small {
    font-size: var(--ucla-font-size-small); }
  .typography .font-size {
    font-size: var(--ucla-font-size); }
  .typography .font-size-medium {
    font-size: var(--ucla-font-size-medium); }
  .typography .font-size-large {
    font-size: var(--ucla-font-size-large); }
  .typography .font-size-x-large {
    font-size: var(--ucla-font-size-x-large); }
  .typography .font-size-xx-large {
    font-size: var(--ucla-font-size-xx-large); }
  .typography .font-size-xxx-large {
    font-size: var(--ucla-font-size-xxx-large); }
  .typography .font-size-xxxx-large {
    font-size: var(--ucla-font-size-xxxx-large); }
  .typography .font-size-display {
    font-size: var(--ucla-font-size-display); }
  .typography .font-size-x-display {
    font-size: var(--ucla-font-size-x-display); }
  .typography .font-size-xx-display {
    font-size: var(--ucla-font-size-xx-display); }
  .typography .font-size-xxx-display {
    font-size: var(--ucla-font-size-xxx-display); }
  .typography .font-size-xxxx-display {
    font-size: var(--ucla-font-size-xxxx-display); }
  .typography .stratcomm-font-size-small {
    font-size: var(--ucla-stratcomm-font-size-small); }
  .typography .stratcomm-font-size {
    font-size: var(--ucla-stratcomm-font-size); }
  .typography .stratcomm-font-size-medium {
    font-size: var(--ucla-stratcomm-font-size-medium); }
  .typography .stratcomm-font-size-large {
    font-size: var(--ucla-stratcomm-font-size-large); }
  .typography .stratcomm-font-size-x-large {
    font-size: var(--ucla-stratcomm-font-size-x-large); }
  .typography .stratcomm-font-size-xx-large {
    font-size: var(--ucla-stratcomm-font-size-xx-large); }
  .typography .stratcomm-font-size-xxx-large {
    font-size: var(--ucla-stratcomm-font-size-xxx-large); }
  .typography .stratcomm-font-size-xxxx-large {
    font-size: var(--ucla-stratcomm-font-size-xxxx-large); }
  .typography .stratcomm-font-size-display {
    font-size: var(--ucla-stratcomm-font-size-display); }

.ucla-c-stat-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2vw; }
  .ucla-c-stat-wrapper .ucla-c-stat-tout {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    border-left: var(--ucla-border-thick-gold);
    font-weight: var(--ucla-font-weight-bold);
    line-height: var(--ucla-line-height-text);
    margin-bottom: var(--ucla-spacing-xx-large); }

@media screen and (min-width: 48em) {
  .ucla-c-stat-wrapper .ucla-c-stat-tout {
    margin-bottom: var(--ucla-spacing-x-large); } }
    .ucla-c-stat-wrapper .ucla-c-stat-tout__number, .ucla-c-stat-wrapper .ucla-c-stat-tout__label {
      margin-left: var(--ucla-spacing-x-large); }
    .ucla-c-stat-wrapper .ucla-c-stat-tout__number {
      font-size: var(--ucla-font-size-xxx-display);
      color: #333; }
    .ucla-c-stat-wrapper .ucla-c-stat-tout__label {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      font-size: var(--ucla-font-size-medium); }
    .ucla-c-stat-wrapper .ucla-c-stat-tout--wide {
      width: 100%;
      border-bottom: var(--ucla-border-thick-gold);
      padding-bottom: var(--ucla-spacing-medium);
      margin-bottom: var(--ucla-spacing-x-large); }
  .ucla-c-stat-wrapper .ucla-c-stat-tout__link {
    text-align: right; }
  .ucla-c-stat-wrapper .ucla-c-arrow-forward {
    margin-top: var(--ucla-spacing);
    padding: var(--ucla-spacing-x-small);
    border: var(--ucla-border);
    fill: #2774ae; }
  .ucla-c-stat-wrapper .ucla-c-arrow-forward:hover,
.ucla-c-stat-wrapper .ucla-c-arrow-forward:focus {
    background-color: #2774ae;
    fill: #fff; }

.ucla-c-stat-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 2vw; }
  .ucla-c-stat-block figure {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    font-size: var(--ucla-font-size-xxx-display);
    font-weight: var(--ucla-font-weight-bold);
    color: #333;
    border-left: var(--ucla-border-thick-gold);
    padding-left: var(--ucla-spacing-x-large);
    margin-bottom: var(--ucla-spacing-xx-large); }

@media screen and (min-width: 48em) {
  .ucla-c-stat-block figure {
    margin-bottom: var(--ucla-spacing-x-large); } }
    .ucla-c-stat-block figure figcaption {
      font-size: var(--ucla-font-size-medium); }
  .ucla-c-stat-block a {
    text-align: right;
    display: block;
    margin-top: var(--ucla-spacing); }
  .ucla-c-stat-block .ucla-c-arrow-forward-short {
    margin-top: var(--ucla-spacing);
    padding: var(--ucla-spacing-x-small);
    border: var(--ucla-border);
    fill: #2774ae; }
  .ucla-c-stat-block .ucla-c-arrow-forward-short:hover,
.ucla-c-stat-block .ucla-c-arrow-forward-short:focus {
    background-color: #2774ae;
    fill: #fff; }
/*# sourceMappingURL=styles.css.map */