@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,500,600,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

div.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
  border: 0;
  margin: 0;
  padding: 0; }

img, video {
  display: block; }

i, em {
  font-style: italic; }

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

@media print {
  * {
    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) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
@font-face {
  font-family: 'Calibre';
  src: url("../font/CalibreWeb-Regular.eot");
  src: url("../font/CalibreWeb-Regular.woff2") format("woff2"), url("../font/CalibreWeb-Regular.woff") format("woff"); }
section, .block, .inner-section, .expand {
  *zoom: 1; }
  section:before, .block:before, .inner-section:before, .expand:before, section:after, .block:after, .inner-section:after, .expand:after {
    content: " ";
    display: table; }
  section:after, .block:after, .inner-section:after, .expand:after {
    clear: both; }

.media-check {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-indent: 30px; }
  @media (max-width: 700px) {
    .media-check {
      text-indent: 10px; } }
  @media (min-width: 1250px) {
    .media-check {
      text-indent: 40px; } }

@-moz-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-ms-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-webkit-keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes pageFadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  zoom: 1;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: #111;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  -moz-animation: pageFadeIn 1800ms;
  -ms-animation: pageFadeIn 1800ms;
  -webkit-animation: pageFadeIn 1800ms;
  animation: pageFadeIn 1800ms;
  overflow-x: hidden; }
  @media (max-width: 700px) {
    body {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

a {
  color: #111;
  border: 0;
  text-decoration: none; }

a:hover {
  color: #111;
  border: 0;
  text-decoration: none; }

::selection {
  background: #fff;
  color: #111;
  text-shadow: none; }

.group:after {
  content: '';
  display: table;
  clear: both; }

.b,
strong {
  font-weight: 600;
  letter-spacing: 0.02em; }
  @media (max-width: 700px) {
    .b,
    strong {
      font-weight: bold;
      letter-spacing: -0.05em !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .b,
    strong {
      font-weight: bold;
      letter-spacing: -0.05em !important; } }

section#section-1 .b,
section#section-1 strong {
  color: #002855 !important; }

section#section-2 .b,
section#section-2 strong {
  color: #00553f !important; }

section#section-3 .b,
section#section-3 strong {
  color: #a92f3e !important; }

section#section-4 .b,
section#section-4 strong {
  color: #d05202 !important; }

section#section-5 .b,
section#section-5 strong {
  color: #333333 !important; }

nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #002855;
  transform: translateX(-10px);
  transition: transform 800ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms; }
  @media (max-width: 700px) {
    nav {
      position: fixed;
      width: 100vw;
      transform: none;
      transform: translateX(-100%);
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      z-index: 2;
      transition: transform 400ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms; } }

.touch nav {
  position: fixed;
  width: 100vw;
  transform: none;
  transform: translateX(-100%);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  transition: transform 400ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms; }

.show-intro nav {
  transform: translateX(0px); }

.nav-header {
  color: #fff;
  position: fixed;
  top: 4vw;
  left: 4vw;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.03em;
  z-index: 2; }
  @media (max-width: 700px) {
    .nav-header {
      position: static;
      margin-top: 40px;
      margin-left: 20px;
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.6vw;
      line-height: 1.25em;
      font-weight: 300;
      letter-spacing: 0 !important; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .nav-header {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.nav-navigation {
  position: fixed;
  top: 36.5vh;
  left: 4vw;
  z-index: 2; }
  @media (max-width: 700px) {
    .nav-navigation {
      position: static;
      transform: translateX(-7px);
      margin-top: 80px;
      margin-left: 20px; } }

@media (max-width: 700px) {
  nav .nav-navigation {
    display: none; } }

.nav-navigation a {
  color: #fff;
  display: block;
  float: left;
  clear: both;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.45em;
  font-weight: 300; }
  @media (max-width: 700px) {
    .nav-navigation a {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4vw;
      line-height: 1.45em; } }
  @media (max-width: 700px) {
    .nav-navigation a {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 2.4vw;
      line-height: 1.15em;
      font-weight: 300;
      margin-bottom: 0.2em; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .nav-navigation a {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.15em; } }

.nav-navigation a.active-link .nav-title {
  color: #002855; }

.section-1 .nav-navigation a.active-link .nav-title {
  color: #002855; }

.section-2 .nav-navigation a.active-link .nav-title {
  color: #00553f; }

.section-3 .nav-navigation a.active-link .nav-title {
  color: #a92f3e; }

.section-4 .nav-navigation a.active-link .nav-title {
  color: #d05202; }

.section-5 .nav-navigation a.active-link .nav-title {
  color: #333333; }

.nav-numbers {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  width: 2em;
  display: inline-block;
  margin-left: -2em; }
  @media (max-width: 700px) {
    .nav-numbers {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .nav-numbers {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (max-width: 700px) {
    .nav-numbers {
      display: none; } }

.nav-title {
  padding: 3px 7px;
  border-radius: 4px;
  transition: background 100ms; }

@media (max-width: 700px) {
  .mobile-nav .nav-title {
    font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.4vw;
    line-height: 1.15em;
    font-weight: 300; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .mobile-nav .nav-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.15em; } }

@media (min-width: 700px) and (max-width: 1030px) {
  .mobile-nav .nav-title {
    font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.4vw;
    line-height: 1.15em;
    font-weight: 300; } }
  @media (min-width: 700px) and (max-width: 1030px) and (max-width: 700px) {
    .mobile-nav .nav-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.15em; } }

.nav-navigation a:hover .nav-title {
  background: rgba(255, 255, 255, 0.15); }

.active-link .nav-title,
.nav-navigation a.active-link:hover .nav-title {
  background: #fff; }

nav .block-large-text p,
nav .block-tiny-title span {
  color: #fff; }

.nav-section-outer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: auto; }
  @media (max-width: 700px) {
    .nav-section-outer {
      position: static;
      padding: 60px 20px 20px; } }

.nav-section {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 50vw;
  margin-top: 35vh;
  color: #fff;
  padding-bottom: 20vw; }
  @media (max-width: 700px) {
    .nav-section {
      position: static;
      margin-top: 0;
      transform: none;
      width: auto; } }

.nav-section .block-normal-text p {
  opacity: 0.8;
  color: #fff; }

.nav-cover,
.main-cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  transition: visibility 800ms, opacity 800ms;
  z-index: 3; }
  @media (max-width: 700px) {
    .nav-cover,
    .main-cover {
      display: none; } }

.main-cover {
  cursor: alias;
  display: none; }

.show-intro .nav-cover,
.main-cover {
  visibility: hidden;
  opacity: 0;
  pointer-events: none; }

.show-intro .main-cover {
  visibility: visible;
  pointer-events: all; }

.nav-cover-inner,
.main-cover-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #002855;
  opacity: 0.6;
  transition: opacity 400ms, background 800ms; }

.nav:hover .nav-cover-inner {
  opacity: 0.1; }

.peek-nav .nav-cover {
  opacity: 0;
  pointer-events: none; }

.peek-nav .nav {
  cursor: alias; }

.menu-button {
  display: none;
  position: fixed;
  top: 35px;
  right: 20px;
  height: 50px;
  width: 50px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  z-index: 100; }
  @media (max-width: 700px) {
    .menu-button {
      display: block; } }

.touch .menu-button {
  display: block; }

.menu-button:after {
  content: 'Menu';
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 50px !important;
  text-align: center;
  width: 100%;
  display: block; }
  @media (max-width: 700px) {
    .menu-button:after {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .menu-button:after {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

.menu-open .menu-button:after {
  content: 'Close'; }

.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #002855;
  background: #000 !important;
  width: 100vw;
  z-index: 10;
  transform: translateX(-100%);
  transition: transform 400ms, background 800ms; }
  @media (max-width: 700px) {
    .mobile-nav {
      display: block;
      overflow: auto;
      -webkit-overflow-scrolling: touch; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .mobile-nav {
      transition: transform 800ms, background 800ms; } }

.touch .mobile-nav {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.menu-open .mobile-nav {
  display: block;
  transform: translateX(0%); }

.mobile-nav-under {
  display: none;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000 !important;
  width: 100vw;
  z-index: 9;
  transition: opacity 400ms;
  opacity: 0; }
  @media (max-width: 700px) {
    .mobile-nav-under {
      display: block; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .mobile-nav-under {
      transition: opacity 800ms; } }

.touch .mobile-nav-under {
  display: block; }

@media (max-width: 700px) {
  .menu-open .mobile-nav-under {
    opacity: 0.8; } }

.touch .menu-open .mobile-nav-under {
  opacity: 0.8; }

main {
  position: absolute;
  top: 0;
  right: 0;
  width: 90vw;
  background: #e7f1f1;
  box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.3);
  transition: right 800ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms, transform 30ms;
  pointer-events: all;
  -moz-animation: navSlide 1800ms;
  -ms-animation: navSlide 1800ms;
  -webkit-animation: navSlide 1800ms;
  animation: navSlide 1800ms;
  min-height: 100vh;
  overflow-x: hidden; }
  @media (max-width: 700px) {
    main {
      position: static;
      width: 100vw;
      box-shadow: none;
      -moz-animation: none;
      -ms-animation: none;
      -webkit-animation: none;
      animation: none;
      transform: translateX(0%);
      transition: right 800ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms, transform 800ms; } }

.touch main {
  position: static;
  width: 100vw;
  box-shadow: none;
  -moz-animation: none;
  -ms-animation: none;
  -webkit-animation: none;
  animation: none;
  transform: translateX(0%);
  transition: right 800ms cubic-bezier(0.25, 0.1, 0.25, 1), background 800ms, transform 800ms; }

@-moz-keyframes navSlide {
  0% {
    right: -100vw; }

  100% {
    right: -80vw; } }
@-ms-keyframes navSlide {
  0% {
    right: -100vw; }

  100% {
    right: -80vw; } }
@-webkit-keyframes navSlide {
  0% {
    right: -100vw; }

  100% {
    right: -80vw; } }
@keyframes navSlide {
  0% {
    right: -100vw; }

  100% {
    right: -80vw; } }
.show-intro main {
  right: -80vw;
  pointer-events: none; }
  @media (max-width: 700px) {
    .show-intro main {
      right: 0; } }

.touch .show-intro main {
  right: 0; }

.peek-nav main {
  right: -10vw; }

.section-indicator {
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  transition: transform 30ms;
  z-index: -1;
  border-right: 2px solid #eee;
  display: none; }

section {
  margin: 4vw 0 0 0;
  width: 100%;
  display: none; }
  @media (max-width: 700px) {
    section {
      padding: 20px;
      margin: 0; } }

#section-5 {
  margin-bottom: 8vw; }
  @media (max-width: 700px) {
    #section-5 {
      padding-bottom: 20px; } }

.section-inner {
  height: 2000vh; }

.section-header {
  display: none; }
  @media (max-width: 700px) {
    .section-header {
      display: block;
      margin: 20px 0 40px 0; } }

.block {
  display: block;
  clear: both;
  position: relative;
  margin-left: 12vw; }
  @media (max-width: 700px) {
    .block {
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important; } }

main .block {
  opacity: 0;
  transition: opacity 1400ms, transform 1400ms; }
  @media (max-width: 700px) {
    main .block {
      opacity: 1; } }

nav .block {
  margin-left: 0; }

.inner-section.inview,
.block.inview {
  opacity: 1; }

.big-margin {
  padding-top: 6vw; }
  @media (max-width: 700px) {
    .big-margin {
      padding-top: 30px; } }

.medium-margin {
  padding-top: 2vw; }
  @media (max-width: 700px) {
    .medium-margin {
      padding-top: 20px 0 0.75; } }

.small-margin {
  padding-top: 1vw; }
  @media (max-width: 700px) {
    .small-margin {
      padding-top: 10px; } }

.tiny-margin {
  padding-top: 0.5vw; }
  @media (max-width: 700px) {
    .tiny-margin {
      padding-top: 5px; } }

.inner-section {
  position: relative; }

@-moz-keyframes blurIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-ms-keyframes blurIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@-webkit-keyframes blurIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes blurIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
.animate-1,
.animate-2,
.animate-3 {
  -moz-animation: blurIn 800ms forwards;
  -ms-animation: blurIn 800ms forwards;
  -webkit-animation: blurIn 800ms forwards;
  animation: blurIn 800ms forwards;
  opacity: 0; }
  @media (max-width: 700px) {
    .animate-1,
    .animate-2,
    .animate-3 {
      -moz-animation: none;
      -ms-animation: none;
      -webkit-animation: none;
      animation: none;
      opacity: 1; } }

.animate-1 {
  animation-delay: 1000ms; }

.animate-2 {
  animation-delay: 1400ms; }

.animate-3 {
  animation-delay: 1800ms; }

.block-tiny-title {
  margin-left: 8vw;
  margin-bottom: 1vw; }

.block-tiny-title span {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  position: relative; }
  @media (max-width: 700px) {
    .block-tiny-title span {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .block-tiny-title span {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

section#section-1 .block-tiny-title span {
  color: #002855; }

section#section-2 .block-tiny-title span {
  color: #00553f; }

section#section-3 .block-tiny-title span {
  color: #a92f3e; }

section#section-4 .block-tiny-title span {
  color: #d05202; }

section#section-5 .block-tiny-title span {
  color: #333333; }

.block-tiny-title span:before {
  content: '';
  position: absolute;
  left: -1em;
  top: 50%;
  width: 0.6em;
  margin-top: -1px; }

.block-large-text {
  width: 52vw;
  padding-right: 4vw; }
  @media (max-width: 700px) {
    .block-large-text {
      width: auto;
      padding-right: 0; } }

.block-large-text p {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.4vw;
  line-height: 1.15em;
  font-weight: 300; }
  @media (max-width: 700px) {
    .block-large-text p {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.15em; } }

.block-large-text p + p {
  margin-top: 0.5em; }

.block-normal-text {
  width: 50vw;
  padding-right: 8vw; }
  @media (max-width: 700px) {
    .block-normal-text {
      width: auto;
      padding-right: 0; } }

.block-normal-text p {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  color: #333333; }
  @media (max-width: 700px) {
    .block-normal-text p {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.block-normal-text p + p,
.block-two-column p + p,
.block-normal-text + .block-normal-text:not(.no-indent) p:first-child,
.block-large-text + .block-normal-text:not(.no-indent) p:first-child {
  margin-top: 0.5em; }

.block-normal-text.indent p:first-child:before {
  content: '—'; }

.block-normal-text a,
.block-two-column a {
  color: inherit;
  color: #000 !important;
  text-decoration: underline;
  text-decoration-color: #bbb;
  padding: 0; }

.block-normal-text a:hover,
.block-two-column a:hover {
  text-decoration-color: #aaa; }

.block-normal-text ul {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  color: #333333;
  margin-top: 0.5em;
  margin-left: 0; }
  @media (max-width: 700px) {
    .block-normal-text ul {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.block-normal-text ul + p,
.block-normal-text p + ul {
  margin-top: 0.5em; }

.block-normal-text li {
  margin-left: 2vw; }
  @media (max-width: 700px) {
    .block-normal-text li {
      margin-left: 10px; } }

.block-normal-text li:before {
  content: '→';
  margin-left: -2vw;
  position: absolute;
  background: #002855;
  color: #002855;
  font-weight: 500;
  height: 0; }
  @media (max-width: 700px) {
    .block-normal-text li:before {
      content: '+';
      font-weight: 600;
      margin-left: -16px; } }

section#section-1 .block-normal-text li:before {
  color: #002855; }

section#section-2 .block-normal-text li:before {
  color: #00553f; }

section#section-3 .block-normal-text li:before {
  color: #a92f3e; }

section#section-4 .block-normal-text li:before {
  color: #d05202; }

section#section-5 .block-normal-text li:before {
  color: #333333; }

.block-normal-text li + li {
  margin-top: 1vw; }

.compress {
  overflow-y: hidden;
  height: 5.5em;
  position: relative; }

.compress:after {
  content: '';
  width: 100%;
  height: 5.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(231, 241, 241, 0) 0%, #e7f1f1 100%); }

section#section-1 .compress:after {
  background: linear-gradient(to bottom, rgba(231, 241, 241, 0) 0%, #e7f1f1 100%); }

section#section-2 .compress:after {
  background: linear-gradient(to bottom, rgba(239, 244, 242, 0) 0%, #eff4f2 100%); }

.expand {
  display: block;
  width: 42vw;
  text-align: center;
  margin-left: 12vw; }
  @media (max-width: 700px) {
    .expand {
      width: auto;
      margin-left: 0; } }

.expand-button {
  padding: 8px 15px 8px;
  border-radius: 4px;
  background: #fff;
  transition: background 100ms;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  display: inline-block;
  top: -1.25em;
  padding-right: 2.6em; }

.expand-button:after {
  content: '↓';
  background: #eee;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.75em;
  font-weight: 500;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  transition: background 100ms; }

.expand-button span {
  color: #002855; }

section#section-1 .expand-button span {
  color: #002855; }

section#section-2 .expand-button span {
  color: #00553f; }

section#section-3 .expand-button span {
  color: #a92f3e; }

section#section-4 .expand-button span {
  color: #d05202; }

section#section-5 .expand-button span {
  color: #333333; }

section#section-1 .expand-button:after {
  color: #002855; }

section#section-2 .expand-button:after {
  color: #00553f; }

section#section-3 .expand-button:after {
  color: #a92f3e; }

section#section-4 .expand-button:after {
  color: #d05202; }

section#section-5 .expand-button:after {
  color: #333333; }

.expand-button:hover {
  background: rgba(255, 255, 255, 0.9); }

.block-large-title {
  width: 50vw; }
  @media (max-width: 700px) {
    .block-large-title {
      width: auto; } }

.block-large-title span {
  font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 3.4vw;
  line-height: 1.15em;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 700; }
  @media (max-width: 700px) {
    .block-large-title span {
      font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 9vw;
      line-height: 1.15em; } }

.block-large-title span:before {
  content: '';
  margin-left: -4vw;
  padding-top: 0.55em;
  position: absolute;
  border-bottom: 5px solid #002855;
  width: 3.2vw; }
  @media (max-width: 700px) {
    .block-large-title span:before {
      display: none; } }

section#section-1 .block-large-title span:before {
  border-bottom: 5px solid #002855; }

section#section-2 .block-large-title span:before {
  border-bottom: 5px solid #00553f; }

section#section-3 .block-large-title span:before {
  border-bottom: 5px solid #a92f3e; }

section#section-4 .block-large-title span:before {
  border-bottom: 5px solid #d05202; }

section#section-5 .block-large-title span:before {
  border-bottom: 5px solid #333333; }

section#section-1 .block-large-title {
  color: #002855 !important; }

section#section-2 .block-large-title {
  color: #00553f !important; }

section#section-3 .block-large-title {
  color: #a92f3e !important; }

section#section-4 .block-large-title {
  color: #d05202 !important; }

section#section-5 .block-large-title {
  color: #333333 !important; }

.block-medium-title {
  width: 50vw; }
  @media (max-width: 700px) {
    .block-medium-title {
      width: auto; } }

.block-medium-title span {
  font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.6vw;
  line-height: 1.2em;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 700; }
  @media (max-width: 700px) {
    .block-medium-title span {
      font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.2em; } }

.block-medium-title span:before {
  content: '';
  margin-left: -4vw;
  padding-top: 0.55em;
  position: absolute;
  border-bottom: 5px solid #002855;
  width: 3.2vw; }
  @media (max-width: 700px) {
    .block-medium-title span:before {
      display: none; } }

section#section-1 .block-medium-title span:before {
  border-color: #002855 !important; }

section#section-2 .block-medium-title span:before {
  border-color: #00553f !important; }

section#section-3 .block-medium-title span:before {
  border-color: #a92f3e !important; }

section#section-4 .block-medium-title span:before {
  border-color: #d05202 !important; }

section#section-5 .block-medium-title span:before {
  border-color: #333333 !important; }

section#section-1 .block-medium-title {
  color: #002855 !important; }

section#section-2 .block-medium-title {
  color: #00553f !important; }

section#section-3 .block-medium-title {
  color: #a92f3e !important; }

section#section-4 .block-medium-title {
  color: #d05202 !important; }

section#section-5 .block-medium-title {
  color: #333333 !important; }

.block-big-button {
  width: 50vw; }
  @media (max-width: 700px) {
    .block-big-button {
      width: auto;
      margin-top: 4vw;
      margin-bottom: 4vw; } }

.big-button {
  display: block;
  float: left;
  padding: 8px 15px 8px;
  border-radius: 4px;
  background: #fff;
  transition: background 100ms;
  position: relative;
  padding-right: 2.6em;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  margin: 0 auto; }
  @media (max-width: 700px) {
    .big-button {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.invert {
  background: #fff;
  margin-left: 0;
  width: 100%;
  padding: 8vw 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
  @media (max-width: 700px) {
    .invert {
      padding: 40px 0 20px;
      background: none; } }

.invert .big-button {
  margin-left: 12vw; }
  @media (max-width: 700px) {
    .invert .big-button {
      margin-left: 0; } }

.big-button span {
  color: #002855; }

.invert .big-button:hover {
  opacity: 0.9; }

section#section-1 .big-button span,
.section-1 .hint,
.section-1 nav .big-button span {
  color: #002855; }

section#section-2 .big-button span,
.section-2 .hint,
.section-2 nav .big-button span {
  color: #00553f; }

section#section-3 .big-button span,
.section-3 .hint,
.section-3 nav .big-button span {
  color: #a92f3e; }

section#section-4 .big-button span,
.section-4 .hint,
.section-4 nav .big-button span {
  color: #d05202; }

section#section-5 .big-button span,
.section-5 .hint,
.section-5 nav .big-button span {
  color: #333333; }

.big-button:after {
  content: '→';
  background: #eee;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.75em;
  font-weight: 500;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  transition: background 100ms; }

section#section-1 .big-button:after,
.section-1 nav .big-button:after {
  color: #002855; }

section#section-2 .big-button:after,
.section-2 nav .big-button:after {
  color: #00553f; }

section#section-3 .big-button:after,
.section-3 nav .big-button:after {
  color: #a92f3e; }

section#section-4 .big-button:after,
.section-4 nav .big-button:after {
  color: #d05202; }

section#section-5 .big-button:after,
.section-5 nav .big-button:after {
  color: #333333; }

.big-button:hover {
  background: rgba(255, 255, 255, 0.8); }

.block-caption {
  width: 50vw; }
  @media (max-width: 700px) {
    .block-caption {
      width: auto; } }

.block-caption span {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  color: #999999; }
  @media (max-width: 700px) {
    .block-caption span {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .block-caption span {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

.block-quote {
  width: 52vw;
  float: right;
  margin-right: 8vw;
  text-align: right;
  font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.6vw;
  line-height: 1.2em;
  font-weight: 500;
  text-transform: uppercase; }
  @media (max-width: 700px) {
    .block-quote {
      font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 6vw;
      line-height: 1.2em; } }
  @media (max-width: 700px) {
    .block-quote {
      width: auto; } }

.type {
  visibility: hidden; }

.typed {
  visibility: visible; }

.block-quote p {
  color: #333333; }

section#section-1 .block-quote p {
  color: #002855; }

section#section-2 .block-quote p {
  color: #00553f; }

section#section-3 .block-quote p {
  color: #a92f3e; }

section#section-4 .block-quote p {
  color: #d05202; }

section#section-5 .block-quote p {
  color: #333333; }

.caption-text {
  color: #999999;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600; }
  @media (max-width: 700px) {
    .caption-text {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .caption-text {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

.split-character {
  opacity: 1;
  transition: opacity 600ms; }

.hidden-character {
  opacity: 0; }

.block-gallery {
  width: 60vw;
  overflow-x: hidden;
  outline: 0;
  position: relative;
  border-radius: 4px;
  float: right;
  margin-right: 4vw;
  max-width: 1200px; }
  @media (max-width: 700px) {
    .block-gallery {
      width: 100%; } }

.flickity-enabled.block-gallery {
  overflow: hidden; }

.small-gallery {
  width: 40vw;
  max-width: 1200px; }
  @media (max-width: 700px) {
    .small-gallery {
      width: 100%; } }

.gallery-slide {
  width: 100%;
  height: auto;
  border-radius: 4px;
  position: relative;
  overflow: hidden; }

.gallery-slide .caption {
  position: relative;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  color: #666666;
  margin-top: 10px;
  margin-right: 0;
  opacity: 0;
  transition: opacity 500ms;
  max-width: 70%;
  float: right;
  clear: both;
  color: #999999; }
  @media (max-width: 700px) {
    .gallery-slide .caption {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .gallery-slide .caption {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (max-width: 700px) {
    .gallery-slide .caption {
      max-width: none;
      margin-right: 0; } }

.is-selected .caption {
  opacity: 1;
  transition-delay: 300ms; }

.gallery-slide img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
  border-radius: 4px;
  float: right; }

.flickity-page-dots {
  position: absolute;
  top: 2vw;
  right: 2vw;
  z-index: 10; }

.big-margin.block-gallery,
.big-margin.block-video {
  padding-top: 0;
  margin-top: 6vw; }
  @media (max-width: 700px) {
    .big-margin.block-gallery,
    .big-margin.block-video {
      margin-top: 30px; } }

.medium-margin.block-gallery,
.medium-margin.block-video {
  padding-top: 0;
  margin-top: 2vw; }
  @media (max-width: 700px) {
    .medium-margin.block-gallery,
    .medium-margin.block-video {
      margin-top: 20px 0 0.75; } }

.small-margin.block-gallery,
.small-margin.block-video {
  padding-top: 0;
  margin-top: 1vw; }
  @media (max-width: 700px) {
    .small-margin.block-gallery,
    .small-margin.block-video {
      margin-top: 10px; } }

.tiny-margin.block-gallery,
.tiny-margin.block-video {
  padding-top: 0;
  margin-top: 0.5vw; }
  @media (max-width: 700px) {
    .tiny-margin.block-gallery,
    .tiny-margin.block-video {
      margin-top: 5px; } }

.block-gallery.single-image .flickity-page-dots {
  display: none; }

.flickity-page-dots {
  display: none; }

.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  display: block;
  float: left;
  background: #eee;
  border-radius: 100px; }

.dot.is-selected {
  background: #002855; }

section#section-1 .dot.is-selected {
  background: #002855; }

section#section-2 .dot.is-selected {
  background: #00553f; }

section#section-3 .dot.is-selected {
  background: #a92f3e; }

section#section-4 .dot.is-selected {
  background: #d05202; }

section#section-5 .dot.is-selected {
  background: #333333; }

.dot + .dot {
  margin-left: 7px; }

.flickity-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }
  @media (max-width: 700px) {
    .flickity-button {
      display: none; } }

.block-gallery.single-image .flickity-button {
  display: none; }

.flickity-button svg {
  display: none; }

.flickity-prev-next-button.previous {
  left: 2vw; }

.flickity-prev-next-button.next {
  right: 2vw; }

.flickity-prev-next-button.previous:after {
  content: '←';
  background: #eee;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.75em;
  font-weight: 500;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.flickity-prev-next-button.next:after {
  content: '→';
  background: #eee;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.75em;
  font-weight: 500;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.block-video {
  width: 60vw;
  overflow: hidden;
  outline: 0;
  position: relative;
  border-radius: 4px;
  float: right;
  margin-right: 4vw;
  max-width: 1200px; }
  @media (max-width: 700px) {
    .block-video {
      width: auto;
      margin-right: 0;
      float: left; } }

.video-image,
.play-button {
  transition: opacity 400ms; }

.video-added .video-image {
  opacity: 0; }

.video-image img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
  border-radius: 4px; }

.video-embed {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px; }

.video-embed iframe {
  border-radius: 4px; }

.play-button {
  display: block;
  float: left;
  padding: 8px 15px 8px;
  border-radius: 4px;
  background: #fff;
  transition: background 100ms;
  position: absolute;
  padding-right: 2em;
  bottom: 2vw;
  left: 2vw;
  cursor: pointer; }

.video-added .play-button {
  opacity: 0; }

.play-button span {
  color: #002855; }

section#section-1 .play-button span {
  color: #002855; }

section#section-2 .play-button span {
  color: #00553f; }

section#section-3 .play-button span {
  color: #a92f3e; }

section#section-4 .play-button span {
  color: #d05202; }

section#section-5 .play-button span {
  color: #333333; }

.play-button:after {
  content: '';
  position: absolute;
  right: 0.85em;
  top: 53%;
  transform: translateY(-50%);
  transition: background 100ms;
  width: 0;
  height: 0;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.5em solid #002855; }

section#section-1 .play-button:after {
  border-left: 0.5em solid #002855; }

section#section-2 .play-button:after {
  border-left: 0.5em solid #00553f; }

section#section-3 .play-button:after {
  border-left: 0.5em solid #a92f3e; }

section#section-4 .play-button:after {
  border-left: 0.5em solid #d05202; }

section#section-5 .play-button:after {
  border-left: 0.5em solid #333333; }

.play-button:hover {
  background: rgba(255, 255, 255, 0.9); }

.block-link-module {
  margin: 0;
  width: 100%;
  outline: 0;
  overflow: hidden;
  padding: 2vw 2vw 2vw 8vw;
  margin-top: 0;
  cursor: grab;
  margin-top: -1vw; }
  @media (max-width: 700px) {
    .block-link-module {
      width: 100vw;
      margin-left: -20px !important;
      padding-left: 20px !important;
      padding-right: 20px !important; } }

.block-link-module.medium-margin {
  margin-top: 2vw; }

.link-container {
  float: left;
  height: auto;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #fff; }
  @media (max-width: 700px) {
    .link-container {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .link-container {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } }

.small-image-link-module .link-container {
  width: 30vw; }
  @media (max-width: 700px) {
    .small-image-link-module .link-container {
      width: 60vw;
      height: 26.5vw;
      padding: 2vw; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .small-image-link-module .link-container {
      width: 39vw; } }

.large-link-module .link-container {
  width: 35vw;
  min-height: 15vw; }
  @media (max-width: 700px) {
    .large-link-module .link-container {
      width: 60vw;
      height: 26.5vw;
      padding: 2vw; } }

.small-link-module .link-container {
  width: 21vw;
  min-height: 9vw; }
  @media (max-width: 700px) {
    .small-link-module .link-container {
      opacity: 0; } }

.press-link-module .link-container {
  width: 20vw;
  height: auto;
  min-height: 5vw;
  min-height: 7.2vw;
  position: absolute;
  position: relative; }
  @media (max-width: 700px) {
    .press-link-module .link-container {
      width: 60vw;
      min-height: 24vw; } }

.press-link-module.extended .link-container {
  min-height: 9vw; }
  @media (max-width: 700px) {
    .press-link-module.extended .link-container {
      min-height: 31vw; } }

.text-link-module .link-container {
  width: 30vw;
  min-height: 18vw; }
  @media (max-width: 700px) {
    .text-link-module .link-container {
      width: 85vw;
      min-height: 77vw;
      padding: 1vw; } }

.link-container + .link-container {
  margin-left: 1vw; }
  @media (max-width: 700px) {
    .link-container + .link-container {
      margin-left: 10px; } }

.link-image {
  margin: 1vw;
  overflow: hidden;
  float: left; }

.small-image-link-module .link-image {
  height: 8vw;
  width: 8vw; }
  @media (max-width: 700px) {
    .small-image-link-module .link-image {
      height: 22.5vw;
      width: 22.5vw;
      margin: 0; } }

.large-link-module .link-image {
  width: auto;
  height: 13vw; }
  @media (max-width: 700px) {
    .large-link-module .link-image {
      height: 22.5vw;
      margin: 0; } }

.small-link-module .link-image {
  display: none; }

.press-link-module .link-image {
  display: none; }

.text-link-module .link-image {
  display: none; }

.link-image img {
  height: 100%;
  width: auto;
  border-radius: radius;
  opacity: 1;
  margin-left: 50%;
  transform: translateX(-50%);
  transition: filter 200ms; }
  @media (max-width: 700px) {
    .link-image img {
      transition: none;
      filter: none; } }

.link-container:hover img {
  filter: grayscale(0%); }
  @media (max-width: 700px) {
    .link-container:hover img {
      filter: none; } }

.large-link-module .link-image img {
  margin-left: 0%;
  transform: translateX(0%); }

.link-text {
  float: left;
  padding: 1vw 0;
  position: relative; }

.small-image-link-module .link-text {
  width: 19vw;
  height: 9vw; }
  @media (max-width: 700px) {
    .small-image-link-module .link-text {
      height: 22.5vw;
      padding: 0 0 0 2vw;
      width: 32vw; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .small-image-link-module .link-text {
      width: 28vw; } }

.large-link-module .link-text {
  width: 22vw;
  height: 14vw;
  display: flex;
  flex-direction: column; }
  @media (max-width: 700px) {
    .large-link-module .link-text {
      height: 22.5vw;
      padding: 0 0 0 2vw;
      width: 37vw; } }

.small-link-module .link-text {
  width: 100%;
  margin: 0 1vw;
  height: 8vw; }

.press-link-module .link-text {
  width: 100%;
  padding: 0 1vw;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  @media (max-width: 700px) {
    .press-link-module .link-text {
      padding: 0 2vw; } }

.text-link-module .link-text {
  padding: 1vw;
  height: auto;
  width: 28vw;
  width: 100%; }
  @media (max-width: 700px) {
    .text-link-module .link-text {
      width: 100%; } }

.link-title {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  color: #333333;
  width: 95%;
  font-weight: 600; }
  @media (max-width: 700px) {
    .link-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }
  @media (max-width: 700px) {
    .link-title {
      font-weight: bold;
      letter-spacing: -0.05em !important;
      width: 100%; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .link-title {
      font-weight: bold;
      letter-spacing: -0.05em !important;
      width: 100%; } }

.press-link-module .link-title {
  font-weight: 400;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2vw;
  line-height: 1.2em;
  font-weight: 300;
  padding-right: 0;
  width: 100%; }
  @media (max-width: 700px) {
    .press-link-module .link-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.2vw;
      line-height: 1.2em; } }
  @media (max-width: 700px) {
    .press-link-module .link-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.6vw;
      line-height: 1.25em;
      font-weight: 300; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .press-link-module .link-title {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.press-link-module .link-title strong:after {
  content: ' –'; }

section#section-1 .link-title {
  color: #002855 !important; }

section#section-2 .link-title {
  color: #00553f !important; }

section#section-3 .link-title {
  color: #a92f3e !important; }

section#section-4 .link-title {
  color: #d05202 !important; }

section#section-5 .link-title {
  color: #333333 !important; }

.link-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  color: #666666; }
  @media (max-width: 700px) {
    .link-meta {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .link-meta {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

@media (max-width: 700px) {
  .small-image-link-module .link-meta {
    display: none; } }

.press-link-module .link-meta {
  display: none; }

.large-link-module .link-meta {
  position: static;
  margin-top: 0.5vw; }
  @media (max-width: 700px) {
    .large-link-module .link-meta {
      display: none; } }

@media (max-width: 700px) {
  .large-link-module .read-report {
    font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.1em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 2vw;
    color: #999999;
    display: none; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .large-link-module .read-report {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (max-width: 700px) and (min-width: 700px) and (max-width: 1030px) {
    .large-link-module .read-report {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

@media (max-width: 700px) {
  .large-link-module .read-report:after {
    content: "Read the report"; } }

.link-excerpt {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.2vw;
  line-height: 1.2em;
  font-weight: 300;
  color: #333333;
  flex: 1;
  position: absolute;
  bottom: 0;
  left: 0; }
  @media (max-width: 700px) {
    .link-excerpt {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.2vw;
      line-height: 1.2em; } }
  @media (max-width: 700px) {
    .link-excerpt {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 1.6vw;
      line-height: 1.25em;
      font-weight: 300; } }
  @media (max-width: 700px) and (max-width: 700px) {
    .link-excerpt {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

@media (max-width: 700px) {
  .large-link-module .link-excerpt {
    display: none; } }

.text-link-module .link-excerpt,
.text-link-module .link-meta {
  position: static;
  margin-top: 1em; }

.block-scrolling-list {
  margin-left: 0; }

.scrolling-list-inner {
  white-space: nowrap;
  padding-left: 12vw;
  color: #a92f3e;
  display: inline-block; }

.section-3 .scrolling-list-inner {
  animation: scrollList 1800000ms infinite alternate-reverse linear; }

@-moz-keyframes scrollList {
  0% {
    transform: translateX(-100%); }

  100% {
    transform: translateX(0%); } }
@-ms-keyframes scrollList {
  0% {
    transform: translateX(-100%); }

  100% {
    transform: translateX(0%); } }
@-webkit-keyframes scrollList {
  0% {
    transform: translateX(-100%); }

  100% {
    transform: translateX(0%); } }
@keyframes scrollList {
  0% {
    transform: translateX(-100%); }

  100% {
    transform: translateX(0%); } }
.scrolling-list-inner span {
  display: inline-block;
  font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.15em;
  font-weight: 700;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 4px;
  background: #fff;
  padding: 0.35vw 0.6vw; }
  @media (max-width: 700px) {
    .scrolling-list-inner span {
      font-family: "Barlow Semi Condensed", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4vw;
      line-height: 1.15em; } }
  @media (max-width: 700px) {
    .scrolling-list-inner span {
      padding: 1vw 1vw; } }

.scrolling-list-inner span + span {
  margin-left: 1vw; }
  @media (max-width: 700px) {
    .scrolling-list-inner span + span {
      margin-left: 10px; } }

.block-two-column {
  width: 52vw;
  padding-right: 4vw; }
  @media (max-width: 700px) {
    .block-two-column {
      width: auto;
      padding-right: 0; } }

.block-two-column p {
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300; }
  @media (max-width: 700px) {
    .block-two-column p {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }

.column-1,
.column-2 {
  float: left;
  width: 50%; }

.column-1 {
  padding-right: 1vw; }

.column-2 {
  padding-left: 1vw; }

.drag-prompt {
  position: fixed;
  transform: translate(-100px, -100px);
  opacity: 0;
  display: block;
  pointer-events: none;
  background: #fff;
  border-radius: 4px;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  padding: 8px;
  -moz-transition: opacity 400ms;
  -ms-transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  z-index: 101; }
  @media (max-width: 700px) {
    .drag-prompt {
      display: none; } }
  @media (max-width: 700px) {
    .drag-prompt {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 3vw;
      line-height: 1.4em;
      letter-spacing: 0.05em;
      font-weight: normal !important; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .drag-prompt {
      letter-spacing: 0.05em;
      font-weight: normal !important; } }

.show-drag-prompt .drag-prompt {
  opacity: 1; }

.drag-prompt:after {
  content: 'Drag'; }

.touch .drag-prompt,
.mobile .drag-prompt,
.tablet .drag-prompt {
  display: none; }

.section-1 .nav-cover-inner,
.section-1 .main-cover-inner,
.section-1 .mobile-nav {
  background: #002855; }

.section-2 .nav-cover-inner,
.section-2 .main-cover-inner,
.section-2 .mobile-nav {
  background: #00553f; }

.section-3 .nav-cover-inner,
.section-3 .main-cover-inner,
.section-3 .mobile-nav {
  background: #a92f3e; }

.section-4 .nav-cover-inner,
.section-4 .main-cover-inner,
.section-4 .mobile-nav {
  background: #d05202; }

.section-5 .nav-cover-inner,
.section-5 .main-cover-inner,
.section-5 .mobile-nav {
  background: #333333; }

.section-1 main {
  background: #e7f1f1; }

.section-2 main {
  background: #eff4f2; }

.section-3 main {
  background: #f2ecec; }

.section-4 main {
  background: #f4f4ea; }

.section-5 main {
  background: #f6f6f6; }

.section-1 nav {
  background: #002855; }

.section-2 nav {
  background: #00553f; }

.section-3 nav {
  background: #a92f3e; }

.section-4 nav {
  background: #d05202; }

.section-5 nav {
  background: #333333; }

.hint {
  display: block;
  padding: 8px 15px 8px;
  border-radius: 4px;
  background: #fff;
  transition: background 100ms;
  position: relative;
  font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6vw;
  line-height: 1.25em;
  font-weight: 300;
  position: fixed;
  bottom: 2vw;
  right: 2vw;
  pointer-events: none;
  transition: opacity 400ms, visibility 400ms, transform 400ms;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  padding-right: 2.6em;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  z-index: 101;
  border-radius: 100px; }
  @media (max-width: 700px) {
    .hint {
      font-family: "Calibre", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 4.5vw;
      line-height: 1.25em; } }
  @media (max-width: 700px) {
    .hint {
      display: none; } }
  @media (min-width: 700px) and (max-width: 1030px) {
    .hint {
      display: none; } }

.show-hint .hint {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px); }

.hint:before {
  content: '↓';
  background: #eee;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.75em;
  font-weight: 500;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%); }

.touch .hint {
  display: none; }

.hint:after {
  content: 'Scroll down'; }

.peek-nav .hint,
.show-intro .hint {
  opacity: 0;
  visibility: hidden; }