/* ASSESSED INTELLIGENCE — Brand Guidelines */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Lato:wght@300;400;700;900&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Rift substitute: Oswald is the closest freely-available match to Rift's tall narrow condensed sans */

:root {
  /* Primary */
  --rhino: #2E3F62;
  --mirage: #0E1426;
  --desert-storm: #F7F7F7;
  --ash-grey: #B9BBBD;
  /* Secondary */
  --iridium: #3D3C3A;
  --thunder: #33292F;
  /* Accents */
  --turquoise: #00E6E4;
  --radical-red: #FF4B6F;
  /* Derived */
  --ink: #0E1426;
  --paper: #F7F7F7;
  --rule: rgba(14, 20, 38, 0.14);
}

* { box-sizing: border-box; }

deck-stage section {
  font-family: 'Lato', sans-serif;
  color: var(--ink);
  background: var(--paper);
  overflow: hidden;
}

.display, .eyebrow, .section-num, .slide-title, .label {
  font-family: 'Oswald', 'Rift', sans-serif;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.eyebrow {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--rhino);
}

.slide-title {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: 0.04em;
  color: var(--mirage);
  margin: 0;
}

.slide-subtitle {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.35;
  color: var(--iridium);
  letter-spacing: 0;
  text-transform: none;
}

.body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  color: var(--iridium);
}

.small {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: var(--iridium);
}

.mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 16px;
  letter-spacing: 0.02em;
}

/* Slide frame */
.frame {
  position: absolute;
  inset: 0;
  padding: 100px 120px 90px;
  display: flex;
  flex-direction: column;
}

.frame-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 56px;
}

.frame-header .section-num {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.28em;
  color: var(--rhino);
}

.frame-header .page-label {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ash-grey);
  font-weight: 700;
}

/* Logo bar */
.logo-bar {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  display: inline-flex;
  flex-direction: column;
  line-height: 1;
}
.logo-bar .top { font-size: inherit; letter-spacing: 0.28em; padding-bottom: 6px; }
.logo-bar .rule { height: 1px; background: currentColor; width: 100%; }
.logo-bar .bot {
  font-size: 0.58em;
  font-weight: 400;
  letter-spacing: 0.26em;
  padding: 6px 0 0;
}

/* Dark sections */
.dark { background: var(--mirage); color: var(--desert-storm); }
.dark .slide-title { color: var(--desert-storm); }
.dark .slide-subtitle, .dark .body, .dark .small { color: #D4D7DF; }
.dark .eyebrow { color: var(--turquoise); }
.dark .frame-header { border-color: rgba(255,255,255,0.12); }
.dark .frame-header .page-label { color: #6B7283; }
.dark .frame-header .section-num { color: var(--turquoise); }

.navy { background: var(--rhino); color: var(--desert-storm); }
.navy .slide-title { color: var(--desert-storm); }
.navy .slide-subtitle, .navy .body, .navy .small { color: #DCE2EF; }
.navy .eyebrow { color: var(--turquoise); }
.navy .frame-header { border-color: rgba(255,255,255,0.18); }
.navy .frame-header .page-label { color: #9BA6C0; }
.navy .frame-header .section-num { color: var(--turquoise); }

/* Color swatch */
.swatch {
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 28px;
  min-height: 260px;
}
.swatch .s-name {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1;
}
.swatch .s-meta {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.6;
  opacity: 0.85;
}
.swatch .s-meta .hex { font-family: 'JetBrains Mono', monospace; letter-spacing: 0.04em; }

/* Utility */
.hr { height: 1px; background: var(--rule); width: 100%; }
.hr-light { background: rgba(255,255,255,0.2); }

.pill {
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 6px 14px;
  border: 1px solid currentColor;
  border-radius: 2px;
}

.tagline-divider {
  display: inline-block;
  width: 1px;
  height: 0.8em;
  background: currentColor;
  margin: 0 22px;
  vertical-align: -0.05em;
  opacity: 0.6;
}

/* Section cover slide */
.cover-circuit {
  position: absolute;
  left: -10%;
  bottom: -5%;
  width: 70%;
  opacity: 0.9;
  pointer-events: none;
}