@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 50;
  font-display: swap;
  src: url("../fonts/Aspekta-50.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Aspekta-100.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 150;
  font-display: swap;
  src: url("../fonts/Aspekta-150.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Aspekta-200.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 250;
  font-display: swap;
  src: url("../fonts/Aspekta-250.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Aspekta-300.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 350;
  font-display: swap;
  src: url("../fonts/Aspekta-350.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Aspekta-400.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 450;
  font-display: swap;
  src: url("../fonts/Aspekta-450.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Aspekta-500.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 550;
  font-display: swap;
  src: url("../fonts/Aspekta-550.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Aspekta-600.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 650;
  font-display: swap;
  src: url("../fonts/Aspekta-650.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Aspekta-700.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 750;
  font-display: swap;
  src: url("../fonts/Aspekta-750.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Aspekta-800.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 850;
  font-display: swap;
  src: url("../fonts/Aspekta-850.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Aspekta-900.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 950;
  font-display: swap;
  src: url("../fonts/Aspekta-950.woff2") format("woff2");
}
@font-face {
  font-family: "Aspekta";
  font-style: normal;
  font-weight: 1000;
  font-display: swap;
  src: url("../fonts/Aspekta-1000.woff2") format("woff2");
}
:root {
  --c-text: #030303;
  --button-border-radius: 0.25rem;
  --button-color: var(--c-brand-primary-darker);
  --font-size-h2: var(--font-size-4);
  --font-family-body: 'Aspekta', sans-serif;
  --font-family-headline: 'Aspekta', sans-serif;
}

.block--link,
.block--file,
.block--resource-content {
  margin-bottom: 1em !important;
}

.block--link .field,
.block--file .field,
.block--resource-content .field {
  contain: paint;
  background: var(--c-brand-primary-dark);
  border-radius: 0.25rem;
}
.block--link .field > a,
.block--link .field .content-title,
.block--file .field > a,
.block--file .field .content-title,
.block--resource-content .field > a,
.block--resource-content .field .content-title {
  display: block !important;
  position: relative;
  color: #fff;
  font-family: var(--font-family-body);
  font-weight: 300;
  line-height: 1.4em;
  padding: 1.75em 2em 1.75em 7.5em;
  transition: all 0.25s;
  text-decoration: none !important;
}
.block--link .field > a::before, .block--link .field > a::after,
.block--link .field .content-title::before,
.block--link .field .content-title::after,
.block--file .field > a::before,
.block--file .field > a::after,
.block--file .field .content-title::before,
.block--file .field .content-title::after,
.block--resource-content .field > a::before,
.block--resource-content .field > a::after,
.block--resource-content .field .content-title::before,
.block--resource-content .field .content-title::after {
  content: "";
  position: absolute;
  left: 0em;
  top: 0;
  width: 6em;
  height: 100%;
  transition: all 0.25s;
}
.block--link .field > a::before,
.block--link .field .content-title::before,
.block--file .field > a::before,
.block--file .field .content-title::before,
.block--resource-content .field > a::before,
.block--resource-content .field .content-title::before {
  border-right: 3px solid rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .block--link .field > a,
  .block--link .field .content-title,
  .block--file .field > a,
  .block--file .field .content-title,
  .block--resource-content .field > a,
  .block--resource-content .field .content-title {
    padding: 1.55em 1.75em 1.3em 5.5em;
  }
  .block--link .field > a::before, .block--link .field > a::after,
  .block--link .field .content-title::before,
  .block--link .field .content-title::after,
  .block--file .field > a::before,
  .block--file .field > a::after,
  .block--file .field .content-title::before,
  .block--file .field .content-title::after,
  .block--resource-content .field > a::before,
  .block--resource-content .field > a::after,
  .block--resource-content .field .content-title::before,
  .block--resource-content .field .content-title::after {
    width: 4em;
  }
}
.block--link .field > a:hover,
.block--file .field > a:hover,
.block--resource-content .field > a:hover {
  background: var(--c-brand-primary);
  color: var(--c-text);
}
.block--link .field > a:hover::before, .block--link .field > a:hover::after,
.block--file .field > a:hover::before,
.block--file .field > a:hover::after,
.block--resource-content .field > a:hover::before,
.block--resource-content .field > a:hover::after {
  border-color: rgba(0, 0, 0, 0.1);
}
.block--link .field .body,
.block--file .field .body,
.block--resource-content .field .body {
  padding: clamp(1rem, 2.4vw, 2rem);
}
.block--link .field .body,
.block--file .field .body,
.block--resource-content .field .body {
  border-top: 3px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-size--1);
  line-height: 1.5em;
}
.block--link .field .body .field--body *:first-child,
.block--link .field .body .field--body-below *:first-child,
.block--file .field .body .field--body *:first-child,
.block--file .field .body .field--body-below *:first-child,
.block--resource-content .field .body .field--body *:first-child,
.block--resource-content .field .body .field--body-below *:first-child {
  margin-top: 0 !important;
}
.block--link .field .body a,
.block--link .field .body .toggle,
.block--file .field .body a,
.block--file .field .body .toggle,
.block--resource-content .field .body a,
.block--resource-content .field .body .toggle {
  color: #fff;
}
.block--link .field .body a:hover,
.block--link .field .body .toggle:hover,
.block--file .field .body a:hover,
.block--file .field .body .toggle:hover,
.block--resource-content .field .body a:hover,
.block--resource-content .field .body .toggle:hover {
  opacity: 0.5;
}
@media screen and (min-width: 640px) {
  .block--link .field .body figure.alignleft,
  .block--file .field .body figure.alignleft,
  .block--resource-content .field .body figure.alignleft {
    float: left;
    margin-right: 1em;
  }
}
@media screen and (min-width: 640px) {
  .block--link .field .body figure.alignright,
  .block--file .field .body figure.alignright,
  .block--resource-content .field .body figure.alignright {
    float: right;
    margin-left: 1em;
  }
}

.block--link .field a::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.25 9a7.75 7.75 0 1 1 15.5 0v6a7.75 7.75 0 0 1-15.5 0V9Zm7-6.205A6.251 6.251 0 0 0 5.75 9v6a6.25 6.25 0 1 0 12.5 0V9a6.251 6.251 0 0 0-5.5-6.205v3.583a2.25 2.25 0 0 1 1.5 2.122v2a2.25 2.25 0 0 1-4.5 0v-2c0-.98.626-1.813 1.5-2.122V2.795ZM12 7.75a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
  background-size: 40% auto;
}

.block--file .field a::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="m12 17l4-4l-1.4-1.4l-1.6 1.55V9h-2v4.15L9.4 11.6L8 13l4 4Zm-8 5V8l6-6h10v20H4Z"%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
  background-size: 35% auto;
}

.block--resource-content .field .content-title::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M0 10.218v-9C0 .79.274.402.693.301C2.597-.155 4.837-.022 6.42.744l-.001.034v6.627c-.549.805-.763 1.758-.763 2.693q0 .385.051.77c-1.509-.506-3.4-.546-5.04-.148c-.332.08-.667-.16-.667-.503m13.421-3.385q.341.344.579.735V1.219c0-.43-.274-.817-.693-.918c-1.87-.448-4.065-.328-5.642.403q.003.036.004.074V6.23c.76-.452 1.631-.632 2.488-.632c1.167 0 2.363.334 3.264 1.236M8.837 8.778c-.247.246-.43.658-.43 1.32s.183 1.073.43 1.32c.246.246.658.43 1.32.43q.062 0 .121-.002c.592-.02.968-.197 1.199-.428q.045-.046.09-.1c.2-.253.34-.64.34-1.22c0-.662-.184-1.074-.43-1.32c-.247-.247-.658-.43-1.32-.43s-1.074.183-1.32.43m-.824-1.272c.578-.455 1.323-.659 2.144-.659q.088 0 .175.003c.867.032 1.64.301 2.205.867q.114.114.211.237c.455.578.66 1.323.66 2.144c0 .656-.13 1.263-.415 1.775l.737.738a.75.75 0 1 1-1.06 1.06l-.738-.737c-.512.284-1.12.414-1.775.414c-.938 0-1.777-.266-2.38-.87c-.605-.603-.87-1.442-.87-2.38s.265-1.777.87-2.38q.113-.114.236-.212' clip-rule='evenodd'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 35% auto;
}