/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
   * Name your breakpoints in a way that creates a ubiquitous language
   * across team members. It will improve communication between
   * stakeholders, designers, developers, and testers.
   */
/**
   * Define the breakpoint from the $mqBreakpoints list that should
   * be used as the target width when outputting a static stylesheet
   * (i.e. when $mqResponsive is set to 'false').
   */
/**
   * If you want to display the currently active breakpoint in the top
   * right corner of your site during development, add the breakpoints
   * to this list, ordered by width, e.g. (zero, tablet, desktop).
   */
/**
   * Media Query mixin
   * Usage:
   * .element {
   *     @include mq($from: mobile) {
   *         color: red;
   *     }
   *     @include mq($to: tablet) {
   *         color: blue;
   *     }
   *     @include mq(mobile, tablet) {
   *         color: green;
   *     }
   *     @include mq($from: tablet, $and: '(orientation: landscape)') {
   *         color: teal;
   *     }
   *     @include mq(950px) {
   *         color: hotpink;
   *     }
   * }
   */
/**
   * Add a breakpoint
   * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
   */
/**
   * Create JSON string of map of breakpoints
   */
/**
   * Create JSON string of single breakpoint
   */
@font-face {
  font-family: "addingtoncf-light";
  src: url(/wp-content/themes/harbingermagazine/build/a606ed4cd0bc0fcc18bb.woff) format("woff"), url(/wp-content/themes/harbingermagazine/build/e9efd78de2c34d8a61c7.woff2) format("woff2");
}
@font-face {
  font-family: "articulatcf-bold";
  src: url(/wp-content/themes/harbingermagazine/build/c4b8e59b867b3d0d3d82.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/8328b479f205a42353eb.woff) format("woff");
}
@font-face {
  font-family: "articulatcf-boldoblique";
  src: url(/wp-content/themes/harbingermagazine/build/d09a7f2083a167894da0.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/19047f1ed9f7c2d8a455.woff) format("woff");
}
@font-face {
  font-family: "articulatcf-medium";
  src: url(/wp-content/themes/harbingermagazine/build/19e66b7b90f0ad460fe9.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/1cfa4d55c346c8debaec.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-bold";
  src: url(/wp-content/themes/harbingermagazine/build/d146319d4323f51bdd90.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/50057c86c13ee4dc876c.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-light-italic";
  src: url(/wp-content/themes/harbingermagazine/build/577a99339fea1a452de9.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/af1b72ff8618a9b2601f.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-demibold";
  src: url(/wp-content/themes/harbingermagazine/build/2720b6d865b2309f199f.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/562c184345b14cb3e72d.woff) format("woff");
}
@font-face {
  font-family: "articulatcf-demibold";
  src: url(/wp-content/themes/harbingermagazine/build/e0116c494f2cc7b7ff94.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/92eb7a199cfd4cfed2f8.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-thin";
  src: url(/wp-content/themes/harbingermagazine/build/5948e200acc9087ad645.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/1af70842847d00e495d6.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-medium";
  src: url(/wp-content/themes/harbingermagazine/build/ef6cd0be8287d584a2bd.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/0f5cc3c544d5cfd942a8.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-mediumitalic";
  src: url(/wp-content/themes/harbingermagazine/build/056f9d82adda56cad3da.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/4415464bfff2ae10bd08.woff) format("woff");
}
@font-face {
  font-family: "addingtoncf-regular";
  src: url(/wp-content/themes/harbingermagazine/build/de7956bcadff96d131b9.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/bcd2e0978248e49c381d.woff) format("woff");
}
@font-face {
  font-family: "articulatcf-demiboldoblique";
  src: url(/wp-content/themes/harbingermagazine/build/8d8eba5fd9870bddca19.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/f8749740f399514b55bd.woff) format("woff");
}
@font-face {
  font-family: "EB Garamond Regular";
  src: url(/wp-content/themes/harbingermagazine/build/628171f497fb670c4073.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/75e9210801443dc948c4.woff) format("woff");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "EB Garamond Medium";
  src: url(/wp-content/themes/harbingermagazine/build/b42eecab2f30e00d6749.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/a82ee029aea9fbd6ad7c.woff) format("woff");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "EB Garamond Medium Italic";
  src: url(/wp-content/themes/harbingermagazine/build/fa5be3cf36af600a204e.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/de21a586d1069f360d4d.woff) format("woff");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "EB Garamond Italic";
  src: url(/wp-content/themes/harbingermagazine/build/26279867928790058d42.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/b82887e78552b359f5b2.woff) format("woff");
  unicode-range: U+30-39;
}
@font-face {
  font-family: "EB Garamond Bold";
  src: url(/wp-content/themes/harbingermagazine/build/733579cf5b3afbe75cca.woff2) format("woff2"), url(/wp-content/themes/harbingermagazine/build/3bc69df03a9e034a8df8.woff) format("woff");
  unicode-range: U+30-39;
}
.user-panel {
  margin-top: 40px;
  padding-bottom: 112px;
  border-bottom: 1px solid #000;
}
.user-panel h1 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 50px;
  line-height: 37px;
  margin-bottom: 28px;
  font-weight: 300;
}
@media all and (min-width: 64em) {
  .user-panel h1 {
    font-size: 70px;
    line-height: 57px;
  }
}
.user-panel__tabs {
  display: flex;
  border-bottom: 1px solid #000;
  overflow-x: auto;
}
.user-panel__tabs * {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
}
.user-panel__tabs button {
  margin-left: auto;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.user-panel__tab {
  flex: 0 0 auto;
  padding: 12px 20px;
  border: 1px solid #000;
  border-right: none;
  border-bottom: none;
  cursor: pointer;
}
.user-panel__tab:nth-child(3) {
  border-left: none;
  margin-right: 30px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.user-panel__tab.active {
  background-color: var(--main-color);
}
.user-panel__wrapper {
  position: relative;
  overflow: hidden;
}
.user-panel__wrapper > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0px;
}
.user-panel__wrapper > div.active {
  position: static;
  opacity: 1;
  visibility: visible;
  height: auto;
}
.user-panel__articles {
  display: flex;
  flex-wrap: wrap;
  gap: 77px;
  margin-top: 52px;
}
@media all and (min-width: 64em) {
  .user-panel__articles {
    flex-wrap: nowrap;
  }
}
.user-panel__remove-account > button {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.user-panel__remove-account__confirmation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1005;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.user-panel__remove-account__confirmation.var-show {
  opacity: 1;
  visibility: visible;
}
.user-panel__remove-account__actions {
  display: flex;
  gap: 12px;
  width: 30%;
  padding: 24px 32px;
  margin: 0 auto;
  background-color: var(--main-color);
}
.user-panel__remove-account__actions button {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .user-panel__remove-account__actions button {
    font-size: 1.8rem;
  }
}
.user-panel__remove-account__actions button::before, .user-panel__remove-account__actions button::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
.user-panel__remove-account__actions button::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
.user-panel__remove-account__actions button::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.user-panel__remove-account__actions button:hover::before {
  transform: translate(-6px, -6px);
}
.user-panel__remove-account__actions button:hover::after {
  transform: translate(6px, 6px);
}
.user-panel__remove-account__actions button:hover {
  background-color: transparent;
  border: 1px solid black;
  color: black;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media all and (min-width: 64em) {
  .user-panel__welcome {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    flex: 0 0 46.08%;
    max-width: 46.08%;
  }
}
.user-panel__welcome__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}
.user-panel__welcome__sticky > h2 {
  font-family: "articulatcf-bold";
  font-size: 58px;
  line-height: 62px;
  margin-bottom: 48px;
}
.user-panel__welcome__container {
  padding: 24px;
  background-color: #f4f4f4;
}
@media all and (min-width: 64em) {
  .user-panel__welcome__container {
    padding: 48px;
  }
}
.user-panel__welcome__container > h1,
.user-panel__welcome__container > h2,
.user-panel__welcome__container > h3,
.user-panel__welcome__container > h4,
.user-panel__welcome__container > h5,
.user-panel__welcome__container > h6 {
  font-family: "articulatcf-bold";
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 24px;
}
.user-panel__welcome__container p,
.user-panel__welcome__container a {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .user-panel__favorite {
    padding-right: 17px;
  }
}
.user-panel__favorite > h2 {
  font-family: "articulatcf-bold";
  font-size: 58px;
  line-height: 62px;
  margin-bottom: 48px;
}
.user-panel__change-password, .user-panel__submission {
  max-width: 716px;
  margin: 112px auto 0;
}
.user-panel__change-password form, .user-panel__submission form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media all and (min-width: 64em) {
  .user-panel__change-password form, .user-panel__submission form {
    gap: 20px;
  }
}
.user-panel__change-password .form-input, .user-panel__submission .form-input {
  position: relative;
  overflow: hidden;
  border: 2px solid var(--main-color);
}
.user-panel__change-password .form-input .search-line, .user-panel__submission .form-input .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.4rem;
  max-width: 100%;
}
@media all and (min-width: 64em) {
  .user-panel__change-password .form-input .search-line, .user-panel__submission .form-input .search-line {
    width: 0px;
  }
}
.user-panel__change-password .form-input .search-line--vertical, .user-panel__submission .form-input .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.user-panel__change-password .form-input .search-line-edge, .user-panel__submission .form-input .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 4px;
}
.user-panel__change-password .form-input .search-line-edge:last-of-type, .user-panel__submission .form-input .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.user-panel__change-password .form-input.filled .search-line--vertical, .user-panel__submission .form-input.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.user-panel__change-password .form-input.filled .search-line, .user-panel__submission .form-input.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.user-panel__change-password .form-input.filled::before, .user-panel__change-password .form-input.filled::after, .user-panel__submission .form-input.filled::before, .user-panel__submission .form-input.filled::after {
  transform: scaleX(1);
}
.user-panel__change-password .form-input.edged .search-line, .user-panel__submission .form-input.edged .search-line {
  transform: translateX(0px) scaleX(160%);
  transition: transform 0.8s, width 0.8s;
}
.user-panel__change-password .form-input.edged .search-line-edge, .user-panel__submission .form-input.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.user-panel__change-password .form-input.error, .user-panel__submission .form-input.error {
  border-color: red;
}
.user-panel__change-password .form-input .search-line, .user-panel__submission .form-input .search-line {
  transform: translateX(-30px);
}
.user-panel__change-password .form-input *, .user-panel__submission .form-input * {
  font-family: "articulatcf-bold";
  font-size: 22px;
  line-height: 30px;
  color: #000;
}
.user-panel__change-password .form-input.readonly, .user-panel__submission .form-input.readonly {
  opacity: 50%;
  pointer-events: none;
}
.user-panel__change-password .form-input span.search-width-line, .user-panel__submission .form-input span.search-width-line {
  font-style: normal;
  font-weight: normal;
  display: block;
  position: absolute;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.user-panel__change-password .form-input label, .user-panel__submission .form-input label {
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translate(0, -50%);
  transform-origin: left top;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  pointer-events: none;
  opacity: 0.5;
}
.user-panel__change-password .form-input input::-webkit-outer-spin-button,
.user-panel__change-password .form-input input::-webkit-inner-spin-button, .user-panel__submission .form-input input::-webkit-outer-spin-button,
.user-panel__submission .form-input input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.user-panel__change-password .form-input input[type=number], .user-panel__submission .form-input input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.user-panel__change-password .form-input input[type=text],
.user-panel__change-password .form-input input[type=password],
.user-panel__change-password .form-input input[type=email],
.user-panel__change-password .form-input input[type=date],
.user-panel__change-password .form-input input[type=number], .user-panel__submission .form-input input[type=text],
.user-panel__submission .form-input input[type=password],
.user-panel__submission .form-input input[type=email],
.user-panel__submission .form-input input[type=date],
.user-panel__submission .form-input input[type=number] {
  height: 100%;
  width: 100%;
  padding: 22px 20px 18px;
  background-color: var(--main-color);
  border: 0;
}
.user-panel__change-password .form-input input[type=text]:focus + label, .user-panel__change-password .form-input input[type=text].active + label,
.user-panel__change-password .form-input input[type=password]:focus + label,
.user-panel__change-password .form-input input[type=password].active + label,
.user-panel__change-password .form-input input[type=email]:focus + label,
.user-panel__change-password .form-input input[type=email].active + label,
.user-panel__change-password .form-input input[type=date]:focus + label,
.user-panel__change-password .form-input input[type=date].active + label,
.user-panel__change-password .form-input input[type=number]:focus + label,
.user-panel__change-password .form-input input[type=number].active + label, .user-panel__submission .form-input input[type=text]:focus + label, .user-panel__submission .form-input input[type=text].active + label,
.user-panel__submission .form-input input[type=password]:focus + label,
.user-panel__submission .form-input input[type=password].active + label,
.user-panel__submission .form-input input[type=email]:focus + label,
.user-panel__submission .form-input input[type=email].active + label,
.user-panel__submission .form-input input[type=date]:focus + label,
.user-panel__submission .form-input input[type=date].active + label,
.user-panel__submission .form-input input[type=number]:focus + label,
.user-panel__submission .form-input input[type=number].active + label {
  transform: translate(-18px, calc(-50% - 18px)) scale(0.5);
  opacity: 1;
}
.user-panel__change-password .form-input input[type=text]:not(:-moz-placeholder-shown) + label, .user-panel__change-password .form-input input[type=password]:not(:-moz-placeholder-shown) + label, .user-panel__change-password .form-input input[type=email]:not(:-moz-placeholder-shown) + label, .user-panel__change-password .form-input input[type=date]:not(:-moz-placeholder-shown) + label, .user-panel__change-password .form-input input[type=number]:not(:-moz-placeholder-shown) + label, .user-panel__submission .form-input input[type=text]:not(:-moz-placeholder-shown) + label, .user-panel__submission .form-input input[type=password]:not(:-moz-placeholder-shown) + label, .user-panel__submission .form-input input[type=email]:not(:-moz-placeholder-shown) + label, .user-panel__submission .form-input input[type=date]:not(:-moz-placeholder-shown) + label, .user-panel__submission .form-input input[type=number]:not(:-moz-placeholder-shown) + label {
  transform: translate(-18px, calc(-50% - 18px)) scale(0.5);
  opacity: 1;
}
.user-panel__change-password .form-input input[type=text]:not(:-ms-input-placeholder) + label, .user-panel__change-password .form-input input[type=password]:not(:-ms-input-placeholder) + label, .user-panel__change-password .form-input input[type=email]:not(:-ms-input-placeholder) + label, .user-panel__change-password .form-input input[type=date]:not(:-ms-input-placeholder) + label, .user-panel__change-password .form-input input[type=number]:not(:-ms-input-placeholder) + label, .user-panel__submission .form-input input[type=text]:not(:-ms-input-placeholder) + label, .user-panel__submission .form-input input[type=password]:not(:-ms-input-placeholder) + label, .user-panel__submission .form-input input[type=email]:not(:-ms-input-placeholder) + label, .user-panel__submission .form-input input[type=date]:not(:-ms-input-placeholder) + label, .user-panel__submission .form-input input[type=number]:not(:-ms-input-placeholder) + label {
  transform: translate(-18px, calc(-50% - 18px)) scale(0.5);
  opacity: 1;
}
.user-panel__change-password .form-input input[type=text]:not(:placeholder-shown) + label,
.user-panel__change-password .form-input input[type=password]:not(:placeholder-shown) + label,
.user-panel__change-password .form-input input[type=email]:not(:placeholder-shown) + label,
.user-panel__change-password .form-input input[type=date]:not(:placeholder-shown) + label,
.user-panel__change-password .form-input input[type=number]:not(:placeholder-shown) + label, .user-panel__submission .form-input input[type=text]:not(:placeholder-shown) + label,
.user-panel__submission .form-input input[type=password]:not(:placeholder-shown) + label,
.user-panel__submission .form-input input[type=email]:not(:placeholder-shown) + label,
.user-panel__submission .form-input input[type=date]:not(:placeholder-shown) + label,
.user-panel__submission .form-input input[type=number]:not(:placeholder-shown) + label {
  transform: translate(-18px, calc(-50% - 18px)) scale(0.5);
  opacity: 1;
}
.user-panel__change-password .form-input input[type=text]:focus-visible,
.user-panel__change-password .form-input input[type=password]:focus-visible,
.user-panel__change-password .form-input input[type=email]:focus-visible,
.user-panel__change-password .form-input input[type=date]:focus-visible,
.user-panel__change-password .form-input input[type=number]:focus-visible, .user-panel__submission .form-input input[type=text]:focus-visible,
.user-panel__submission .form-input input[type=password]:focus-visible,
.user-panel__submission .form-input input[type=email]:focus-visible,
.user-panel__submission .form-input input[type=date]:focus-visible,
.user-panel__submission .form-input input[type=number]:focus-visible {
  outline: none;
}
.user-panel__change-password .form-input-half, .user-panel__submission .form-input-half {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media all and (min-width: 64em) {
  .user-panel__change-password .form-input-half, .user-panel__submission .form-input-half {
    gap: 20px;
  }
}
.user-panel__change-password .form-input-half .form-input, .user-panel__submission .form-input-half .form-input {
  flex: 0 0 100%;
}
@media all and (min-width: 64em) {
  .user-panel__change-password .form-input-half .form-input, .user-panel__submission .form-input-half .form-input {
    flex: 1;
  }
}
.user-panel__change-password .select select, .user-panel__submission .select select {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: white;
  color: white;
  display: inline;
  width: 100%;
  height: 100%;
  height: 70px;
  background-color: #000;
  border: none;
  padding: 0px 2rem 0px 2rem;
  outline: none;
  color: white;
  -webkit-text-fill-color: white;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='466px' height='272px' viewBox='0 0 466 272' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ePath%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M11.3202525,11.4562525 C-3.77258444,26.5429833 -3.77258444,51.0139105 11.3202525,66.1067475 L205.604227,260.392722 C212.944064,267.728993 222.750903,271.706 232.923,271.706 C243.095637,271.706 252.900627,267.733927 260.239743,260.400751 L454.522811,66.1126838 C469.621985,51.0208371 469.621985,26.5480566 454.520544,11.4600504 L454.065226,11.0120159 C438.948099,-3.62377536 414.821969,-3.47441866 399.880254,11.4612512 L232.92275,178.4205 L65.9665456,11.455051 C50.8729504,-3.63121725 26.4077223,-3.63121725 11.3202525,11.4562525 Z' id='Path' fill='%23FFFFFF' fill-rule='nonzero'%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
  background-size: 0.6em;
  background-position: calc(100% - 1.8rem) center;
  background-repeat: no-repeat;
  transition: background-position 0.3s;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media screen and (min-width: 1200px) {
  .user-panel__change-password .select select, .user-panel__submission .select select {
    padding: 0px 2.2rem 0px 2.2rem;
  }
}
.user-panel__change-password .select select:first-of-type, .user-panel__submission .select select:first-of-type {
  color: #000;
}
.user-panel__change-password .select select::-webkit-scrollbar, .user-panel__submission .select select::-webkit-scrollbar {
  width: 10px;
}
.user-panel__change-password .select select::-webkit-scrollbar-track, .user-panel__submission .select select::-webkit-scrollbar-track {
  background: rgb(240, 240, 240);
}
.user-panel__change-password .select select::-webkit-scrollbar-thumb, .user-panel__submission .select select::-webkit-scrollbar-thumb {
  background: black;
  margin: 2px;
}
.user-panel__change-password .select select::-webkit-scrollbar-thumb:hover, .user-panel__submission .select select::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.85);
}
.user-panel__change-password .select select:focus-visible, .user-panel__submission .select select:focus-visible {
  background-position: calc(100% + 3rem) center;
}
.user-panel__change-password .select select:focus > option:checked, .user-panel__submission .select select:focus > option:checked {
  background: #000 !important;
  color: white;
}
.user-panel__change-password .select select option, .user-panel__submission .select select option {
  font-size: 16px;
  overflow-y: hidden;
  cursor: pointer !important;
  background-color: white !important;
}
.user-panel__change-password .select select option:first-of-type, .user-panel__submission .select select option:first-of-type {
  display: none;
}
.user-panel__change-password .select select option:hover, .user-panel__submission .select select option:hover {
  background: red !important;
}
.user-panel__change-password .select label, .user-panel__submission .select label {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25rem;
  display: block;
  margin-bottom: 0.5rem;
}
.user-panel__change-password .select--yellow select, .user-panel__submission .select--yellow select {
  background-color: var(--main-color);
  color: black;
  color: black;
  -webkit-text-fill-color: black;
  background-image: url("data:image/svg+xml,%3csvg width='466px' height='272px' viewBox='0 0 466 272' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ePath%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M11.3202525,11.4562525 C-3.77258444,26.5429833 -3.77258444,51.0139105 11.3202525,66.1067475 L205.604227,260.392722 C212.944064,267.728993 222.750903,271.706 232.923,271.706 C243.095637,271.706 252.900627,267.733927 260.239743,260.400751 L454.522811,66.1126838 C469.621985,51.0208371 469.621985,26.5480566 454.520544,11.4600504 L454.065226,11.0120159 C438.948099,-3.62377536 414.821969,-3.47441866 399.880254,11.4612512 L232.92275,178.4205 L65.9665456,11.455051 C50.8729504,-3.63121725 26.4077223,-3.63121725 11.3202525,11.4562525 Z' id='Path' fill='black' fill-rule='nonzero'%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
}
.user-panel__change-password .guide-link, .user-panel__submission .guide-link {
  font-family: "addingtoncf-light";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.1px;
  text-decoration: underline;
  opacity: 0.75;
  color: black;
  transition: opacity 0.2s;
}
.user-panel__change-password .guide-link:hover, .user-panel__submission .guide-link:hover {
  opacity: 1;
}
.user-panel__change-password .file, .user-panel__submission .file {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  overflow: visible;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: 30px;
  border-bottom: 2px solid white;
}
.user-panel__change-password .file.error, .user-panel__submission .file.error {
  border-bottom: 2px solid red;
}
.user-panel__change-password .file:not(:last-child), .user-panel__submission .file:not(:last-child) {
  margin-bottom: 2rem;
}
.user-panel__change-password .file label, .user-panel__submission .file label {
  display: flex;
  gap: 0.5rem;
}
.user-panel__change-password .file p, .user-panel__submission .file p {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 2rem;
  white-space: nowrap;
  margin-right: 6px;
  text-decoration: underline;
}
.user-panel__change-password .file input, .user-panel__submission .file input {
  position: absolute;
  font-size: 0;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 30px;
  cursor: pointer;
}
.user-panel__change-password .file input:valid + #attachFile, .user-panel__submission .file input:valid + #attachFile {
  text-decoration: underline;
}
.user-panel__change-password .file input:valid + #attachFile + #trash, .user-panel__submission .file input:valid + #attachFile + #trash {
  display: block;
}
.user-panel__change-password .file #trash, .user-panel__submission .file #trash {
  display: none;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg stroke-width='0'/%3e %3cg stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M18 6v10.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C15.72 21 14.88 21 13.2 21h-2.4c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C6 18.72 6 17.88 6 16.2V6M4 6h16m-4 0-.27-.812c-.263-.787-.394-1.18-.637-1.471a2 2 0 0 0-.803-.578C13.939 3 13.524 3 12.695 3h-1.388c-.829 0-1.244 0-1.596.139a2 2 0 0 0-.803.578c-.243.29-.374.684-.636 1.471L8 6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e");
  opacity: 0.75;
  transition: opacity 0.2s;
  cursor: pointer;
}
.user-panel__change-password .file #trash:hover, .user-panel__submission .file #trash:hover {
  opacity: 1;
}
.user-panel__change-password .file #plus, .user-panel__submission .file #plus {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform 0.22s;
  pointer-events: none;
  z-index: 10;
  opacity: 0.75;
  transition: opacity 0.2s;
}
.user-panel__change-password .file #plus:hover, .user-panel__submission .file #plus:hover {
  opacity: 1;
}
.user-panel__change-password .file #plus.active, .user-panel__submission .file #plus.active {
  pointer-events: auto;
  transform: rotate(45deg) translate(-3px, 0px);
}
.user-panel__change-password .file #plus.active::before, .user-panel__submission .file #plus.active::before {
  transform: rotate(-90deg) translateX(-7px);
}
.user-panel__change-password .file #plus.active::after, .user-panel__submission .file #plus.active::after {
  transform: translateY(-8px);
}
.user-panel__change-password .file #plus::before, .user-panel__change-password .file #plus::after, .user-panel__submission .file #plus::before, .user-panel__submission .file #plus::after {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #000;
}
.user-panel__change-password .file #plus::before, .user-panel__submission .file #plus::before {
  transform: rotate(-90deg) translateX(-4px);
}
.user-panel__change-password .file #plus::after, .user-panel__submission .file #plus::after {
  transform: translateY(-11px);
}
.user-panel__change-password .file span:last-of-type, .user-panel__submission .file span:last-of-type {
  align-items: center;
  display: flex;
  white-space: nowrap;
  font-size: 14px;
  text-decoration: none;
  font-family: "articulatcf-demibold";
}
.user-panel__change-password .cat-fields > p, .user-panel__submission .cat-fields > p {
  margin-top: 8px;
  font-size: 14px;
  font-family: "articulatcf-medium";
}
.user-panel__change-password .cat-fields > p a, .user-panel__submission .cat-fields > p a {
  color: black;
}
.user-panel__change-password .form__bottom, .user-panel__submission .form__bottom {
  margin-top: 50px;
}
.user-panel__change-password .divider, .user-panel__submission .divider {
  width: 100%;
  height: 4px;
  background-color: #f4f4f4;
  margin: 2rem 0px;
}
.user-panel__change-password #submitSubmission,
.user-panel__change-password #submitChanges, .user-panel__submission #submitSubmission,
.user-panel__submission #submitChanges {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px 10px;
  background-color: #000;
  font-family: "articulatcf-bold";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  border: 4px solid #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  cursor: pointer;
}
@media all and (min-width: 64em) {
  .user-panel__change-password #submitSubmission,
  .user-panel__change-password #submitChanges, .user-panel__submission #submitSubmission,
  .user-panel__submission #submitChanges {
    padding: 16px 40px 16px;
    font-size: 22px;
    line-height: 30px;
  }
}
.user-panel__change-password #submitSubmission:hover,
.user-panel__change-password #submitChanges:hover, .user-panel__submission #submitSubmission:hover,
.user-panel__submission #submitChanges:hover {
  background-color: transparent;
  color: #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.user-panel__change-password #submitSubmission:disabled,
.user-panel__change-password #submitChanges:disabled, .user-panel__submission #submitSubmission:disabled,
.user-panel__submission #submitChanges:disabled {
  background-color: rgba(0, 0, 0, 0.2);
  border: 4px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.user-panel__change-password #draftChanges, .user-panel__submission #draftChanges {
  font-family: "articulatcf-bold";
  text-decoration: underline;
  font-size: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.user-panel__submission-info {
  margin-top: 4rem;
  max-width: 730px;
}
.user-panel__submission-info > h1,
.user-panel__submission-info > h2,
.user-panel__submission-info > h3,
.user-panel__submission-info > h4,
.user-panel__submission-info > h5,
.user-panel__submission-info > h6 {
  font-family: "articulatcf-bold";
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 24px;
}
.user-panel__submission-info p,
.user-panel__submission-info a {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.1px;
}
.user-panel__checks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 25px;
}
.user-panel__checks input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  flex: 0 0 24px;
  background-color: transparent;
  cursor: pointer;
}
.user-panel__checks input[type=checkbox]:checked::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4yMDczIDEuNzA3MjZDMTYuNTk3OCAyLjA5Nzc4IDE2LjU5NzggMi43MzA5NSAxNi4yMDczIDMuMTIxNDdMNi41MDAxNSAxMi44Mjg2TDAuMjkzMDQ0IDYuNjIxNDdDLTAuMDk3NDc5OSA2LjIzMDk1IC0wLjA5NzQ4IDUuNTk3NzggMC4yOTMwNDQgNS4yMDcyNkwxLjcwNzI2IDMuNzkzMDRDMi4wOTc3OCAzLjQwMjUyIDIuNzMwOTUgMy40MDI1MiAzLjEyMTQ3IDMuNzkzMDVMNi41MDAxNSA3LjE3MTcyTDEzLjM3ODggMC4yOTMwNDRDMTMuNzY5NCAtMC4wOTc0OCAxNC40MDI1IC0wLjA5NzQ3OTkgMTQuNzkzIDAuMjkzMDQ0TDE2LjIwNzMgMS43MDcyNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-color: var(--main-color);
  border-color: var(--main-color);
  background-size: contain;
}
.user-panel__checks input[type=checkbox]::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 4px solid #000;
  background-repeat: no-repeat;
  background-size: 0px;
  background-position: center;
}
.user-panel__checks p {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.1px;
}
.user-panel__checks p a {
  color: black;
}
.user-panel__text {
  font-family: "addingtoncf-light";
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.1px;
}
.user-panel__newsletter {
  display: flex;
  align-items: center;
  gap: 14px;
}
.user-panel__consent {
  display: flex;
  gap: 14px;
}
.user-panel__submission {
  margin: 5rem auto 0;
}
.user-panel__submission h2 {
  font-family: "articulatcf-bold";
  font-size: 24px;
  line-height: 62px;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.user-panel__submission > p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  font-size: 1.75rem;
  margin-bottom: 5rem;
}
.user-panel__submission > p a {
  color: black;
}
.user-panel__submission.hidden {
  display: none;
}
.user-panel__submission-data.hidden {
  display: none;
}
.user-panel__submission-data h2 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  margin-top: 3rem;
  font-size: 3rem;
}
.user-panel__submission-data h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
@media all and (min-width: 64em) {
  .user-panel__submission-data h2 {
    margin-top: 4rem;
  }
}
.user-panel__submission-data p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  font-size: 1.75rem;
  margin-top: 1rem;
}
.user-panel__submission-data button {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  display: block;
  cursor: pointer;
  border: 1px solid transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0.375rem 1rem;
  margin-top: 2rem !important;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .user-panel__submission-data button {
    font-size: 1.8rem;
  }
}
.user-panel__submission-data button::before, .user-panel__submission-data button::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
.user-panel__submission-data button::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
.user-panel__submission-data button::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.user-panel__submission-data button:hover::before {
  transform: translate(-6px, -6px);
}
.user-panel__submission-data button:hover::after {
  transform: translate(6px, 6px);
}
.user-panel__submission-data button:hover {
  background-color: transparent;
  border: 1px solid black;
  color: black;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.user-panel #userLogout {
  display: flex;
  align-items: center;
  gap: 4px;
}

.articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex: 1;
  gap: 20px;
}
.articles button {
  position: absolute;
  bottom: 0;
  left: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  z-index: 1;
}
.articles__article {
  flex: 0 0 100%;
}
@media all and (min-width: 38.75em) {
  .articles__article {
    flex: 0 0 calc(50% - 20px);
  }
}
@media all and (min-width: 64em) {
  .articles__article {
    flex: 0 0 44.63%;
    max-width: 44.63%;
  }
}
.articles__article:hover .articles__article__image__link::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.articles__article__image {
  display: block;
  position: relative;
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .articles__article__image {
    margin: 0;
  }
}
.articles__article__image__link {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.articles__article__image__link img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles__article__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.articles__article__image__category {
  position: absolute;
  top: 0px;
  right: 0;
  background-color: var(--main-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .articles__article__image__category {
    transform: translateX(0px);
    top: 10px;
    right: 10px;
    right: auto;
  }
}
@media all and (min-width: 64em) {
  .articles__article__image__category {
    left: auto;
    right: 10px;
  }
}
.articles__article h2 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  text-decoration: underline;
  margin-top: 2.5rem;
}
.articles__article h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
@media all and (min-width: 64em) {
  .articles__article h2 {
    margin-top: 2rem;
  }
}
.articles__article h2:hover .featured__news__box__image::after {
  border: 5px solid var(--main-color);
  transition: border 0.3s ease-in-out;
}
.articles__article h2 a {
  color: #000;
}
.articles__article h2 a i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.articles__article__authors {
  margin-top: 1rem;
}
.articles__article__authors p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline;
}
.articles__article__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.articles__article > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.articles__article > p i,
.articles__article > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.articles__article > p b,
.articles__article > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.articles__article > p a {
  color: #000;
  text-decoration: none;
}
.articles__article a {
  color: #000;
  text-decoration: none;
}
.articles__article em {
  font-family: "addingtoncf-light-italic", serif;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 1.4444444444;
}
.articles__popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.articles__popup.var-appear {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.articles__popup__container {
  width: 30%;
  padding: 24px 32px;
  margin: 0 auto;
  background-color: var(--main-color);
}
.articles__popup__container p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
  text-align: center;
}
.articles__popup__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.articles__popup__actions button {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .articles__popup__actions button {
    font-size: 1.8rem;
  }
}
.articles__popup__actions button::before, .articles__popup__actions button::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
.articles__popup__actions button::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
.articles__popup__actions button::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.articles__popup__actions button:hover::before {
  transform: translate(-6px, -6px);
}
.articles__popup__actions button:hover::after {
  transform: translate(6px, 6px);
}
.articles__popup__actions button:hover {
  background-color: transparent;
  border: 1px solid black;
  color: black;
  transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.user-signup {
  position: relative;
  padding-top: 30px;
  padding-bottom: 25px;
}
@media all and (min-width: 38.75em) {
  .user-signup {
    padding-top: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #000;
  }
  .user-signup::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(50% - 1px);
    width: 1px;
    height: 100%;
    background-color: #000;
  }
}
@media all and (min-width: 64em) {
  .user-signup {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .user-signup::after {
    right: 37.72%;
  }
}
.user-signup h1,
.user-signup h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 50px;
  line-height: 37px;
  margin-bottom: 35px;
  font-weight: 300;
}
@media all and (min-width: 64em) {
  .user-signup h1,
  .user-signup h2 {
    font-size: 70px;
    line-height: 57px;
    margin-bottom: 65px;
  }
}
.user-signup--reset::after, .user-signup.user-activation::after {
  display: none;
}
.user-signup--reset input, .user-signup.user-activation input {
  max-width: 348px;
}
.user-signup.user-activation .login {
  max-width: 50%;
  margin: 0 auto;
}
.user-signup.user-activation .login input {
  max-width: unset;
}
.user-signup p:empty {
  display: none;
}
.user-signup button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px 10px;
  background-color: #000;
  font-family: "articulatcf-bold";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  border: 4px solid #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  cursor: pointer;
}
@media all and (min-width: 64em) {
  .user-signup button {
    padding: 16px 40px 16px;
    font-size: 22px;
    line-height: 30px;
  }
}
.user-signup button:hover {
  background-color: transparent;
  color: #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.user-signup button:disabled {
  background-color: rgba(0, 0, 0, 0.2);
  border: 4px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.user-signup__container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media all and (min-width: 38.75em) {
  .user-signup__container {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}
@media all and (min-width: 64em) {
  .user-signup__container {
    width: 84.55%;
    margin: 0 auto;
  }
}
.user-signup .register {
  flex: 0 0 100%;
  max-width: 100%;
  order: 2;
}
@media all and (min-width: 38.75em) {
  .user-signup .register {
    order: 1;
    flex: 0 0 44%;
    max-width: 44%;
  }
}
@media all and (min-width: 64em) {
  .user-signup .register {
    flex: 0 0 56.56%;
    max-width: 56.56%;
  }
}
.user-signup .register__acceptance {
  margin: 24px 0 11px;
}
.user-signup .register__acceptance, .user-signup .register__newsletter {
  display: flex;
  gap: 14px;
}
.user-signup .register__acceptance input[type=checkbox], .user-signup .register__newsletter input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  flex: 0 0 24px;
  background-color: transparent;
}
.user-signup .register__acceptance input[type=checkbox]:checked::after, .user-signup .register__newsletter input[type=checkbox]:checked::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi4yMDczIDEuNzA3MjZDMTYuNTk3OCAyLjA5Nzc4IDE2LjU5NzggMi43MzA5NSAxNi4yMDczIDMuMTIxNDdMNi41MDAxNSAxMi44Mjg2TDAuMjkzMDQ0IDYuNjIxNDdDLTAuMDk3NDc5OSA2LjIzMDk1IC0wLjA5NzQ4IDUuNTk3NzggMC4yOTMwNDQgNS4yMDcyNkwxLjcwNzI2IDMuNzkzMDRDMi4wOTc3OCAzLjQwMjUyIDIuNzMwOTUgMy40MDI1MiAzLjEyMTQ3IDMuNzkzMDVMNi41MDAxNSA3LjE3MTcyTDEzLjM3ODggMC4yOTMwNDRDMTMuNzY5NCAtMC4wOTc0OCAxNC40MDI1IC0wLjA5NzQ3OTkgMTQuNzkzIDAuMjkzMDQ0TDE2LjIwNzMgMS43MDcyNloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-color: var(--main-color);
  border-color: var(--main-color);
  background-size: contain;
}
.user-signup .register__acceptance input[type=checkbox]::after, .user-signup .register__newsletter input[type=checkbox]::after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  border: 4px solid #000;
  background-repeat: no-repeat;
  background-size: 0px;
  background-position: center;
}
.user-signup .register__acceptance p, .user-signup .register__newsletter p {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
}
.user-signup .register__acceptance a, .user-signup .register__newsletter a {
  color: #000;
}
.user-signup .register .form__bottom {
  margin-top: 30px;
}
.user-signup .login {
  flex: 0 0 100%;
  max-width: 100%;
}
@media all and (min-width: 38.75em) {
  .user-signup .login {
    order: 2;
    flex: 0 0 44%;
    max-width: 44%;
  }
}
@media all and (min-width: 64em) {
  .user-signup .login {
    flex: 0 0 27.53%;
    max-width: 27.53%;
  }
}
.user-signup .login .lost-password {
  margin-top: 30px;
}
.user-signup form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.user-signup .form-input {
  position: relative;
  overflow: hidden;
}
.user-signup .form-input .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.4rem;
  max-width: 100%;
}
@media all and (min-width: 64em) {
  .user-signup .form-input .search-line {
    width: 0px;
  }
}
.user-signup .form-input .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.user-signup .form-input .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 4px;
}
.user-signup .form-input .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.user-signup .form-input.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.user-signup .form-input.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.user-signup .form-input.filled::before, .user-signup .form-input.filled::after {
  transform: scaleX(1);
}
.user-signup .form-input.edged .search-line {
  transform: translateX(0px) scaleX(160%);
  transition: transform 0.8s, width 0.8s;
}
.user-signup .form-input.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.user-signup .form-input .search-line {
  transform: translateX(-30px);
}
.user-signup .form-input * {
  font-family: "articulatcf-bold";
  font-size: 22px;
  line-height: 30px;
  color: #000;
}
.user-signup .form-input span.search-width-line {
  font-style: normal;
  font-weight: normal;
  display: block;
  position: absolute;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.user-signup .form-input label {
  position: absolute;
  top: 50%;
  left: 26px;
  transform: translate(0, -50%);
  transform-origin: left top;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  pointer-events: none;
  opacity: 0.5;
}
.user-signup .form-input input[type=text],
.user-signup .form-input input[type=password],
.user-signup .form-input input[type=email] {
  width: 100%;
  padding: 20px 21px;
  background-color: var(--alt-color);
  border: 0;
}
.user-signup .form-input input[type=text]:focus + label,
.user-signup .form-input input[type=password]:focus + label,
.user-signup .form-input input[type=email]:focus + label {
  transform: translate(-18px, calc(-50% - 20px)) scale(0.5);
  opacity: 1;
}
.user-signup .form-input input[type=text]:not(:-moz-placeholder-shown) + label, .user-signup .form-input input[type=password]:not(:-moz-placeholder-shown) + label, .user-signup .form-input input[type=email]:not(:-moz-placeholder-shown) + label {
  transform: translate(-18px, calc(-50% - 20px)) scale(0.5);
  opacity: 1;
}
.user-signup .form-input input[type=text]:not(:-ms-input-placeholder) + label, .user-signup .form-input input[type=password]:not(:-ms-input-placeholder) + label, .user-signup .form-input input[type=email]:not(:-ms-input-placeholder) + label {
  transform: translate(-18px, calc(-50% - 20px)) scale(0.5);
  opacity: 1;
}
.user-signup .form-input input[type=text]:not(:placeholder-shown) + label,
.user-signup .form-input input[type=password]:not(:placeholder-shown) + label,
.user-signup .form-input input[type=email]:not(:placeholder-shown) + label {
  transform: translate(-18px, calc(-50% - 20px)) scale(0.5);
  opacity: 1;
}
.user-signup .form-input input[type=text]:focus-visible,
.user-signup .form-input input[type=password]:focus-visible,
.user-signup .form-input input[type=email]:focus-visible {
  outline: none;
}
.user-signup .form-input input[type=text]:-webkit-autofill, .user-signup .form-input input[type=text]:-webkit-autofill:hover, .user-signup .form-input input[type=text]:-webkit-autofill:focus, .user-signup .form-input input[type=text]:-webkit-autofill:active,
.user-signup .form-input input[type=password]:-webkit-autofill,
.user-signup .form-input input[type=password]:-webkit-autofill:hover,
.user-signup .form-input input[type=password]:-webkit-autofill:focus,
.user-signup .form-input input[type=password]:-webkit-autofill:active,
.user-signup .form-input input[type=email]:-webkit-autofill,
.user-signup .form-input input[type=email]:-webkit-autofill:hover,
.user-signup .form-input input[type=email]:-webkit-autofill:focus,
.user-signup .form-input input[type=email]:-webkit-autofill:active {
  background-color: var(--main-color) !important;
}
.user-signup .form-input-half {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
@media all and (min-width: 64em) {
  .user-signup .form-input-half {
    gap: 10px;
  }
}
.user-signup .form-input-half .form-input {
  flex: 0 0 100%;
}
@media all and (min-width: 64em) {
  .user-signup .form-input-half .form-input {
    flex: 1;
  }
}
.user-signup .form__bottom {
  margin-top: 10px;
}
.user-signup .forgot-password {
  display: block;
  margin-top: 30px;
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.1px;
  text-decoration: underline;
  color: #000;
}

.register__activation,
.submission-modal,
.submission-draft-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.register__activation.active,
.submission-modal.active,
.submission-draft-modal.active {
  opacity: 1;
  visibility: visible;
}
.register__activation__container,
.submission-modal__container,
.submission-draft-modal__container {
  padding: 25px;
  background-color: var(--main-color);
}
@media all and (min-width: 64em) {
  .register__activation__container,
  .submission-modal__container,
  .submission-draft-modal__container {
    padding: 120px 80px;
  }
}
.register__activation__container p,
.submission-modal__container p,
.submission-draft-modal__container p {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.register__activation__container p em,
.submission-modal__container p em,
.submission-draft-modal__container p em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.register__activation a,
.submission-modal a,
.submission-draft-modal a {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  padding: 10px 16px;
  text-align: center;
  margin-top: 2rem !important;
  display: block;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media all and (min-width: 38.75em) {
  .register__activation a,
  .submission-modal a,
  .submission-draft-modal a {
    font-size: 1.8rem;
  }
}
.register__activation a::before, .register__activation a::after,
.submission-modal a::before,
.submission-modal a::after,
.submission-draft-modal a::before,
.submission-draft-modal a::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
.register__activation a::before,
.submission-modal a::before,
.submission-draft-modal a::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
.register__activation a::after,
.submission-modal a::after,
.submission-draft-modal a::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.register__activation a:hover::before,
.submission-modal a:hover::before,
.submission-draft-modal a:hover::before {
  transform: translate(-6px, -6px);
}
.register__activation a:hover::after,
.submission-modal a:hover::after,
.submission-draft-modal a:hover::after {
  transform: translate(6px, 6px);
}

.submission-categories-descriptions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.submission-categories-description {
  font-family: "addingtoncf-light";
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.1px;
  color: #000;
  display: none;
}
.submission-categories-description.active {
  display: block;
}

.form__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.form__error {
  font-family: "articulatcf-bold";
  font-size: 16px;
  line-height: 18px;
  color: #ff00a9;
}

.header {
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  justify-content: center;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 110;
  padding: 0 7%;
  overflow: hidden;
  background-color: white;
  transition: transform 0.4s;
}
@media all and (min-width: 38.75em) {
  .header {
    padding: 0 8%;
  }
}
@media all and (min-width: 64em) {
  .header {
    padding: 0 5.5%;
    overflow: visible;
  }
}
.header.is_not_front_page .header__content__placeholder__absolute__social {
  display: none;
}
@media all and (min-width: 64em) {
  .header.is_not_front_page .header__content__placeholder__absolute__social {
    display: flex;
  }
}
.header.hidden {
  transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transition: transform 0.26s ease-out 0s;
  pointer-events: none;
}
.header.hidden .header__content__strap {
  transform: translate(-50%, -100%);
  transition: transform 0.26s ease-in;
}
.header.hidden .header__content__placeholder__absolute__social {
  transform: translateY(-100%);
  transition: transform 0.26s ease-in;
}
.header.article-categories .header__social {
  right: 0;
  transform: translateX(0px) translateY(100%);
  border: none;
  bottom: -20px;
}
.header.article-categories .header__social__search {
  border: none;
}
.header.is_page {
  border-bottom: 0;
}
.header.is_page .header__strap {
  display: none;
}
.header__content {
  display: flex;
  justify-content: space-between;
  max-width: 1510px;
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  padding-top: 7rem;
}
.header__content__strap {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
  background-color: var(--main-color);
  z-index: 102;
  transition: transform 0.2s ease-in;
  display: flex;
  align-items: center;
}
.header__content__strap a {
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 1rem;
}
.header__content__placeholder {
  position: relative;
  width: 100%;
  height: 86px;
  z-index: 103;
  transition: transform 0.2s ease-in;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder {
    height: 93px;
  }
}
@media all and (min-width: 64em) {
  .header__content__placeholder {
    height: 87px;
  }
}
.header__content__placeholder__absolute {
  position: absolute;
  width: 100%;
  z-index: -1;
  pointer-events: none;
}
.header__content__placeholder__absolute__container {
  top: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  pointer-events: auto;
  background-color: #fff;
  transition: transform 0.22s;
}
.header__content__placeholder__absolute__container.hidden {
  transform: translate(0px, -172px);
}
.header__content__placeholder__absolute__container::after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 100%;
  background-color: black;
}
.header__content__placeholder__absolute__container__logo {
  position: relative;
}
.header__content__placeholder__absolute__container__logo > img {
  position: absolute;
  top: -3px;
  transform: translateX(-100%);
  left: -3px;
  height: 20px;
  width: 20px;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__logo > img {
    left: -8px;
    height: 29px;
    width: 29px;
  }
}
.header__content__placeholder__absolute__container__logo a {
  display: block;
  width: 210px;
  height: 20px;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__logo a {
    width: 295px;
    height: 29px;
  }
}
.header__content__placeholder__absolute__container__logo a img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.header__content__placeholder__absolute__container__navigation {
  display: flex;
  align-items: center;
}
.header__content__placeholder__absolute__container__navigation__cookie_back {
  position: absolute;
  z-index: 101;
  cursor: pointer;
  pointer-events: auto;
  right: 0;
  top: -70px;
}
.header__content__placeholder__absolute__container__navigation__cookie_back::before {
  transform: translateY(-4px);
  transition: transform 0.22s;
}
.header__content__placeholder__absolute__container__navigation__cookie_back:hover::before {
  transform: translateY(0px);
}
.header__content__placeholder__absolute__container__navigation__cookie_back::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1rem;
  border: 0.5rem solid var(--text-color);
  border-top: 0px;
  border-radius: 0 0 4rem 4rem;
}
.header__content__placeholder__absolute__container__navigation__hamburger {
  position: relative;
  width: 28px;
  height: 22px;
  cursor: pointer;
  z-index: 120;
  pointer-events: auto;
}
.header__content__placeholder__absolute__container__navigation__hamburger:hover span:first-child {
  transform: translate(0px, 9px) rotate(45deg);
}
.header__content__placeholder__absolute__container__navigation__hamburger:hover span:nth-child(2) {
  opacity: 0;
}
.header__content__placeholder__absolute__container__navigation__hamburger:hover span:last-child {
  transform: translate(0px, -9px) rotate(-45deg);
}
.header__content__placeholder__absolute__container__navigation__hamburger span {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #000;
  border-radius: 1px;
  transition: transform 0.22s, opacity 0.22s;
}
.header__content__placeholder__absolute__container__navigation__hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left;
}
.header__content__placeholder__absolute__container__navigation__hamburger span:nth-child(3) {
  bottom: 0;
}
.header__content__placeholder__absolute__container__navigation__user {
  position: relative;
  cursor: pointer;
  margin-right: 1.5rem;
  transition: transform 0.3s ease-in-out;
}
.header__content__placeholder__absolute__container__navigation__user:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease-in-out;
}
.header__content__placeholder__absolute__container__navigation__user a {
  margin-right: 0;
}
.header__content__placeholder__absolute__container__navigation__user__svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__navigation__user__svg {
    margin-right: 4px;
  }
}
.header__content__placeholder__absolute__container__navigation__user__svg::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00044 6C8.00044 2.68629 10.6867 0 14.0004 0C17.3141 0 20.0004 2.68629 20.0004 6C20.0004 9.31371 17.3141 12 14.0004 12C10.6867 12 8.00044 9.31371 8.00044 6Z' fill='%230F172A'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.0021 24.8071C3.10522 18.8208 7.98975 14 14.0004 14C20.0113 14 24.8959 18.821 24.9988 24.8075C25.0056 25.2046 24.7769 25.568 24.416 25.7336C21.2441 27.1891 17.7158 28 14.0009 28C10.2856 28 6.75702 27.1889 3.58487 25.7332C3.22398 25.5676 2.99526 25.2041 3.0021 24.8071Z' fill='%230F172A'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.header__content__placeholder__absolute__container__navigation__user__svg.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150%;
  height: 150%;
  border-radius: 50%;
  background-color: var(--main-color);
}
.header__content__placeholder__absolute__container__navigation__search {
  cursor: pointer;
  pointer-events: auto;
  margin-right: 1.5rem;
}
.header__content__placeholder__absolute__container__navigation__search__svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/search%3c/title%3e %3cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-768' transform='translate(-634.000000, -616.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cg id='table' transform='translate(55.000000, 580.000000)'%3e %3cg id='search' transform='translate(579.000000, 36.000000)'%3e %3cpath d='M11.4675768,22.9516117 C13.8285485,22.9516117 16.0096366,22.2315611 17.8309576,21.0164758 L24.4191929,27.6094387 C24.936583,28.1269751 25.7910299,28.1269751 26.3304557,27.6094387 L27.6121261,26.3268487 C28.1292913,25.8093123 28.1292913,24.9542523 27.6121261,24.4142144 L21.0014053,17.843753 C22.2153945,16.021125 22.9351536,13.8384717 22.9351536,11.4758058 C22.9351536,5.15286184 17.7859867,0 11.4675768,0 C5.14916683,0 0,5.15286184 0,11.4758058 C0,17.7985248 5.12668139,22.9516117 11.4675768,22.9516117 Z M11.4675768,4.50031601 C15.3125878,4.50031601 18.4380646,7.62803564 18.4380646,11.4758058 C18.4380646,15.323576 15.3125878,18.4512957 11.4675768,18.4512957 C7.62256575,18.4512957 4.49708894,15.323576 4.49708894,11.4758058 C4.49708894,7.62803564 7.62256575,4.50031601 11.4675768,4.50031601 Z'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transition: transform 0.22s;
  transform-origin: bottom right;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__navigation__search__svg {
    margin-right: 4px;
  }
}
.header__content__placeholder__absolute__container__navigation__search:hover > span {
  transform: rotate(-8deg);
}
.header__content__placeholder__absolute__container__navigation__additional_logo {
  position: absolute;
  top: -44px;
  margin-left: -10px;
  height: 30px;
  display: flex;
  align-items: center;
}
.header__content__placeholder__absolute__container__navigation__additional_logo--second {
  margin-left: -110px;
}
@media all and (min-width: 64em) {
  .header__content__placeholder__absolute__container__navigation__additional_logo {
    margin-left: 0px;
    position: relative;
    top: 0px;
  }
}
.header__content__placeholder__absolute__container__navigation__additional_logo img {
  max-width: 80px;
  max-height: 60px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (min-width: 64em) {
  .header__content__placeholder__absolute__container__navigation__additional_logo img {
    max-width: 140px;
  }
}
.header__content__placeholder__absolute__container__taxonomies {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 3.5rem;
}
.header__content__placeholder__absolute__container__taxonomies__container {
  display: flex;
  padding-right: 30px;
  overflow-x: auto;
  overflow-y: hidden;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__taxonomies__container {
    padding-right: 50px;
  }
}
.header__content__placeholder__absolute__container__taxonomies__end {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(260deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.005) 100%);
  transform-origin: right;
  transition: transform 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__container__taxonomies__end {
    width: 60px;
  }
}
.header__content__placeholder__absolute__social {
  position: absolute;
  display: flex;
  right: -14px;
  top: 30px;
  transform: translateY(100%) scale(0.8);
  pointer-events: auto;
  border: 1px solid black;
  border-top: 0;
  transition: transform 0.4s;
}
@media all and (min-width: 38.75em) {
  .header__content__placeholder__absolute__social {
    top: 41px;
    right: 0px;
    transform: translateY(100%);
  }
}
@media all and (min-width: 64em) {
  .header__content__placeholder__absolute__social {
    top: 51px;
    right: 0px;
  }
}
.header__content__placeholder__absolute__social .intro__table__social__container__item {
  border: none !important;
  height: 50px !important;
  width: 70px !important;
}
.header__content__placeholder__absolute__social .intro__table__social__container__item:not(:last-of-type) {
  border-right: 1px solid black !important;
}
.header__nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 114;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.6s;
  pointer-events: none;
}
@media all and (min-width: 64em) {
  .header__nav {
    cursor: none;
  }
}
.header__nav.var_active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  pointer-events: all;
}
.header__nav.var_active .header__nav__background {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out 0.2s;
}
.header__nav.var_active .header__nav__background img {
  transition: opacity 0.4s ease-in-out 0.4s;
}
.header__nav.var_active h2 {
  opacity: 1;
  transition: opacity 0.4s ease-in-out 0.6s;
}
.header__nav.var_active .header__nav__lists__item {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(1) {
  transition-delay: 0.74s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(2) {
  transition-delay: 0.78s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(3) {
  transition-delay: 0.82s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(4) {
  transition-delay: 0.86s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(5) {
  transition-delay: 0.9s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(6) {
  transition-delay: 0.94s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(7) {
  transition-delay: 0.98s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(8) {
  transition-delay: 1.02s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(9) {
  transition-delay: 1.06s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(10) {
  transition-delay: 1.1s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(11) {
  transition-delay: 1.14s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(12) {
  transition-delay: 1.18s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(13) {
  transition-delay: 1.22s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(14) {
  transition-delay: 1.26s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(15) {
  transition-delay: 1.3s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(16) {
  transition-delay: 1.34s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(17) {
  transition-delay: 1.38s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(18) {
  transition-delay: 1.42s;
}
.header__nav.var_active .header__nav__lists__item:nth-of-type(19) {
  transition-delay: 1.46s;
}
.header__nav.var_active .header__nav__social {
  opacity: 1;
  transition: opacity 0.55s ease-in-out 1.2s;
}
.header__nav.var_active .header__nav__close {
  opacity: 1;
  transition: opacity 0.6s ease-in-out 1.3s;
}
.header__nav.var_active .header__nav__categories li {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(1) {
  transition-delay: 0.74s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(2) {
  transition-delay: 0.78s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(3) {
  transition-delay: 0.82s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(4) {
  transition-delay: 0.86s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(5) {
  transition-delay: 0.9s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(6) {
  transition-delay: 0.94s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(7) {
  transition-delay: 0.98s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(8) {
  transition-delay: 1.02s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(9) {
  transition-delay: 1.06s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(10) {
  transition-delay: 1.1s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(11) {
  transition-delay: 1.14s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(12) {
  transition-delay: 1.18s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(13) {
  transition-delay: 1.22s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(14) {
  transition-delay: 1.26s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(15) {
  transition-delay: 1.3s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(16) {
  transition-delay: 1.34s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(17) {
  transition-delay: 1.38s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(18) {
  transition-delay: 1.42s;
}
.header__nav.var_active .header__nav__categories li:nth-of-type(19) {
  transition-delay: 1.46s;
}
.header__nav.var_active .header__nav__tabs {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.55s ease-in-out 1.2s, visibility 0.55s ease-in-out 1.2s;
}
.header__nav__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--text-color);
  background-color: var(--alt-color);
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__nav__background img {
  display: block;
  width: 60%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out 0s;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .header__nav__background img {
    width: 80%;
  }
}
@media all and (min-width: 64em) {
  .header__nav__background img {
    width: 37%;
    max-width: 650px;
  }
}
.header__nav__close {
  position: fixed;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .header__nav__close {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    order: 5;
    margin-top: 6rem;
  }
}
.header__nav__close__wrapper {
  width: 100%;
}
.header__nav__close--origin, .header__nav__close--movable {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/x-close%3c/title%3e %3cg id='icon/x-close' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) scale(-1, 1) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
@media all and (min-width: 64em) {
  .header__nav__close--origin, .header__nav__close--movable {
    filter: invert(1);
  }
}
.header__nav__close--movable {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  filter: invert(0);
  cursor: none;
  transition: transform 0s;
}
@media all and (min-width: 64em) {
  .header__nav__close--movable {
    pointer-events: none;
    display: block;
  }
}
.header__nav h2 {
  position: relative;
  text-align: center;
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  pointer-events: none;
  margin-bottom: 2.4rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media all and (min-width: 64em) {
  .header__nav h2 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
@media all and (min-width: 38.75em) {
  .header__nav h2 {
    margin-top: 4rem;
    margin-bottom: 0;
  }
}
.header__nav__lists {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  padding-top: 1rem;
  overflow-y: auto;
  max-height: calc(100vh - 311px);
}
.header__nav__lists__item:hover ~ .header__nav__close__wrapper > .header__nav__close > #navCloseMovable {
  transition: transform 0.3s;
  transform: translate(0px, 0px) !important;
}
@media all and (min-width: 38.75em) {
  .header__nav__lists {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 65%;
    margin: 3rem auto 0;
    padding-top: 0;
    overflow-y: unset;
    max-height: 100vh;
  }
}
@media all and (min-width: 64em) {
  .header__nav__lists {
    max-width: 45%;
    margin: 5rem auto 0;
  }
}
.header__nav__lists__separator {
  width: 100%;
}
.header__nav__lists__item {
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s;
}
.header__nav__lists__item a {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  pointer-events: auto;
  text-align: center;
  color: #000;
  padding: 1.5rem;
  display: block;
}
.header__nav__lists__item a em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.header__nav__tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.55s ease-in-out, visibility 0.55s ease-in-out;
}
.header__nav__tabs::after, .header__nav__tabs::before {
  content: "";
  position: absolute;
  width: 15%;
  height: 1px;
  background-color: #000;
  bottom: 0;
}
.header__nav__tabs::after {
  left: 0;
}
.header__nav__tabs::before {
  right: 0;
}
.header__nav__tab {
  position: relative;
  flex: 0 0 35%;
  display: flex;
  justify-content: center;
  padding: 10px 0px 10px;
  cursor: pointer;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
}
.header__nav__tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.header__nav__tab.var_active {
  border: 1px solid #000;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-color: transparent;
}
.header__nav__tab.var_active::after {
  display: none;
}
.header__nav__lists-wrapper {
  position: relative;
}
.header__nav__lists, .header__nav__categories {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 620px) {
  .header__nav__lists, .header__nav__categories {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
}
.header__nav__lists.var_active, .header__nav__categories.var_active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.header__nav__categories {
  flex-direction: column;
  overflow-y: auto;
  height: 400px;
}
.header__nav__categories li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 24px;
  margin: 0 12px;
  border-bottom: 1px solid #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
}
.header__nav__categories li a {
  color: #000;
  text-decoration: none;
}
.header__nav__categories li.open > span span:nth-child(2) {
  transform: translateY(-50%) rotate(0);
  transition: transform 0.3s ease-in-out;
}
.header__nav__categories li > span {
  position: relative;
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.header__nav__categories li > span span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background-color: #000;
}
.header__nav__categories li > span span:nth-child(2) {
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
.header__nav__accordion {
  flex: 0 0 100%;
  max-height: 0.01px;
  overflow: hidden;
  padding-left: 15px;
  transform: translateX(-15px);
  opacity: 0;
  display: flex;
  flex-direction: column;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.header__nav__accordion a {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 0 0px;
}
.header__nav__accordion a::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -8px;
  width: 1px;
  height: 25%;
  background-color: #000;
}
.header__nav__accordion a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -8px;
  width: 75%;
  height: 1px;
  background-color: #000;
}
.header__nav__social {
  position: fixed;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  opacity: 0;
  margin: 0 auto;
  margin-bottom: 4rem;
  transition: opacity 0.3s ease-in-out;
}
.header__nav__social a {
  padding: 2rem 2rem 0 2rem;
}
@media all and (min-width: 38.75em) {
  .header__nav__social a {
    padding-top: 6rem;
  }
}
.header__nav__social a div {
  transition: transform 0.2s;
}
.header__nav__social a:hover div {
  transform: scale(1.05);
}
.header__nav__social:hover ~ .header__nav__close__wrapper > .header__nav__close > #navCloseMovable {
  transition: transform 0.3s;
  transform: translate(0px, 0px) !important;
}
.header__nav__social a:nth-last-of-type(1) .header__nav__social__item {
  margin-right: 0;
}
.header__nav__social__item {
  width: 24px;
  flex: 0 0 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

body.cookies-not-set .header__content__container__cookie_back {
  display: none;
}

.menu-categories-container .menu {
  display: flex;
}
.menu-categories-container .menu li {
  position: relative;
  margin-right: 1.5rem;
  padding-bottom: 10px;
  list-style: none;
  transition: all 0.15s ease-in-out;
}
.menu-categories-container .menu li:last-of-type {
  padding-right: 3rem;
}
@media all and (min-width: 38.75em) {
  .menu-categories-container .menu li:last-of-type {
    padding-right: 6rem;
  }
}
.menu-categories-container .menu li::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: -2px;
  width: 100%;
  height: 2px;
  opacity: 0;
  background-color: var(--alt-color);
}
.menu-categories-container .menu li.has-children::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 2px;
  height: 10px;
  background-color: var(--alt-color);
  opacity: 0;
}
.menu-categories-container .menu li:hover::before, .menu-categories-container .menu li:hover::after {
  opacity: 1;
}
.menu-categories-container .menu li:hover .subcategories {
  opacity: 1;
  visibility: visible;
}
.menu-categories-container .menu li .subcategories {
  position: absolute;
  padding: 8px 10px;
  background-color: var(--alt-color);
  display: flex;
  flex-direction: column;
  margin-top: -1px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
  z-index: 2;
}
.menu-categories-container .menu li .subcategories.var_active {
  opacity: 1;
  visibility: visible;
}
.menu-categories-container .menu li .subcategories a {
  transition: opacity 0.15s ease-in-out;
}
.menu-categories-container .menu li .subcategories a:hover {
  opacity: 0.75;
}
.menu-categories-container .menu li a {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
  text-decoration: none;
  color: #000;
  white-space: nowrap;
  padding: 0 0.5rem 0.5rem;
}

.search {
  position: fixed;
  place-content: center;
  display: grid;
  z-index: 110;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-100%);
  transition: transform 0.3s;
}
.search:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  opacity: 0.9;
}
.search.active {
  transform: translateY(0);
  cursor: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/x-close%3c/title%3e %3cg id='icon/x-close' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) scale(-1, 1) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3c/g%3e %3c/svg%3e") 12 12, auto;
}
.search #helperSearchSpan {
  font-family: "articulatcf-demibold", serif;
  font-size: 3rem;
  line-height: 1.0689655172;
  font-style: normal;
  font-weight: normal;
  display: block;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
@media all and (min-width: 38.75em) {
  .search #helperSearchSpan {
    font-size: 5rem;
  }
}
@media all and (min-width: 64em) {
  .search #helperSearchSpan {
    font-size: 5.8rem;
  }
}
.search__form {
  position: relative;
  overflow: hidden;
}
.search__form .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.4rem;
  max-width: 100%;
}
@media all and (min-width: 64em) {
  .search__form .search-line {
    width: 0px;
  }
}
.search__form .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.search__form .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 4px;
}
.search__form .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.search__form.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.search__form.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.search__form.filled::before, .search__form.filled::after {
  transform: scaleX(1);
}
.search__form.edged .search-line {
  transform: translateX(0px) scaleX(160%);
  transition: transform 0.8s, width 0.8s;
}
.search__form.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.search__form::after {
  top: unset;
  bottom: 0;
}
.search__form form {
  cursor: default;
}
.search__form form > div {
  width: 86vw;
  max-width: 100rem;
  height: 7.8rem;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media all and (min-width: 38.75em) {
  .search__form form > div {
    height: 11rem;
  }
}
@media all and (min-width: 64em) {
  .search__form form > div {
    height: 13.8rem;
  }
}
.search__form form > div .screen-reader-text {
  visibility: hidden;
}
.search__form form > div input[type=text] {
  font-family: "articulatcf-demibold", serif;
  font-size: 3rem;
  line-height: 1.0689655172;
  font-style: normal;
  font-weight: normal;
  width: 100%;
  height: 100%;
  padding: 3rem;
  border: none;
  outline: none;
  color: #000;
}
@media all and (min-width: 38.75em) {
  .search__form form > div input[type=text] {
    font-size: 5rem;
  }
}
@media all and (min-width: 64em) {
  .search__form form > div input[type=text] {
    font-size: 5.8rem;
  }
}
@media all and (min-width: 64em) {
  .search__form form > div input[type=text] {
    padding: 4rem;
  }
}
.search__form form > div input[type=text]::-webkit-input-placeholder {
  color: #000;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.search__form form > div input[type=text]:focus::-webkit-input-placeholder {
  color: #000;
  opacity: 0.6;
}
.search__form form > div input[type=submit] {
  width: 4rem;
  height: 4rem;
  border: none;
  cursor: pointer;
  margin-right: 2rem;
  background: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/search%3c/title%3e %3cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-768' transform='translate(-634.000000, -616.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cg id='table' transform='translate(55.000000, 580.000000)'%3e %3cg id='search' transform='translate(579.000000, 36.000000)'%3e %3cpath d='M11.4675768,22.9516117 C13.8285485,22.9516117 16.0096366,22.2315611 17.8309576,21.0164758 L24.4191929,27.6094387 C24.936583,28.1269751 25.7910299,28.1269751 26.3304557,27.6094387 L27.6121261,26.3268487 C28.1292913,25.8093123 28.1292913,24.9542523 27.6121261,24.4142144 L21.0014053,17.843753 C22.2153945,16.021125 22.9351536,13.8384717 22.9351536,11.4758058 C22.9351536,5.15286184 17.7859867,0 11.4675768,0 C5.14916683,0 0,5.15286184 0,11.4758058 C0,17.7985248 5.12668139,22.9516117 11.4675768,22.9516117 Z M11.4675768,4.50031601 C15.3125878,4.50031601 18.4380646,7.62803564 18.4380646,11.4758058 C18.4380646,15.323576 15.3125878,18.4512957 11.4675768,18.4512957 C7.62256575,18.4512957 4.49708894,15.323576 4.49708894,11.4758058 C4.49708894,7.62803564 7.62256575,4.50031601 11.4675768,4.50031601 Z'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center no-repeat;
  transform: scale(0.75);
  opacity: 0.2;
  transition: opacity 0.22s;
}
@media all and (min-width: 38.75em) {
  .search__form form > div input[type=submit] {
    margin: 0 3rem;
    width: 4rem;
    height: 4rem;
    transform: scale(1);
  }
}
.search__form form > div input[type=submit].active {
  opacity: 0.8;
}
.search__form form > div input[type=submit].active:hover {
  opacity: 0.6;
}
.search__warning {
  font-family: "articulatcf-medium", serif;
  font-size: 2rem;
  line-height: 2;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  padding: 3rem;
  width: 40%;
  max-width: 30rem;
  top: 50%;
  left: 50%;
  background: #fff;
  margin-bottom: 3rem;
  transition: opacity 0.3s, transform 0.3s;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.search__warning::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  background-color: #fff;
  transform: translateY(40%) rotate(-45deg);
}
.search__warning.active {
  opacity: 1;
  transform: translate(-50%, calc(-50% - 20rem));
}

.searchpage hr {
  background-color: #000;
  border: none;
  height: 1px;
}
.searchpage h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  margin: 6rem 0 2rem;
}
@media all and (min-width: 64em) {
  .searchpage h2 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
.searchpage__search {
  position: relative;
  margin-top: 3rem;
  width: 100%;
  overflow: hidden;
}
@media all and (min-width: 38.75em) {
  .searchpage__search {
    width: 64.8690333333%;
    margin-right: 5.3929%;
    margin-left: 17.5654833333%;
  }
}
@media all and (min-width: 64em) {
  .searchpage__search {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 26.257425%;
  }
}
.searchpage__search #helperSearchSpan {
  font-family: "articulatcf-bold", serif;
  font-size: 1.6rem;
  line-height: 1.0689655172;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
@media all and (min-width: 38.75em) {
  .searchpage__search #helperSearchSpan {
    font-size: 1.8rem;
  }
}
@media all and (min-width: 64em) {
  .searchpage__search #helperSearchSpan {
    font-size: 2.2rem;
  }
}
.searchpage__search.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.searchpage__search.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.searchpage__search.filled::before, .searchpage__search.filled::after {
  transform: scaleX(1);
}
.searchpage__search.edged .search-line {
  transform: translateX(0px) scaleX(160%);
}
.searchpage__search.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.searchpage__search .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.3rem;
}
@media all and (min-width: 64em) {
  .searchpage__search .search-line {
    width: 0px;
  }
}
.searchpage__search .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.searchpage__search .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 3px;
}
.searchpage__search .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.searchpage__search form > div {
  position: relative;
}
.searchpage__search input[type=text] {
  font-family: "articulatcf-bold", serif;
  font-size: 1.6rem;
  line-height: 1.0689655172;
  font-style: normal;
  font-weight: normal;
  background-color: var(--main-color);
  font-size: 2.2rem;
  border: none;
  width: 100%;
  padding: 3rem 8rem 3rem 3rem;
}
@media all and (min-width: 38.75em) {
  .searchpage__search input[type=text] {
    font-size: 1.8rem;
  }
}
@media all and (min-width: 64em) {
  .searchpage__search input[type=text] {
    font-size: 2.2rem;
  }
}
.searchpage__search input[type=text]:focus {
  outline: none;
}
.searchpage__search input[type=submit] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.7);
  width: 4rem;
  height: 4rem;
  border: none;
  right: 0;
  cursor: pointer;
  margin-right: 2rem;
  background: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/search%3c/title%3e %3cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-768' transform='translate(-634.000000, -616.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cg id='table' transform='translate(55.000000, 580.000000)'%3e %3cg id='search' transform='translate(579.000000, 36.000000)'%3e %3cpath d='M11.4675768,22.9516117 C13.8285485,22.9516117 16.0096366,22.2315611 17.8309576,21.0164758 L24.4191929,27.6094387 C24.936583,28.1269751 25.7910299,28.1269751 26.3304557,27.6094387 L27.6121261,26.3268487 C28.1292913,25.8093123 28.1292913,24.9542523 27.6121261,24.4142144 L21.0014053,17.843753 C22.2153945,16.021125 22.9351536,13.8384717 22.9351536,11.4758058 C22.9351536,5.15286184 17.7859867,0 11.4675768,0 C5.14916683,0 0,5.15286184 0,11.4758058 C0,17.7985248 5.12668139,22.9516117 11.4675768,22.9516117 Z M11.4675768,4.50031601 C15.3125878,4.50031601 18.4380646,7.62803564 18.4380646,11.4758058 C18.4380646,15.323576 15.3125878,18.4512957 11.4675768,18.4512957 C7.62256575,18.4512957 4.49708894,15.323576 4.49708894,11.4758058 C4.49708894,7.62803564 7.62256575,4.50031601 11.4675768,4.50031601 Z'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center no-repeat;
  opacity: 0.2;
  transition: opacity 0.22s;
}
.searchpage__search input[type=submit].active {
  opacity: 0.8;
}
.searchpage__search input[type=submit].active:hover {
  opacity: 0.6;
}
.searchpage__title {
  margin-top: 5rem;
  display: flex;
  align-items: flex-end;
  margin-bottom: 5rem;
}
@media all and (max-width: 63.99em) {
  .searchpage__title {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.searchpage__title h1 {
  font-family: "articulatcf-demibold", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
}
@media all and (min-width: 64em) {
  .searchpage__title h1 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
.searchpage__title a {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  margin-left: 0.4rem;
}
@media all and (max-width: 63.99em) {
  .searchpage__title a {
    flex: 0 0 100%;
  }
}
.searchpage__articles {
  margin-top: 1.4rem;
}
.searchpage__articles__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.searchpage__articles__wrapper .article-card {
  border-bottom: none;
  margin-top: 0;
}
@media all and (min-width: 38.75em) and (max-width: 63.99em) {
  .searchpage__articles__wrapper .article-card {
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
  }
  .searchpage__articles__wrapper .article-card:nth-of-type(even) {
    margin-right: 0;
  }
}
@media all and (min-width: 64em) {
  .searchpage__articles__wrapper .article-card {
    width: 21.227725%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .searchpage__articles__wrapper .article-card:nth-of-type(4n) {
    margin-right: 0;
  }
}
.searchpage__authors {
  padding-top: 3rem;
  margin-top: 5rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  display: grid;
}
@media all and (min-width: 38.75em) {
  .searchpage__authors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (min-width: 76.5em) {
  .searchpage__authors {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.searchpage__authors .tripple__left__author-names span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transition: background-color 0.2s;
}
.searchpage__authors .tripple__left__author-names:hover {
  background: transparent;
}
.searchpage__authors .tripple__left__author-names:hover span {
  background-color: var(--main-color);
}
.searchpage__authors .tripple__left__author {
  border-right: none;
}
.searchpage__authors .tripple__left__author .tripple__left__author--image {
  margin-left: 0px;
}
.searchpage__authors .tripple__left__author .tripple__left__author--role {
  text-align: left;
}
.searchpage__pages {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.searchpage__pages a {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  color: #000;
}
.searchpage__pages a em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}

.article-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 0;
  text-decoration: none;
}
.article-card--academy .article-card__image__category {
  background-color: #00ff00;
}
.article-card--academy .article-card__image::after {
  border-color: #00ff00;
}
.article-card--articles .article-card__image__category {
  background-color: #fbff00;
}
.article-card--articles .article-card__image::after {
  border-color: #fbff00;
}
.article-card:hover .article-card__image::after {
  border-width: 1.2rem;
}
.article-card.author_gallery:hover .article-card__image::after {
  border-width: 0rem;
}
.article-card__image {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 64em) {
  .article-card__image {
    padding-bottom: 56.25%;
  }
  .article-card__image::after {
    display: block;
  }
  .article-card__image img {
    display: block;
  }
}
.article-card__image::after {
  content: "";
  position: absolute;
  display: block;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.article-card__image img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-card__image__category {
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  color: var(--text-color);
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.6rem 1rem;
  background-color: var(--main-color);
  text-transform: lowercase;
  text-decoration: none;
}
@media all and (min-width: 64em) {
  .article-card__image__category {
    position: absolute;
    top: 1rem;
    right: 1rem;
    left: unset;
  }
}
.article-card__date {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.11px;
  color: #000;
}
.article-card__date i,
.article-card__date em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
@media all and (min-width: 64em) {
  .article-card__date {
    margin-top: 0.8rem;
  }
}
.article-card__title {
  display: block;
  color: #000;
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  margin: 1.6rem 0 1rem 0;
  text-decoration: underline;
}
.article-card__title em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.article-card__title i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.article-card__authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin-top: 1rem;
}
.article-card__authors > span {
  margin-right: 0.4rem;
}
.article-card__description {
  margin-top: 1rem;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: #000;
}
.article-card__description i,
.article-card__description em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.article-card__description b,
.article-card__description strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .article-card__description {
    margin-top: 1.5rem;
  }
}

.intro {
  margin-top: 3rem;
}
@media all and (min-width: 64em) {
  .intro {
    display: flex;
    margin-top: 14px;
  }
}
.intro__news {
  position: relative;
}
@media all and (min-width: 64em) {
  .intro__news {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 64.9901%;
    margin-top: 4rem;
  }
}
.intro__news:hover .intro__news__content__image a::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.intro__news h1 {
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
  text-decoration: underline;
  margin-bottom: 1rem;
}
@media all and (min-width: 105em) {
  .intro__news h1 {
    font-size: 58px;
  }
}
.intro__news h1 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
.intro__news h1 i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 105em) {
  .intro__news h1 i {
    font-size: 58px;
  }
}
.intro__news h1 a {
  color: #000;
}
@media all and (min-width: 64em) {
  .intro__news h1 {
    margin-bottom: 2rem;
  }
}
.intro__news__author {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  margin-top: 1.5rem;
}
.intro__news__author a {
  color: #000;
  text-decoration: none;
}
.intro__news__content {
  margin-top: 2.5rem;
}
@media all and (min-width: 38.75em) {
  .intro__news__content {
    display: flex;
    margin-top: 0px;
  }
}
.intro__news__content__image {
  position: relative;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media all and (min-width: 38.75em) {
  .intro__news__content__image {
    order: 2;
    width: 56.0862916667%;
    margin-left: 0%;
    flex: 0 0 56.08629%;
  }
}
@media all and (min-width: 64em) {
  .intro__news__content__image {
    width: 59.67079375%;
    margin-left: 0%;
    flex: 0 0 59.67079%;
  }
}
.intro__news__content__image__link {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.intro__news__content__image__link img:not(.hero-badge), .intro__news__content__image__link video:not(.hero-badge) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro__news__content__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.intro__news__content__image__category {
  position: absolute;
  top: 10px;
  right: 8px;
  background-color: var(--main-color);
  color: var(--text-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
  color: var(--text-color);
}
.intro__news__content__description {
  display: block;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 20px;
  color: #000;
  text-decoration: none;
}
.intro__news__content__description i,
.intro__news__content__description em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.intro__news__content__description b,
.intro__news__content__description strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 38.75em) {
  .intro__news__content__description {
    width: 38.5208083333%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 38.52081%;
  }
}
@media all and (min-width: 64em) {
  .intro__news__content__description {
    width: 32.78465625%;
    margin-right: 7.54455%;
    margin-left: 0%;
    flex: 0 0 32.78466%;
  }
}
.intro__news__content__description p:not(:last-of-type) {
  margin-bottom: 16px;
}
.intro__table {
  display: flex;
  margin-top: 3.8rem;
}
@media all and (min-width: 64em) {
  .intro__table {
    flex-direction: column;
    margin-top: -1px;
    border-left: 1px solid #000;
    width: 29.9802%;
    margin-left: 0%;
  }
}
.intro__table__highlight {
  position: relative;
  width: 82.6154%;
  margin-right: 4.3076%;
  margin-left: 0%;
  flex: 0 0 82.6154%;
  margin-right: 0;
  padding: 1.5rem 0px 3rem;
  border-top: 1px solid #000;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media all and (min-width: 38.75em) {
  .intro__table__highlight {
    width: 82.4345166667%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 82.43452%;
    margin-right: 0;
    padding-top: 2rem;
  }
}
@media all and (min-width: 64em) {
  .intro__table__highlight {
    width: 100%;
    flex: 1;
    padding-top: 5rem;
    order: 2;
    border-top: none;
  }
}
@media all and (min-width: 64em) {
  .intro__table__highlight.var_single {
    padding-top: 0;
    display: flex;
    align-items: center;
  }
}
.intro__table__highlight__icon {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.intro__table__highlight__icon img {
  display: block;
  height: 100%;
}
.intro__table__highlight__articles {
  display: flex;
  flex-wrap: nowrap;
}
.intro__table__highlight__articles__article {
  flex: 0 0 auto;
  margin-bottom: 3rem;
  margin-top: 3.5rem;
  opacity: 0;
  transition: opacity 0.3s;
  padding: 0 3rem;
}
.intro__table__highlight__articles__article.active {
  opacity: 1;
  transition: opacity 0.3s ease 0.15s;
}
.intro__table__highlight__articles__article:nth-last-of-type(1) {
  margin-bottom: 0;
}
.intro__table__highlight__articles__article h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.intro__table__highlight__articles__article p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin: 1.5rem 0;
}
.intro__table__highlight__articles__article p i,
.intro__table__highlight__articles__article p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.intro__table__highlight__articles__article p b,
.intro__table__highlight__articles__article p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 38.75em) {
  .intro__table__highlight__articles__article p {
    margin: 1.5rem 0 2.5rem;
  }
}
.intro__table__highlight__articles__article p:empty {
  display: none;
}
.intro__table__highlight__articles__article a {
  position: relative;
  display: inline-block;
  margin-top: 2rem;
  font-family: "articulatcf-bold" !important;
  color: #000;
  font-size: 1.6rem;
  background: transparent;
  padding: 0.75rem;
  margin-left: -0.75rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.intro__table__highlight__articles__article a::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0.75rem;
  width: calc(100% - 1.5rem);
  height: 1px;
  background-color: black;
  transition: transform 0.22s;
}
.intro__table__highlight__articles__article a:hover::before {
  transform: translateY(4px);
}
.intro__table__highlight__articles__article.is-subdomain h2,
.intro__table__highlight__articles__article.is-subdomain p,
.intro__table__highlight__articles__article.is-subdomain a {
  color: var(--text-color);
}
.intro__table__highlight__articles__article.is-subdomain h2::before,
.intro__table__highlight__articles__article.is-subdomain p::before,
.intro__table__highlight__articles__article.is-subdomain a::before {
  background-color: var(--text-color);
}
.intro__table__highlight__articles__article .newsletter__main__input {
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1000px) {
  .intro__table__highlight__articles__article .newsletter__main__input {
    flex-direction: row;
  }
}
@media all and (min-width: 64em) {
  .intro__table__highlight__articles__article .newsletter__main__input {
    flex-direction: column;
  }
}
.intro__table__highlight__articles__article .newsletter__main__input .form-group {
  width: 100%;
}
.intro__table__highlight .dots {
  display: flex;
  padding: 20px 0;
  margin-top: 0px;
  justify-content: center;
}
.intro__table__highlight .dots .dot {
  border: none;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  margin: 0 5px;
  padding: 4px;
  cursor: pointer;
  transition: background-color 0.22s, transform 0.3s;
}
.intro__table__highlight .dots .dot:focus {
  outline: none;
}
.intro__table__highlight .dots .dot:hover {
  transform: scale(1.2);
}
.intro__table__highlight .dots .dot--active {
  background: #000;
}
.intro__table__highlight__sun {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-color: var(--alt-color);
  color: var(--text-color);
  z-index: -1;
  transform: translateX(-50%);
  transition: border-radius 0.5s, transform 0.3s ease 0s, background-color 0.3s ease 0s;
}
@media all and (min-width: 64em) {
  .intro__table__highlight__sun {
    transform: translateX(-60%);
  }
}
@media screen and (min-width: 1200px) {
  .intro__table__highlight__sun {
    transform: translateX(-50%);
  }
}
.intro__table__highlight__sun.full {
  border-radius: 0;
  transform: translateX(0);
  transition: border-radius 0.5s ease 0.1s, transform 0.3s ease 0.18s, background-color 0.3s ease 0.18s;
}
@media all and (min-width: 38.75em) {
  .intro__table__highlight__sun.full {
    transform: translateX(0) scaleX(4);
  }
}
@media all and (min-width: 64em) {
  .intro__table__highlight__sun.full {
    transform: translateX(0);
  }
}
.intro__table__highlight__sun.full.is-subdomain {
  background-color: var(--main-color);
}
.intro__table__social {
  position: relative;
  flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}
@media all and (min-width: 38.75em) {
  .intro__table__social {
    display: flex;
  }
}
@media all and (min-width: 64em) {
  .intro__table__social {
    flex: 0 0 auto;
    order: 1;
    border-left: 0;
  }
}
@media all and (min-width: 38.75em) {
  .intro__table__social__text {
    display: flex;
    justify-content: center;
    width: 100%;
    order: 2;
    border-bottom: 1px solid #000;
    padding-top: 11.5px;
  }
}
@media all and (min-width: 64em) {
  .intro__table__social__text {
    order: 1;
    padding-top: 0;
    padding: 0px 16px;
    justify-content: flex-start;
    align-items: center;
    height: 52px;
  }
}
.intro__table__social__text > p {
  position: absolute;
  top: 0;
  right: -2.5px;
  transform: translateX(100%);
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  font-family: "articulatcf-medium", serif;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .intro__table__social__text > p {
    position: static;
    transform: translateX(0);
  }
}
@media all and (min-width: 64em) {
  .intro__table__social__text > p {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
  }
}
@media all and (min-width: 64em) {
  .intro__table__social__container {
    display: flex;
    align-items: center;
    order: 2;
  }
}
.intro__table__social__container__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #000;
  background-color: white;
}
@media all and (min-width: 38.75em) {
  .intro__table__social__container__item {
    width: 80px;
    border-right: 1px solid #000;
    order: 1;
  }
}
@media all and (min-width: 64em) {
  .intro__table__social__container__item {
    width: 70px;
    height: 50px;
  }
  .intro__table__social__container__item:nth-of-type(1) {
    border-left: 1px solid #000;
  }
  .intro__table__social__container__item:nth-last-of-type(1) {
    border-right: 0;
  }
}
.intro__table__social__container__item a {
  display: block;
  padding: 10px;
}
.intro__table__social__container__item a:hover img {
  transform: scale(0.86);
}
.intro__table__social__container__item a img {
  display: block;
  max-height: 22px;
  transition: transform 0.22s;
}

.new,
.more {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 5rem;
  padding-top: 3.5rem;
}
@media all and (min-width: 38.75em) {
  .new,
  .more {
    padding-top: 5rem;
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .new,
  .more {
    margin-top: 10rem;
  }
}
.new__button,
.more__button {
  margin-top: 2rem;
  transform: translateY(calc(32px + 50%));
  position: relative;
  display: inline-block;
  margin-top: 2rem;
  font-family: "articulatcf-bold" !important;
  color: #000;
  font-size: 1.6rem;
  background: transparent;
  padding: 0.75rem;
  margin-left: -0.75rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-color);
}
.new__button::before,
.more__button::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0.75rem;
  width: calc(100% - 1.5rem);
  height: 1px;
  background-color: black;
  transition: transform 0.22s;
}
.new__button:hover::before,
.more__button:hover::before {
  transform: translateY(4px);
}
.new__button::before,
.more__button::before {
  background-color: var(--text-color);
}
.new__button::after,
.more__button::after {
  content: "";
  background-color: var(--main-color);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  z-index: -1;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: transform 0.22s;
}
.new__button:hover::after,
.more__button:hover::after {
  transform: translate(-50%, -50%) scale(1.2);
}
.new__background,
.more__background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #f4f4f4;
  z-index: -1;
}
.new > h2,
.more > h2 {
  flex: 0 0 100%;
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.new__boxes,
.more__boxes {
  margin-top: 3rem;
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .new__boxes,
  .more__boxes {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
  }
}
@media all and (min-width: 64em) {
  .new__boxes,
  .more__boxes {
    margin-top: 3.6rem;
  }
}
.new__boxes__box,
.more__boxes__box {
  padding-bottom: 3rem;
  transition: opacity 0.4s, transform 0.3s;
}
@media all and (min-width: 38.75em) {
  .new__boxes__box,
  .more__boxes__box {
    border-bottom: 1px solid #000;
  }
}
.new__boxes__box--hidden,
.more__boxes__box--hidden {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
}
.new__boxes__box a,
.more__boxes__box a {
  color: #000;
}
.new__boxes__box:hover .new__boxes__box__image__link::after, .new__boxes__box:hover .more__boxes__box__image__link::after,
.more__boxes__box:hover .new__boxes__box__image__link::after,
.more__boxes__box:hover .more__boxes__box__image__link::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.new__boxes__box:nth-child(n+2),
.more__boxes__box:nth-child(n+2) {
  margin-top: 3rem;
}
.new__boxes__box:nth-child(n+2) .new__boxes__box__image p,
.more__boxes__box:nth-child(n+2) .new__boxes__box__image p {
  position: unset;
  display: inline;
}
.new__boxes__box:nth-child(n+2) p,
.more__boxes__box:nth-child(n+2) p {
  display: none;
}
.new__boxes__box:nth-child(n+2) h2,
.more__boxes__box:nth-child(n+2) h2 {
  margin-top: 2.5rem;
}
.new__boxes__box:nth-last-child(1),
.more__boxes__box:nth-last-child(1) {
  border-bottom: none;
}
@media all and (min-width: 38.75em) {
  .new__boxes__box,
  .more__boxes__box {
    border-bottom: none;
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 47.30355%;
  }
  .new__boxes__box:nth-child(2),
  .more__boxes__box:nth-child(2) {
    margin-top: 0px;
  }
  .new__boxes__box:nth-child(2n+2),
  .more__boxes__box:nth-child(2n+2) {
    width: 47.30355%;
    margin-left: 0%;
    margin-right: 0px;
  }
  .new__boxes__box:nth-child(n+2) .new__boxes__box__image p,
  .more__boxes__box:nth-child(n+2) .new__boxes__box__image p {
    position: absolute;
    display: inline;
  }
  .new__boxes__box:nth-child(n+2) p,
  .more__boxes__box:nth-child(n+2) p {
    display: block;
  }
  .new__boxes__box:nth-child(n+2) h2,
  .more__boxes__box:nth-child(n+2) h2 {
    margin-top: 2.5rem;
  }
}
@media all and (min-width: 64em) {
  .new__boxes__box,
  .more__boxes__box {
    width: 29.9802%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 29.9802%;
  }
  .new__boxes__box:nth-child(3),
  .more__boxes__box:nth-child(3) {
    margin-top: 0px;
  }
  .new__boxes__box:nth-child(2n+2),
  .more__boxes__box:nth-child(2n+2) {
    width: 29.9802%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .new__boxes__box:nth-child(3n+3),
  .more__boxes__box:nth-child(3n+3) {
    width: 29.9802%;
    margin-left: 0%;
    flex: 0 0 29.9802%;
    margin-right: 0;
  }
}
.new__boxes__box__image,
.more__boxes__box__image {
  position: relative;
}
.new__boxes__box__image__link,
.more__boxes__box__image__link {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.new__boxes__box__image__link img:not(.hero-badge),
.more__boxes__box__image__link img:not(.hero-badge) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.new__boxes__box__image__link::after,
.more__boxes__box__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.new__boxes__box__image__category,
.more__boxes__box__image__category {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: var(--main-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
  color: var(--text-color);
}
.new__boxes__box h2,
.more__boxes__box h2 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  text-decoration: underline;
  margin-top: 2.5rem;
}
.new__boxes__box h2 em,
.more__boxes__box h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
@media all and (min-width: 64em) {
  .new__boxes__box h2,
  .more__boxes__box h2 {
    margin-top: 2rem;
  }
}
.new__boxes__box h2 a,
.more__boxes__box h2 a {
  color: #000;
}
.new__boxes__box h2 a i,
.more__boxes__box h2 a i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.new__boxes__box__authors,
.more__boxes__box__authors {
  margin-top: 1rem;
}
.new__boxes__box__authors > p,
.more__boxes__box__authors > p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline !important;
}
.new__boxes__box__authors a,
.more__boxes__box__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.new__boxes__box p, .new__boxes__box a p em,
.more__boxes__box p,
.more__boxes__box a p em {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.new__boxes__box p i,
.new__boxes__box p em, .new__boxes__box a p em i,
.new__boxes__box a p em em,
.more__boxes__box p i,
.more__boxes__box p em,
.more__boxes__box a p em i,
.more__boxes__box a p em em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.new__boxes__box p b,
.new__boxes__box p strong, .new__boxes__box a p em b,
.new__boxes__box a p em strong,
.more__boxes__box p b,
.more__boxes__box p strong,
.more__boxes__box a p em b,
.more__boxes__box a p em strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.new__boxes__box p a, .new__boxes__box a p em a,
.more__boxes__box p a,
.more__boxes__box a p em a {
  color: #000;
  text-decoration: none;
}
.new__boxes__box a,
.more__boxes__box a {
  text-decoration: none;
}
.new__boxes__box a p em,
.more__boxes__box a p em {
  font-family: "addingtoncf-light-italic", serif;
  text-decoration: none;
  color: #000;
}

.more {
  padding-bottom: 32px;
  margin-bottom: 120px;
}
@media all and (min-width: 64em) {
  .more {
    margin-bottom: 200px;
  }
}
.more__boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 5rem;
}
.more__boxes__box {
  margin-top: 0px !important;
  flex: unset !important;
  margin: 0px !important;
  padding-bottom: 0px !important;
}
@media all and (min-width: 64em) {
  .more__boxes__box {
    width: 21.227725%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box:nth-child(2n+2) {
    width: 21.227725%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box:nth-child(3n+3) {
    width: 21.227725%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .more__boxes__box--2 {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box--2:nth-child(2n+2) {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box--2:nth-child(3n+3) {
    width: 47.48515%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .more__boxes__box--3 {
    width: 29.9802%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box--3:nth-child(2n+2) {
    width: 29.9802%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
  .more__boxes__box--3:nth-child(3n+3) {
    width: 29.9802%;
    margin-left: 0%;
  }
}

.featured-section {
  margin-top: 5rem;
}
@media all and (min-width: 64em) {
  .featured-section {
    margin-top: 5rem;
  }
}
.featured-section .featured__titles h2,
.featured-section .featured > h2,
.featured-section h3 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
@media all and (min-width: 64em) {
  .featured-section .featured__titles h2,
  .featured-section .featured > h2,
  .featured-section h3 {
    display: block;
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
  }
}
.featured-section h3 {
  display: none;
  margin-bottom: 3.5rem;
}
@media all and (min-width: 64em) {
  .featured-section h3 {
    display: block;
    margin-bottom: 0px;
  }
}
.featured-section .featured > h2 {
  margin-bottom: 3.5rem;
}
@media all and (min-width: 64em) {
  .featured-section .featured > h2 {
    display: none;
    margin-bottom: 0px;
  }
}

.featured {
  justify-content: space-between;
}
.featured__titles {
  margin-bottom: 3.5rem;
  display: flex;
  justify-content: space-between;
}
@media all and (min-width: 64em) {
  .featured__titles {
    margin-bottom: 4rem;
  }
}
@media all and (min-width: 64em) {
  .featured {
    display: flex;
  }
}
.featured__long_read {
  margin-bottom: 5rem;
}
@media all and (min-width: 64em) {
  .featured__long_read {
    margin-bottom: 0px;
  }
}
@media all and (min-width: 64em) {
  .featured__long_read + h2 {
    display: none;
  }
}
@media all and (min-width: 64em) {
  .featured__long_read {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
  }
}
.featured__long_read a {
  text-decoration: none;
}
.featured__long_read em {
  font-family: "addingtoncf-light-italic", serif;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 1.4444444444;
}
@media all and (min-width: 64em) {
  .featured__long_read__wrapper--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
  }
}
.featured__long_read__wrapper:hover .featured__long_read__wrapper__image__link::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.featured__long_read__wrapper__image {
  display: block;
  position: relative;
}
.featured__long_read__wrapper__image__link {
  display: block;
  position: relative;
}
.featured__long_read__wrapper__image__link img:not(.hero-badge) {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.featured__long_read__wrapper__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.featured__long_read__wrapper__image__category {
  position: absolute;
  top: 10px;
  right: 8px;
  background-color: var(--main-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
  color: var(--text-color);
}
.featured__long_read__wrapper h2 {
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
  text-decoration: underline;
  margin-top: 2.5rem;
}
@media all and (min-width: 105em) {
  .featured__long_read__wrapper h2 {
    font-size: 58px;
  }
}
.featured__long_read__wrapper h2 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
@media all and (min-width: 64em) {
  .featured__long_read__wrapper h2 {
    margin-top: 2rem;
  }
}
.featured__long_read__wrapper h2 i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 105em) {
  .featured__long_read__wrapper h2 i {
    font-size: 58px;
  }
}
.featured__long_read__wrapper h2 a {
  color: #000;
}
.featured__long_read__wrapper__authors {
  margin-top: 1rem;
}
.featured__long_read__wrapper__authors p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline;
}
.featured__long_read__wrapper__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.featured__long_read__wrapper > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.featured__long_read__wrapper > p i,
.featured__long_read__wrapper > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.featured__long_read__wrapper > p b,
.featured__long_read__wrapper > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.featured__long_read__wrapper > p a {
  color: #000;
  text-decoration: none;
}
.featured__news {
  margin-bottom: 5rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media all and (min-width: 38.75em) {
  .featured__news {
    display: flex;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 64em) {
  .featured__news {
    width: 47.48515%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
    margin-bottom: 0px;
  }
}
.featured__news__box:nth-of-type(n + 2) {
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .featured__news__box:nth-of-type(n + 2) {
    margin-top: 0px;
  }
}
@media all and (min-width: 38.75em) {
  .featured__news__box {
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 47.30355%;
  }
  .featured__news__box:nth-of-type(2n + 2) {
    width: 47.30355%;
    margin-left: 0%;
    flex: 0 0 47.30355%;
    margin-right: 0px;
  }
  .featured__news__box:nth-of-type(n + 3) {
    margin-top: 4.1rem;
  }
}
@media all and (min-width: 64em) {
  .featured__news__box {
    width: 44.9703%;
    margin-right: 10.0594%;
    margin-left: 0%;
    flex: 0 0 44.9703%;
  }
  .featured__news__box:nth-of-type(2n + 2) {
    width: 44.9703%;
    margin-left: 0%;
    flex: 0 0 44.9703%;
    margin-right: 0px;
  }
  .featured__news__box:nth-of-type(n + 3) {
    margin-top: 5rem;
  }
}
.featured__news__box:hover .featured__news__box__image__link::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.featured__news__box__image {
  display: block;
  position: relative;
  width: 47.8462%;
  margin-left: 0%;
}
@media all and (min-width: 38.75em) {
  .featured__news__box__image {
    width: 100%;
    margin: 0;
  }
}
.featured__news__box__image__link {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.featured__news__box__image__link img:not(.hero-badge) {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured__news__box__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.featured__news__box__image__category {
  position: absolute;
  top: 0px;
  right: -10px;
  transform: translateX(100%);
  background-color: var(--main-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .featured__news__box__image__category {
    transform: translateX(0px);
    top: 10px;
    right: 10px;
    right: auto;
  }
}
@media all and (min-width: 64em) {
  .featured__news__box__image__category {
    left: auto;
    right: 10px;
  }
}
.featured__news__box h2 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  text-decoration: underline;
  margin-top: 2.5rem;
}
.featured__news__box h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
@media all and (min-width: 64em) {
  .featured__news__box h2 {
    margin-top: 2rem;
  }
}
.featured__news__box h2:hover .featured__news__box__image::after {
  border: 5px solid var(--main-color);
  transition: border 0.3s ease-in-out;
}
.featured__news__box h2 a {
  color: #000;
}
.featured__news__box h2 a i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.featured__news__box__authors {
  margin-top: 1rem;
}
.featured__news__box__authors p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline;
}
.featured__news__box__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.featured__news__box > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.featured__news__box > p i,
.featured__news__box > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.featured__news__box > p b,
.featured__news__box > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.featured__news__box > p a {
  color: #000;
  text-decoration: none;
}
.featured__news__box a {
  color: #000;
  text-decoration: none;
}
.featured__news__box em {
  font-family: "addingtoncf-light-italic", serif;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 1.4444444444;
}
@media all and (min-width: 38.75em) {
  .featured__news--1 .featured__news__box {
    width: 100%;
    margin-right: 10.7858%;
    margin-left: 0%;
    flex: unset;
    margin-right: 0px;
  }
  .featured__news--1 .featured__news__box:not(:first-of-type) {
    margin-top: 5rem;
  }
}
@media all and (min-width: 64em) {
  .featured__news--1 .featured__news__box {
    width: 100%;
    margin-right: 10.0594%;
    margin-left: 0%;
    flex: unset;
    margin-right: 0px;
  }
  .featured__news--1 .featured__news__box:not(:first-of-type) {
    margin-top: 5rem;
  }
}
@media all and (min-width: 38.75em) {
  .featured__news--3 {
    display: flex;
    justify-content: space-between;
  }
}
@media all and (min-width: 64em) {
  .featured__news--3 .featured__news__box {
    margin-right: 0 !important;
    flex: unset;
    width: 26.6270666667%;
    margin-right: 10.0594%;
    margin-left: 0%;
  }
  .featured__news--3 .featured__news__box:nth-of-type(n + 3) {
    margin-top: 0rem;
  }
  .featured__news--3 .featured__news__box:nth-of-type(n + 4) {
    margin-top: 5rem;
  }
}
@media all and (min-width: 38.75em) {
  .featured__news--2 {
    display: flex;
    justify-content: space-between;
  }
}
.featured__news--2 .featured__news__box {
  margin-right: 0 !important;
}
@media all and (min-width: 64em) {
  .featured__news--2 .featured__news__box {
    width: 44.9703%;
    margin-right: 10.0594%;
    margin-left: 0%;
    flex: unset;
    margin-right: 10.0594%;
  }
}

.introduction {
  position: relative;
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .introduction:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media all and (min-width: 64em) {
  .introduction {
    width: 82.49505%;
    margin-left: 0%;
    margin: 0 auto;
  }
}
@media all and (min-width: 64em) {
  .introduction__head {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
    margin-top: 6.6rem;
    float: left;
    margin-bottom: 2rem;
  }
}
.introduction__head h1 {
  margin-top: 1.2rem;
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 105em) {
  .introduction__head h1 {
    font-size: 58px;
  }
}
.introduction__head h1 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
.introduction__head h1 i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 105em) {
  .introduction__head h1 i {
    font-size: 58px;
  }
}
.introduction__head p {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.11px;
}
.introduction__head p i,
.introduction__head p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.introduction__image {
  position: relative;
  width: 82.6154%;
  margin-left: 0%;
  margin: 3rem auto 0px;
  border-bottom: 1px solid #000;
}
@media all and (min-width: 38.75em) {
  .introduction__image {
    width: 47.30355%;
    margin-left: 0%;
    margin-left: 5.3929%;
    margin-bottom: 5.3rem;
    float: right;
  }
}
@media all and (min-width: 64em) {
  .introduction__image {
    position: -webkit-sticky;
    position: sticky;
    top: 97px;
    width: 36.378616%;
    margin-left: 0%;
    margin-top: 4.8rem;
    margin-bottom: 0px;
  }
}
.introduction__image__wrapper {
  position: relative;
  display: block;
}
.introduction__image .image-caption {
  margin: 1.2rem 0 0 0;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .introduction__image .image-caption {
    margin: 1.2rem 0 0 0;
  }
}
.introduction__image .image-caption a[target=_blank] {
  display: inline-flex;
  align-items: baseline;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.introduction__image .image-caption a[target=_blank]:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.introduction__image .image-caption a[target=_blank]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  align-self: flex-end;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-23.000000, -1916.000000)'%3e %3cg id='Group-3' transform='translate(25.000000, 1916.000000)'%3e %3crect id='Rectangle' stroke='%23000000' x='4.5' y='0.5' width='21' height='13' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' stroke='%23FFFFFF' stroke-width='2' fill='%23000000' x='-1' y='3' width='24' height='16' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='2' y='6' width='18' height='10' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.introduction__image .image-caption.var_margin {
  margin: 1.2rem 0;
}
.introduction__image .image-authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin: 0.2rem 0 1rem 0;
}
@media all and (min-width: 38.75em) {
  .introduction__image .image-authors {
    margin: 0.4rem 0 1.2rem 0;
  }
}
.introduction__image .image-authors span {
  opacity: 0.5;
}
.introduction__image .image-authors a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  display: inline;
  text-decoration: none;
  padding: 2px 3px 2px 5px;
}
.introduction__image .image-authors a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.introduction__image .image-authors a:hover {
  background-color: var(--main-color) !important;
}
.introduction__image .image-authors a + span {
  margin-left: 0px !important;
}
.introduction__image .image-authors a:first-of-type {
  margin-left: -2px !important;
}
.introduction__image .image-authors a[target=_blank] {
  display: inline !important;
  word-break: break-word !important;
}
.introduction__image .image-authors a[target=_blank]::before {
  display: none !important;
}
.introduction__image img:not(.hero-badge) {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/4;
}
.introduction h3 {
  margin-top: 2.6rem;
}
@media all and (min-width: 38.75em) {
  .introduction h3 {
    margin-top: 3rem;
  }
}
@media all and (min-width: 64em) {
  .introduction h3 {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
    margin-top: 0px;
  }
}
.introduction > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.introduction > p:empty {
  display: none;
}
@media all and (min-width: 64em) {
  .introduction > p {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.introduction > p i,
.introduction > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.introduction > p b,
.introduction > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .introduction > p {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
  }
}
.introduction > p a {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
@media all and (min-width: 64em) {
  .introduction > p a {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
@media all and (min-width: 38.75em) {
  .introduction > p a {
    max-width: 60%;
  }
}
@media all and (min-width: 64em) {
  .introduction > p a {
    max-width: 31%;
  }
}
.introduction > p a:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.introduction ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .introduction ol {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .introduction ol {
    margin-left: 3.7em;
  }
}
.introduction ol sup,
.introduction ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.introduction ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .introduction ol li {
    padding-left: 5px;
  }
}
@media all and (min-width: 38.75em) {
  .introduction ol {
    padding-right: 2.4rem;
  }
}
.introduction ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .introduction ol li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.introduction ol li i,
.introduction ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.introduction ol li b,
.introduction ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.introduction ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .introduction ul {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .introduction ul {
    margin-left: 4.2em;
  }
}
.introduction ul sup,
.introduction ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
@media all and (min-width: 38.75em) {
  .introduction ul {
    padding-right: 2.4rem;
  }
}
.introduction ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .introduction ul li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.introduction ul li i,
.introduction ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.introduction ul li b,
.introduction ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.introduction > h1 {
  font-family: "addingtoncf-medium", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
  margin-top: 3rem;
}
@media all and (min-width: 38.75em) {
  .introduction > h1 {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .introduction > h1 {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
@media all and (min-width: 64em) {
  .introduction > h1 {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
  }
}
.introduction a:not(.zoom_btn) {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.introduction a:not(.zoom_btn):hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.introduction a[target=_blank]:not(.zoom_btn)::before {
  content: "";
  display: inline-block;
  position: relative;
  transform: translateY(2px);
  width: 2.2rem;
  height: 1.4rem;
  margin-right: 0.8rem;
  background: url("data:image/svg+xml,%3csvg width='20px' height='14px' viewBox='0 0 20 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-1680' transform='translate(-383.000000, -1402.000000)'%3e %3cg id='Group-17' transform='translate(348.000000, 1208.000000)'%3e %3cg id='Group-6' transform='translate(35.000000, 187.000000)'%3e %3cg id='Group-3' transform='translate(0.000000, 7.000000)'%3e %3cpath d='M16.9229231,10.769 L4.61538462,10.7692308 C3.76571577,10.7692308 3.07692308,10.0804381 3.07692308,9.23076923 L3.07692308,3.076 L3.84615385,3.07692308 L3.84615385,9.23076923 C3.84615385,9.62525834 4.14310784,9.95039012 4.52567606,9.99482482 L4.61538462,10 L16.9230769,10 L16.9229231,10.769 Z M19.2255941,9.32047779 L19.2307692,9.23076923 L19.2307692,1.53846154 C19.2307692,1.14397243 18.9338152,0.818840646 18.551247,0.774405947 L18.4615385,0.769230769 L4.61538462,0.769230769 C4.22089551,0.769230769 3.89576372,1.06618476 3.85132902,1.44875298 L3.84615385,1.53846154 L3.07692308,1.53846154 C3.07692308,0.688792693 3.76571577,0 4.61538462,0 L18.4615385,0 C19.3112073,0 20,0.688792693 20,1.53846154 L20,9.23076923 C20,10.0804381 19.3112073,10.7692308 18.4615385,10.7692308 L18.4615385,10 C18.8560276,10 19.1811594,9.70304601 19.2255941,9.32047779 Z' id='Combined-Shape' fill='%23000000' fill-rule='nonzero'%3e%3c/path%3e %3crect id='Rectangle' fill='%23000000' x='0' y='3.07692308' width='16.9230769' height='10.7692308' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='1.53846154' y='4.61538462' width='13.8461538' height='7.69230769' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center no-repeat;
}
.introduction .introduction-socials {
  margin-left: 0px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.zoom_btn {
  display: block;
  position: absolute;
  bottom: 6px;
  right: 10px;
  width: 28px;
  height: 28px;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: var(--main-color);
}
@media all and (min-width: 38.75em) {
  .zoom_btn {
    bottom: 16px;
  }
}
.zoom_btn:hover div {
  transform: rotate(-90deg) scale(0.8);
}
.zoom_btn > div {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.22s;
}
.zoom_btn > div span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
  background-color: #000;
}
.zoom_btn > div span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.lightbox {
  display: none;
  position: fixed;
  z-index: 110;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lightbox img {
  box-shadow: 0px 0px 0px 1200px rgba(0, 0, 0, 0.8);
  max-height: 90vh;
  max-width: 80vw;
  width: 80vw;
}
@media all and (min-width: 38.75em) {
  .lightbox img {
    max-width: 60vw;
    width: auto;
  }
}
@media all and (min-width: 64em) {
  .lightbox img {
    max-width: 60vw;
  }
}
.lightbox--close {
  display: block;
  position: absolute;
  top: -6rem;
  transform: translateY(100%);
  right: -1.4rem;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}
@media all and (min-width: 38.75em) {
  .lightbox--close {
    top: -1.4rem;
    right: -10vw;
  }
}
.lightbox--close::before, .lightbox--close::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2px;
  background-color: #fff;
  transition: color 0.22s;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.lightbox--close::after {
  transform: translate(-50%, -120%) rotate(45deg);
}
.lightbox--close:hover::before, .lightbox--close:hover::after {
  background-color: var(--main-color);
}

.introduction-subtitle {
  font-family: "addingtoncf-medium", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .introduction-subtitle {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .introduction-subtitle {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
.introduction-subtitle i {
  font-family: "addingtoncf-mediumitalic", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .introduction-subtitle i {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .introduction-subtitle i {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}

.introduction-authors__alt {
  margin-top: 0px;
  margin-bottom: 2rem;
}
.introduction-authors__alt .tripple__left__author {
  border-right: 0px;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 3rem;
}
@media all and (min-width: 38.75em) {
  .introduction-authors__alt .tripple__left__author {
    align-items: center;
    margin-bottom: 0px;
  }
}
@media all and (min-width: 76.5em) {
  .introduction-authors__alt .tripple__left__author {
    padding: 3rem 0px 1rem;
  }
}
.introduction-authors__alt .tripple__left__author .tripple__left__author--image {
  margin-left: 0px;
}
@media all and (min-width: 76.5em) {
  .introduction-authors__alt .tripple__left__author + _.tripple__left__author {
    padding-top: 1rem;
  }
}

.introduction .tripple__left__author-names {
  flex-direction: row;
  gap: 5px;
  white-space: nowrap;
  word-break: keep-all;
}

.alternative_introduction {
  position: relative;
}
@media all and (min-width: 64em) {
  .alternative_introduction {
    margin-bottom: 7rem;
  }
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container {
    display: flex;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container {
    padding-top: 7.2rem;
    height: auto;
  }
}
.alternative_introduction__container__image {
  position: relative;
}
.alternative_introduction__container__image--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  transition: top 0.26s ease-out 0s;
}
.alternative_introduction__container__image--sticky.shift {
  top: 192px;
  transition: top 0.4s;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__image {
    width: 47.30355%;
    margin-left: 0%;
    flex: 0 0 47.30355%;
    order: 2;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__image {
    width: 47.48515%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
  }
}
.alternative_introduction__container__image__wrapper {
  position: relative;
  display: block;
}
.alternative_introduction__container__image img:not(.hero-badge) {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.alternative_introduction__container__image .image-caption {
  margin: 1.2rem 0 0 0;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__image .image-caption {
    margin: 1.2rem 0 0 0;
  }
}
.alternative_introduction__container__image .image-caption a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.alternative_introduction__container__image .image-caption a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.alternative_introduction__container__image .image-caption a[target=_blank] {
  display: inline-flex;
  align-items: baseline;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.alternative_introduction__container__image .image-caption a[target=_blank]:hover {
  background-color: var(--main-color);
  color: var(--text-color);
  transition: background-color 0.3s ease-in-out;
}
.alternative_introduction__container__image .image-caption a[target=_blank]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  align-self: flex-end;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-23.000000, -1916.000000)'%3e %3cg id='Group-3' transform='translate(25.000000, 1916.000000)'%3e %3crect id='Rectangle' stroke='%23000000' x='4.5' y='0.5' width='21' height='13' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' stroke='%23FFFFFF' stroke-width='2' fill='%23000000' x='-1' y='3' width='24' height='16' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='2' y='6' width='18' height='10' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.alternative_introduction__container__image .image-caption.var_margin {
  margin: 1.2rem 0;
}
.alternative_introduction__container__image .image-authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin: 0.2rem 0 1rem 0;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__image .image-authors {
    margin: 0.4rem 0 1.2rem 0;
  }
}
.alternative_introduction__container__image .image-authors span {
  opacity: 0.5;
}
.alternative_introduction__container__image .image-authors a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  display: inline;
  text-decoration: none;
  padding: 2px 3px 2px 5px;
}
.alternative_introduction__container__image .image-authors a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.alternative_introduction__container__image .image-authors a:hover {
  background-color: var(--main-color) !important;
}
.alternative_introduction__container__image .image-authors a + span {
  margin-left: 0px !important;
}
.alternative_introduction__container__image .image-authors a:first-of-type {
  margin-left: -2px !important;
}
.alternative_introduction__container__image .image-authors a[target=_blank] {
  display: inline !important;
  word-break: break-word !important;
}
.alternative_introduction__container__image .image-authors a[target=_blank]::before {
  display: none !important;
}
.alternative_introduction__container__content {
  text-align: center;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content {
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 47.30355%;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content {
    width: 38.732675%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 38.73268%;
    padding: 0px 10px;
  }
}
.alternative_introduction__container__content--sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
}
.alternative_introduction__container__content--sticky > .text:empty {
  display: none;
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1), .alternative_introduction__container__content--sticky > .text:nth-of-type(2), .alternative_introduction__container__content--sticky > .text:nth-of-type(3), .alternative_introduction__container__content--sticky > .text:nth-of-type(4) {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) > .initial-letter, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1), .alternative_introduction__container__content--sticky > .text:nth-of-type(2), .alternative_introduction__container__content--sticky > .text:nth-of-type(3), .alternative_introduction__container__content--sticky > .text:nth-of-type(4) {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) i,
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) em, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) i,
.alternative_introduction__container__content--sticky > .text:nth-of-type(2) em, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) i,
.alternative_introduction__container__content--sticky > .text:nth-of-type(3) em, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) i,
.alternative_introduction__container__content--sticky > .text:nth-of-type(4) em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) b,
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) strong, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) b,
.alternative_introduction__container__content--sticky > .text:nth-of-type(2) strong, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) b,
.alternative_introduction__container__content--sticky > .text:nth-of-type(3) strong, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) b,
.alternative_introduction__container__content--sticky > .text:nth-of-type(4) strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1), .alternative_introduction__container__content--sticky > .text:nth-of-type(2), .alternative_introduction__container__content--sticky > .text:nth-of-type(3), .alternative_introduction__container__content--sticky > .text:nth-of-type(4) {
    margin-top: 2rem;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1), .alternative_introduction__container__content--sticky > .text:nth-of-type(2), .alternative_introduction__container__content--sticky > .text:nth-of-type(3), .alternative_introduction__container__content--sticky > .text:nth-of-type(4) {
    margin-top: 3.625rem;
    min-width: 340px;
  }
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) a {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) a {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) a {
    max-width: 60%;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content--sticky > .text:nth-of-type(1) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) a, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) a {
    max-width: 31%;
  }
}
.alternative_introduction__container__content--sticky > .text:nth-of-type(1) a:hover, .alternative_introduction__container__content--sticky > .text:nth-of-type(2) a:hover, .alternative_introduction__container__content--sticky > .text:nth-of-type(3) a:hover, .alternative_introduction__container__content--sticky > .text:nth-of-type(4) a:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.alternative_introduction__container__content__date {
  position: relative;
  padding: 0rem 3.7rem;
  margin: 0 2.4691%;
  z-index: 2;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content__date {
    padding: 2rem 0 3.7rem;
    position: static;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }
}
.alternative_introduction__container__content__date > .text {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.11px;
}
.alternative_introduction__container__content__date > .text i,
.alternative_introduction__container__content__date > .text em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.alternative_introduction__container__content h1 {
  position: relative;
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
  z-index: 3;
  margin-top: 2.5rem;
}
@media all and (min-width: 105em) {
  .alternative_introduction__container__content h1 {
    font-size: 58px;
  }
}
.alternative_introduction__container__content h1 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content h1 {
    position: static;
    margin-top: 3rem;
  }
}
.alternative_introduction__container__content h1 i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 105em) {
  .alternative_introduction__container__content h1 i {
    font-size: 58px;
  }
}
.alternative_introduction__container__content h1 b {
  font-family: "EB Garamond Bold", "addingtoncf-bold", serif;
}
.alternative_introduction__container__content ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content ol {
    margin-left: 3.7em;
  }
}
.alternative_introduction__container__content ol sup,
.alternative_introduction__container__content ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.alternative_introduction__container__content ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content ol li {
    padding-left: 5px;
  }
}
.alternative_introduction__container__content ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content ol li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.alternative_introduction__container__content ol li i,
.alternative_introduction__container__content ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.alternative_introduction__container__content ol li b,
.alternative_introduction__container__content ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.alternative_introduction__container__content ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content ul {
    margin-left: 4.2em;
  }
}
.alternative_introduction__container__content ul sup,
.alternative_introduction__container__content ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.alternative_introduction__container__content ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content ul li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.alternative_introduction__container__content ul li i,
.alternative_introduction__container__content ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.alternative_introduction__container__content ul li b,
.alternative_introduction__container__content ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.alternative_introduction__container__content__authors {
  margin-top: 1rem;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content__authors {
    margin-top: 1.5rem;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content__authors {
    margin-top: 1.8rem;
  }
}
.alternative_introduction__container__content__authors .text {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline;
}
.alternative_introduction__container__content__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  transition: opacity 0.22s;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.alternative_introduction__container__content__authors a > .text {
  margin-left: 0.333em;
}
.alternative_introduction__container__content__authors a:hover {
  opacity: 0.8;
}
.alternative_introduction__container__content .introduction-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  margin: 2rem auto 0;
  border: 1px solid #000;
}
.alternative_introduction__container__content .introduction-socials.introduction {
  margin: 2rem 0 1rem;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content .introduction-socials {
    width: 175px;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction__container__content .introduction-socials {
    width: 197px;
    margin: 3rem auto 0;
  }
}
.alternative_introduction__container__content .introduction-socials__item {
  flex: 0 0 33.33%;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 9px 0px;
  cursor: pointer;
}
.alternative_introduction__container__content .introduction-socials__item.var_copied .text {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction__container__content .introduction-socials__item {
    padding: 12px 0px;
  }
}
.alternative_introduction__container__content .introduction-socials__item:hover span {
  transform: scale(0.86);
}
.alternative_introduction__container__content .introduction-socials__item span {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.22s;
}
.alternative_introduction__container__content .introduction-socials__item > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  background-color: var(--main-color);
  padding: 15px 10px;
  font-family: "articulatcf-regular";
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.alternative_introduction__container__content .introduction-socials__item:nth-child(1) {
  border-right: 1px solid #000;
}
.alternative_introduction__container__content .introduction-socials__item:nth-child(1) span {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg width='22px' height='18px' viewBox='0 0 22 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3esocial/twitter%3c/title%3e %3cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-304.000000, -901.000000)' fill='%23000000'%3e %3cg id='table' transform='translate(25.000000, 733.000000)'%3e %3cg id='social/twitter' transform='translate(279.000000, 168.000000)'%3e %3cpath d='M22,2.10776087 C21.1908125,2.46521739 20.3204375,2.70694565 19.4074375,2.81582609 C20.3396875,2.25909783 21.055375,1.37846739 21.39225,0.328695652 C20.5205,0.843652174 19.553875,1.21754348 18.5260625,1.41955435 C17.7024375,0.545771739 16.5295625,0 15.2315625,0 C12.7386875,0 10.718125,2.01257609 10.718125,4.49559783 C10.718125,4.84757609 10.758,5.19065217 10.835,5.52003261 C7.0833125,5.33240217 3.757875,3.54238043 1.53175,0.822423913 C1.1433125,1.48666304 0.9205625,2.25909783 0.9205625,3.0828913 C0.9205625,4.6421413 1.717375,6.01855435 2.9280625,6.82454348 C2.1883125,6.80126087 1.4925625,6.59925 0.884125,6.26233696 C0.8834375,6.28151087 0.8834375,6.3 0.8834375,6.31917391 C0.8834375,8.49746739 2.43925,10.3141957 4.5045,10.7271196 C4.1256875,10.829837 3.7269375,10.8846196 3.315125,10.8846196 C3.0243125,10.8846196 2.74175,10.8565435 2.4660625,10.8045 C3.040125,12.590413 4.7073125,13.8901304 6.6825,13.9264239 C5.1376875,15.1323261 3.191375,15.850663 1.076625,15.850663 C0.71225,15.850663 0.353375,15.8294348 0,15.7883478 C1.9971875,17.063413 4.36975,17.8077717 6.919,17.8077717 C15.22125,17.8077717 19.7608125,10.9572065 19.7608125,5.01671739 C19.7608125,4.82155435 19.7566875,4.62776087 19.74775,4.43465217 C20.6298125,3.80122826 21.395,3.00961957 22,2.10776087' id='twitter'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-size: contain;
}
.alternative_introduction__container__content .introduction-socials__item:nth-child(2) {
  border-right: 1px solid #000;
}
.alternative_introduction__container__content .introduction-socials__item:nth-child(2) span {
  width: 9px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg width='9px' height='18px' viewBox='0 0 9 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ef_1_%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-1680' transform='translate(-505.000000, -850.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cpath d='M510.842252,868 L510.842252,859.789956 L513.494693,859.789956 L513.892638,856.589407 L510.842252,856.589407 L510.842252,854.546323 C510.842252,853.61998 511.088929,852.988688 512.369456,852.988688 L514,852.987991 L514,850.125307 C513.71802,850.087251 512.750084,850 511.623506,850 C509.271031,850 507.660485,851.491269 507.660485,854.229343 L507.660485,856.589407 L505,856.589407 L505,859.789956 L507.660485,859.789956 L507.660485,868 L510.842252,868 Z' id='f_1_'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.alternative_introduction__container__content .introduction-socials__item:nth-child(3) span {
  width: 25px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3csvg width='25px' height='9px' viewBox='0 0 25 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon-link%3c/title%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='share' transform='translate(-152.000000, -17.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cpath d='M159.470235,17 C159.96657,17 160.362753,17.4272603 160.362753,17.9477857 C160.362753,18.4282707 160.025176,18.8292872 159.582861,18.8881389 L159.470235,18.8955714 L156.186358,18.8955714 C154.863555,18.8955714 153.785036,20.0586916 153.785036,21.5 C153.785036,22.8177306 154.68965,23.9120424 155.862939,24.0814039 L156.024538,24.0986996 L156.186358,24.1044286 L163.280783,24.1044286 C164.603586,24.1044286 165.682105,22.9413084 165.682105,21.5 C165.682105,21.0484174 166.081234,20.765232 166.574623,20.765232 C167.068012,20.765232 167.467141,21.0484174 167.467141,21.5 C167.467141,23.9071362 165.707924,25.877292 163.490016,25.994485 L163.280783,26 L156.186358,26 C153.870886,26 152,23.9823592 152,21.5 C152,19.0928638 153.759217,17.122708 155.977125,17.005515 L156.186358,17 L159.470235,17 Z M172.813642,17 C175.129114,17 177,19.0176408 177,21.5 C177,23.9071362 175.240783,25.877292 173.022875,25.994485 L172.813642,26 L169.529765,26 C169.03343,26 168.637247,25.5727397 168.637247,25.0522143 C168.637247,24.5717293 168.974824,24.1707128 169.417139,24.1118611 L169.529765,24.1044286 L172.813642,24.1044286 C174.136445,24.1044286 175.214964,22.9413084 175.214964,21.5 C175.214964,20.1822694 174.31035,19.0879576 173.137061,18.9185961 L172.975462,18.9013004 L172.813642,18.8955714 L165.719217,18.8955714 C164.396414,18.8955714 163.317895,20.0586916 163.317895,21.5 C163.317895,21.9515826 162.918766,22.234768 162.425377,22.234768 C161.931988,22.234768 161.532859,21.9515826 161.532859,21.5 C161.532859,19.0928638 163.292076,17.122708 165.509984,17.005515 L165.719217,17 L172.813642,17 Z' id='icon-link'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.alternative_introduction--poetry .text--alt {
  width: unset;
  margin: 5rem auto 0;
}
.alternative_introduction--poetry .introduction-socials {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: 0px;
  background-color: white;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction--poetry .alternative_introduction__container__content {
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction--poetry .alternative_introduction__container__content {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 47.48515%;
    padding: 0px 10px;
  }
}
@media all and (min-width: 38.75em) {
  .alternative_introduction--poetry .alternative_introduction__container__image {
    width: 38.5208083333%;
    margin-left: 0%;
    flex: 0 0 38.73268%;
  }
}
@media all and (min-width: 64em) {
  .alternative_introduction--poetry .alternative_introduction__container__image {
    width: 38.732675%;
    margin-left: 0%;
    flex: 0 0 38.73268%;
  }
}
.alternative_introduction--poetry--left .tripple__left__author {
  text-align: left !important;
  align-items: center;
  display: flex;
  flex-direction: row !important;
}
.alternative_introduction--poetry--left .rating {
  margin-left: 0px !important;
}
.alternative_introduction--poetry--left .alternative_introduction__container__content {
  text-align: left;
}
.alternative_introduction--poetry--left .text {
  margin-left: 0px !important;
  margin-top: 4rem !important;
}
.alternative_introduction .rating {
  margin-left: auto;
  margin-right: auto;
}

.alternative_introduction .tripple__left__author {
  flex-direction: column;
  text-align: center;
  margin: 4rem 0rem;
  padding: 0px;
}
.alternative_introduction .tripple__left__author-names {
  flex-direction: row;
  justify-content: center;
  gap: 4px;
}

.image-introduction h1 {
  font-family: "articulatcf-bold";
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: 1.1875;
  width: 80%;
  max-width: 80rem;
  margin: 0 auto;
}
.image-introduction > h1 {
  margin-top: 3rem;
}
@media all and (min-width: 76.5em) {
  .image-introduction > h1 {
    margin-top: 3.5rem;
  }
}
.image-introduction .title-big {
  font-size: 3.2rem;
}
@media all and (min-width: 38.75em) {
  .image-introduction .title-big {
    font-size: calc(40px + 32 * (100vw - 375px) / 1305);
  }
}
.image-introduction .title-small {
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
}
.image-introduction__socials {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.image-introduction__socials .introduction-socials {
  margin: 0px;
  background-color: white;
}
.image-introduction__image {
  position: relative;
  display: block;
}
.image-introduction__image img:not(.hero-badge) {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2/1;
  min-height: 28rem;
}
.image-introduction__image h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-introduction__date {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.11px;
  text-align: center;
  margin-top: 1rem;
}
.image-introduction .image-caption {
  margin: 1.2rem 0 0 0;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .image-introduction .image-caption {
    margin: 1.2rem 0 0 0;
  }
}
.image-introduction .image-caption a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.image-introduction .image-caption a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.image-introduction .image-caption a[target=_blank] {
  display: inline-flex;
  align-items: baseline;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.image-introduction .image-caption a[target=_blank]:hover {
  background-color: var(--main-color);
  color: var(--text-color);
  transition: background-color 0.3s ease-in-out;
}
.image-introduction .image-caption a[target=_blank]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  align-self: flex-end;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-23.000000, -1916.000000)'%3e %3cg id='Group-3' transform='translate(25.000000, 1916.000000)'%3e %3crect id='Rectangle' stroke='%23000000' x='4.5' y='0.5' width='21' height='13' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' stroke='%23FFFFFF' stroke-width='2' fill='%23000000' x='-1' y='3' width='24' height='16' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='2' y='6' width='18' height='10' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.image-introduction .image-caption.var_margin {
  margin: 1.2rem 0;
}
.image-introduction .image-authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin: 0.2rem 0 1rem 0;
}
@media all and (min-width: 38.75em) {
  .image-introduction .image-authors {
    margin: 0.4rem 0 1.2rem 0;
  }
}
.image-introduction .image-authors span {
  opacity: 0.5;
}
.image-introduction .image-authors a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  display: inline;
  text-decoration: none;
  padding: 2px 3px 2px 5px;
}
.image-introduction .image-authors a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.image-introduction .image-authors a:hover {
  background-color: var(--main-color) !important;
}
.image-introduction .image-authors a + span {
  margin-left: 0px !important;
}
.image-introduction .image-authors a:first-of-type {
  margin-left: -2px !important;
}
.image-introduction .image-authors a[target=_blank] {
  display: inline !important;
  word-break: break-word !important;
}
.image-introduction .image-authors a[target=_blank]::before {
  display: none !important;
}
.image-introduction .introduction-authors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  white-space: no-wrap;
}
.image-introduction .detailed-authors .introduction-authors__alt {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  -moz-column-gap: 64px;
       column-gap: 64px;
  justify-content: center;
  flex-direction: row;
}
.image-introduction .detailed-authors .introduction-authors__alt .tripple__left__author {
  flex-direction: column;
  text-align: center;
  margin-bottom: 0px;
}
.image-introduction .detailed-authors .introduction-authors__alt .tripple__left__author-names {
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}
.image-introduction .detailed-authors .introduction-authors__alt .tripple__left__author--image {
  margin: 0 auto;
}

.alternative_introduction .rating,
.image-introduction .rating {
  margin: 1.25rem auto 0.75rem;
}
@media all and (min-width: 38.75em) {
  .alternative_introduction .rating,
  .image-introduction .rating {
    margin: 2rem auto;
  }
}

@media all and (min-width: 38.75em) {
  .image-introduction__image + .image-introduction__date {
    margin-top: 2rem;
  }
}

.text_image {
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .text_image {
    margin-top: 6rem;
  }
}
@media all and (min-width: 76.5em) {
  .text_image {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 17.50495%;
    display: flex;
  }
}
.text_image__image {
  border-bottom: 1px solid #000;
}
@media all and (min-width: 64em) {
  .text_image__image {
    width: 36.378616%;
    margin-left: 0%;
    flex: 0 0 36.37862%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    order: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 97px;
    height: 100%;
  }
}
.text_image__image img {
  display: block;
  width: 100%;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
.text_image__content {
  margin-top: 3.5rem;
}
@media all and (min-width: 38.75em) {
  .text_image__content {
    width: 82.4345166667%;
    margin-left: 0%;
    margin: 5.5rem auto 0px;
  }
}
@media all and (min-width: 64em) {
  .text_image__content {
    width: 57.585744%;
    margin-right: 6.03564%;
    margin-left: 0%;
    flex: 0 0 57.58574%;
    margin-top: 0px;
  }
}
.text_image__content a {
  color: #000;
  font-family: "addingtoncf-demibold", serif;
}
.text_image__content a:hover {
  background-color: var(--main-color);
}
.text_image__content p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text_image__content p {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_image__content p i,
.text_image__content p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_image__content p b,
.text_image__content p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text_image__content p > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .text_image__content p > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.text_image__content p:empty {
  display: none;
}
.text_image__content p:nth-of-type(n + 3) {
  margin-top: 1.5rem;
}
.text_image__content > h1 {
  font-family: "addingtoncf-medium", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
  margin-top: 3rem;
}
@media all and (min-width: 38.75em) {
  .text_image__content > h1 {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .text_image__content > h1 {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
.text_image__content > h1 i {
  font-family: "addingtoncf-mediumitalic", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .text_image__content > h1 i {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .text_image__content > h1 i {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
.text_image__content ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .text_image__content ol {
    margin-left: 3.7em;
  }
}
.text_image__content ol sup,
.text_image__content ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text_image__content ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .text_image__content ol li {
    padding-left: 5px;
  }
}
.text_image__content ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text_image__content ol li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_image__content ol li i,
.text_image__content ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_image__content ol li b,
.text_image__content ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text_image__content ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .text_image__content ul {
    margin-left: 4.2em;
  }
}
.text_image__content ul sup,
.text_image__content ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text_image__content ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text_image__content ul li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_image__content ul li i,
.text_image__content ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_image__content ul li b,
.text_image__content ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text_image .image-caption {
  margin: 1.2rem 0 0 0;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
}
@media all and (min-width: 38.75em) {
  .text_image .image-caption {
    margin: 1.2rem 0 0 0;
  }
}
.text_image .image-caption a[target=_blank] {
  display: inline-flex;
  align-items: baseline;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.text_image .image-caption a[target=_blank]:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.text_image .image-caption a[target=_blank]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  align-self: flex-end;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-23.000000, -1916.000000)'%3e %3cg id='Group-3' transform='translate(25.000000, 1916.000000)'%3e %3crect id='Rectangle' stroke='%23000000' x='4.5' y='0.5' width='21' height='13' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' stroke='%23FFFFFF' stroke-width='2' fill='%23000000' x='-1' y='3' width='24' height='16' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='2' y='6' width='18' height='10' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.text_image .image-caption.var_margin {
  margin: 1.2rem 0;
}
.text_image .image-authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin: 0.2rem 0 1rem 0;
}
@media all and (min-width: 38.75em) {
  .text_image .image-authors {
    margin: 0.4rem 0 1.2rem 0;
  }
}
.text_image .image-authors span {
  opacity: 0.5;
}
.text_image .image-authors a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  display: inline;
  text-decoration: none;
  padding: 2px 3px 2px 5px;
}
.text_image .image-authors a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.text_image .image-authors a:hover {
  background-color: var(--main-color) !important;
}
.text_image .image-authors a + span {
  margin-left: 0px !important;
}
.text_image .image-authors a:first-of-type {
  margin-left: -2px !important;
}
.text_image .image-authors a[target=_blank] {
  display: inline !important;
  word-break: break-word !important;
}
.text_image .image-authors a[target=_blank]::before {
  display: none !important;
}
.text_image blockquote {
  margin: 1rem 0px 2rem 1rem;
}

.text_with_annotation {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
@media all and (min-width: 38.75em) {
  .text_with_annotation {
    margin-top: 5rem;
    flex-direction: row;
  }
}
@media all and (min-width: 76.5em) {
  .text_with_annotation {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 17.50495%;
  }
}
@media all and (min-width: 38.75em) {
  .text_with_annotation__annotation {
    width: 32.78465625%;
    margin-right: 7.54455%;
    margin-left: 0%;
  }
}
.text_with_annotation__annotation__box {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  padding: 3.4rem 2rem;
  position: -webkit-sticky;
  position: sticky;
  top: 97px;
  text-decoration: none;
  color: inherit;
}
.text_with_annotation__annotation__box--link {
  transition: background-color 0.3s ease-in-out;
}
.text_with_annotation__annotation__box--link p.link {
  display: block;
  margin-top: 2rem;
  text-decoration: underline;
}
.text_with_annotation__annotation__box--link:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .text_with_annotation__annotation__box {
    padding: 3.4rem 2vw;
  }
}
.text_with_annotation__annotation__box h3 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.2083333333;
  position: relative;
  padding-bottom: 0.2rem;
}
@media all and (min-width: 38.75em) {
  .text_with_annotation__annotation__box h3 {
    font-size: 2.6rem;
    line-height: 1.1923076923;
  }
}
@media all and (min-width: 64em) {
  .text_with_annotation__annotation__box h3 {
    font-size: 3rem;
    line-height: 1.2666666667;
  }
}
.text_with_annotation__annotation__box h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.text_with_annotation__annotation__box--annotation {
  margin-top: 2.4rem;
}
.text_with_annotation__annotation__box--annotation .title {
  font-family: "addingtoncf-demibold", serif;
  font-size: 1.6rem;
  color: #000;
}
.text_with_annotation__annotation__box--annotation .description {
  word-break: break-word;
  margin-top: 0.8rem;
  font-family: "addingtoncf-light", serif;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.09px;
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
}
.text_with_annotation__annotation__box--annotation .description i,
.text_with_annotation__annotation__box--annotation .description em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_with_annotation__annotation__box--annotation .description .wp-caption,
.text_with_annotation__annotation__box--annotation .description img {
  width: 100%;
  height: auto;
  margin-top: 4px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
}
.text_with_annotation__annotation__box--annotation .description .wp-caption-text {
  display: none;
}
.text_with_annotation__annotation__box--annotation .description p {
  display: block;
  position: relative;
}
.text_with_annotation__annotation__box--annotation .description p a {
  display: inline;
}
.text_with_annotation__annotation__box--annotation a,
.text_with_annotation__annotation__box--annotation .link {
  position: relative;
  font-family: "addingtoncf-light", serif;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.09px;
  color: #000;
  display: inline;
  transition: background-color 0.3s ease-in-out;
  background-color: transparent;
  padding: 2px 0px;
}
.text_with_annotation__annotation__box--annotation a i,
.text_with_annotation__annotation__box--annotation a em,
.text_with_annotation__annotation__box--annotation .link i,
.text_with_annotation__annotation__box--annotation .link em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_with_annotation__annotation__box--annotation a:hover,
.text_with_annotation__annotation__box--annotation .link:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.text_with_annotation__text {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  width: 100%;
  margin-top: 2rem;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_with_annotation__text i,
.text_with_annotation__text em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_with_annotation__text b,
.text_with_annotation__text strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text_with_annotation__text h5,
.text_with_annotation__text h6 {
  margin-top: 3.5rem;
}
@media all and (min-width: 38.75em) {
  .text_with_annotation__text {
    width: 73.1138625%;
    margin-right: 7.54455%;
    margin-left: 0%;
    margin: 0;
  }
}
@media all and (min-width: 64em) {
  .text_with_annotation__text.text {
    width: 64.9901%;
    margin-left: 0%;
    margin-top: 0px;
  }
}
.text_with_annotation__text p {
  margin-top: 1.5rem;
}
.text_with_annotation__text p:nth-of-type(1) {
  margin-top: 0;
}
.text_with_annotation__text a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.text_with_annotation__text a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.text_with_annotation__text ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text ol {
    margin-left: 3.7em;
  }
}
.text_with_annotation__text ol sup,
.text_with_annotation__text ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text_with_annotation__text ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text ol li {
    padding-left: 5px;
  }
}
.text_with_annotation__text ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text ol li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_with_annotation__text ol li i,
.text_with_annotation__text ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_with_annotation__text ol li b,
.text_with_annotation__text ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text_with_annotation__text ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text ul {
    margin-left: 4.2em;
  }
}
.text_with_annotation__text ul sup,
.text_with_annotation__text ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text_with_annotation__text ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text_with_annotation__text ul li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text_with_annotation__text ul li i,
.text_with_annotation__text ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text_with_annotation__text ul li b,
.text_with_annotation__text ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}

.text {
  margin-top: 5rem;
}
.text h5,
.text h6 {
  padding-top: 2rem;
}
@media all and (min-width: 38.75em) {
  .text {
    width: 82.4345166667%;
    margin-left: 0%;
    margin: 6rem auto 0;
  }
}
@media all and (min-width: 64em) {
  .text {
    width: 47.48515%;
    margin-left: 0%;
    margin: 7rem auto 0;
  }
}
.text ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .text ol {
    margin-left: 3.7em;
  }
}
.text ol sup,
.text ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .text ol li {
    padding-left: 5px;
  }
}
.text ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text ol li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text ol li i,
.text ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text ol li b,
.text ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .text ul {
    margin-left: 4.2em;
  }
}
.text ul sup,
.text ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.text ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .text ul li {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text ul li i,
.text ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text ul li b,
.text ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
.text p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
@media all and (min-width: 64em) {
  .text p {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.text p i,
.text p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.text p b,
.text p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.text p > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .text p > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.text p:empty {
  display: none;
}
.text p img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4rem;
}
.text p a {
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.text p a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
  transition: background-color 0.3s ease-in-out;
}
.text > h1 {
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
  margin-top: 3rem;
}
@media all and (min-width: 105em) {
  .text > h1 {
    font-size: 58px;
  }
}
.text > h1 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
.text .video-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  margin: 16px 0px;
}
@media all and (min-width: 64em) {
  .text .video-container {
    margin: 32px 0px;
  }
}
.text .video-container iframe {
  position: absolute;
  height: 100%;
  width: 100%;
}
.text iframe:not(.twitter-tweet > iframe) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}

.annotation {
  width: 2rem;
  height: 2rem;
  background-color: var(--main-color);
  color: black;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
  padding-top: 2px;
  font-family: "articulatcf-bold", serif;
}

.quote {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 82.6154%;
  margin-left: 0%;
  margin: 5rem auto 0;
  padding: 5rem 0;
}
@media all and (min-width: 38.75em) {
  .quote {
    width: 82.4345166667%;
    margin-left: 0%;
    margin: 6rem auto 0;
    padding: 7rem 0;
  }
}
@media all and (min-width: 64em) {
  .quote {
    width: 47.48515%;
    margin-left: 0%;
    margin: 7rem auto 0;
  }
}
.quote__background {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  background-color: var(--main-color);
  z-index: -1;
}
.quote__text {
  flex: 0 0 100%;
  position: relative;
}
.quote__text h3 {
  font-family: "articulatcf-demiboldoblique", serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .quote__text h3 {
    font-size: 2.2rem;
    line-height: 1.2727272727;
    letter-spacing: -0.08px;
  }
}
@media all and (min-width: 64em) {
  .quote__text h3 {
    font-size: 2.8rem;
    line-height: 1.2857142857;
    letter-spacing: -0.16px;
  }
}
.quote__text h3 i,
.quote__text h3 em {
  font-family: "articulatcf-demibold";
  font-style: normal;
}
.quote__text h3 a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: var(--text-color);
}
.quote__text h3 a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.quote__text > h1 {
  font-family: "addingtoncf-medium", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
  margin-top: 3rem;
}
@media all and (min-width: 38.75em) {
  .quote__text > h1 {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .quote__text > h1 {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
.quote__text > h1 a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: var(--text-color);
}
.quote__text > h1 a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.quote__text > h1 i {
  font-family: "addingtoncf-mediumitalic", serif;
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.01px;
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .quote__text > h1 i {
    font-size: 2.8rem;
    line-height: 1.25;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) {
  .quote__text > h1 i {
    font-size: 3rem;
    line-height: 1.1666666667;
    letter-spacing: -0.25px;
  }
}
.quote__text__mark {
  position: absolute;
  width: 22px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3equotes%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-1680' transform='translate(-438.000000, -2444.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cg id='„' transform='translate(438.000000, 2444.000000)'%3e %3cpath d='M0.357827476,20 C8.76677316,16.9565217 13.7763578,10.6086957 13.7763578,5.73913043 C13.7763578,2.08695652 11.4504792,0 8.85623003,0 C6.53035144,0 3.93610224,1.65217391 3.93610224,4.26086957 C3.93610224,5.82608696 4.74121406,7.04347826 5.90415335,7.82608696 C7.87220447,9.2173913 8.58785942,8.95652174 8.14057508,10.8695652 C7.42492013,13.2173913 4.29392971,17.1304348 0,18.7826087 L0.357827476,20 Z M14.6709265,20 C23.0798722,16.9565217 28,10.6086957 28,5.73913043 C28,2.08695652 25.7635783,0 23.1693291,0 C20.7539936,0 18.2492013,1.65217391 18.2492013,4.26086957 C18.2492013,5.82608696 19.0543131,7.04347826 20.1277955,7.82608696 C22.1853035,9.2173913 22.8115016,8.95652174 22.3642173,10.8695652 C21.7380192,13.2173913 18.6070288,17.1304348 14.2236422,18.7826087 L14.6709265,20 Z'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.quote__text__mark.white {
  background-image: url("data:image/svg+xml,%3csvg width='28' height='20' viewBox='0 0 28 20' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill='%23fff' d='M.358 20c8.409-3.043 13.418-9.391 13.418-14.26 0-3.653-2.326-5.74-4.92-5.74-2.326 0-4.92 1.652-4.92 4.26 0 1.566.805 2.783 1.968 3.566 1.968 1.391 2.684 1.13 2.237 3.044-.716 2.347-3.847 6.26-8.141 7.913zm14.313 0C23.08 16.957 28 10.609 28 5.74 28 2.086 25.764 0 23.17 0c-2.416 0-4.92 1.652-4.92 4.26 0 1.566.804 2.783 1.878 3.566 2.057 1.391 2.684 1.13 2.236 3.044-.626 2.347-3.757 6.26-8.14 7.913z'/%3e %3c/svg%3e");
}
@media all and (min-width: 64em) {
  .quote__text__mark {
    width: 28px;
    height: 20px;
  }
}
.quote__text__mark:nth-of-type(1) {
  top: 3px;
  left: -10px;
  transform: translateX(-100%) rotate(180deg);
}
@media all and (min-width: 38.75em) {
  .quote__text__mark:nth-of-type(1) {
    left: -15px;
  }
}
@media all and (min-width: 64em) {
  .quote__text__mark:nth-of-type(1) {
    top: 6px;
  }
}
.quote__text__mark:nth-of-type(2) {
  bottom: 0px;
  right: -10px;
  transform: translateX(100%);
}
.quote > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 2rem;
  color: var(--text-color);
}
.quote > p i,
.quote > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.quote > p b,
.quote > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.quote > p a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: var(--text-color);
  cursor: pointer;
}
.quote > p a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}

.slider {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .slider {
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .slider {
    margin-top: 7rem;
  }
}
.slider__container {
  position: relative;
  width: 100vw;
  flex: 0 0 100vw;
}
.slider__container__change {
  pointer-events: none;
  display: none;
  position: absolute;
  top: 0;
  height: calc(100% - 36px);
  width: 50%;
  z-index: 20;
  cursor: pointer;
}
@media all and (min-width: 64em) {
  .slider__container__change {
    display: block;
  }
}
.slider__container__change:nth-of-type(1) {
  right: 50%;
}
.slider__container__change:nth-of-type(4) {
  left: 50%;
}
.slider__container__descriptions {
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  margin-top: -18px;
  height: 40px;
}
@media all and (min-width: 38.75em) {
  .slider__container__descriptions {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .slider__container__descriptions {
    width: 89%;
  }
}
@media all and (min-width: 64em) {
  .slider__container__descriptions {
    width: 56.96vw;
    max-width: 980px;
    margin: 0 auto;
    margin-top: -18px;
    height: 20px;
  }
}
.slider__container__descriptions li {
  position: absolute;
  list-style: none;
  z-index: 0;
  pointer-events: none;
}
.slider__container__descriptions li.active {
  z-index: 10;
  pointer-events: auto;
}
.slider__container__descriptions .image-caption {
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
  margin: 0 auto;
}
.slider__container__descriptions .image-caption a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.slider__container__descriptions .image-caption a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.slider__container__descriptions .image-caption a[target=_blank] {
  display: inline-flex;
  align-items: baseline;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.slider__container__descriptions .image-caption a[target=_blank]:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.slider__container__descriptions .image-caption a[target=_blank]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  align-self: flex-end;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='20px' viewBox='0 0 28 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-23.000000, -1916.000000)'%3e %3cg id='Group-3' transform='translate(25.000000, 1916.000000)'%3e %3crect id='Rectangle' stroke='%23000000' x='4.5' y='0.5' width='21' height='13' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' stroke='%23FFFFFF' stroke-width='2' fill='%23000000' x='-1' y='3' width='24' height='16' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='2' y='6' width='18' height='10' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.slider__container__descriptions .image-authors {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  color: #000;
  opacity: 0.5;
  margin: 0.2rem 0 1rem 0;
}
@media all and (min-width: 38.75em) {
  .slider__container__descriptions .image-authors {
    margin: 0.4rem 0 1.2rem 0;
  }
}
.slider__container__descriptions .image-authors span {
  opacity: 0.5;
}
.slider__container__descriptions .image-authors a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  display: inline;
  text-decoration: none;
  padding: 2px 3px 2px 5px;
}
.slider__container__descriptions .image-authors a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.slider__container__descriptions .image-authors a:hover {
  background-color: var(--main-color) !important;
}
.slider__container__descriptions .image-authors a + span {
  margin-left: 0px !important;
}
.slider__container__descriptions .image-authors a:first-of-type {
  margin-left: -2px !important;
}
.slider__container__descriptions .image-authors a[target=_blank] {
  display: inline !important;
  word-break: break-word !important;
}
.slider__container__descriptions .image-authors a[target=_blank]::before {
  display: none !important;
}
.slider__container__wrapper {
  display: flex;
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .slider__container__wrapper {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .slider__container__wrapper {
    width: 89%;
  }
}
@media all and (min-width: 64em) {
  .slider__container__wrapper {
    width: 56.96vw;
    max-width: 980px;
    margin: 0 auto;
  }
}
.slider__container__wrapper__img {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.slider__container__wrapper__img img {
  width: 100%;
}
.slider__container__wrapper p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
}
@media all and (min-width: 64em) {
  .slider__container__wrapper p {
    width: 64.9901%;
    margin-left: 17.50495%;
  }
}
.slider__container__wrapper p:nth-of-type(1) {
  margin-top: 1rem;
}
@media all and (min-width: 38.75em) {
  .slider__container__wrapper p:nth-of-type(1) {
    margin-top: 1.2rem;
  }
}
@media all and (min-width: 38.75em) {
  .slider__container__wrapper p:nth-of-type(2) {
    margin-top: 0.4rem;
  }
}
.slider__container__count {
  position: relative;
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
  margin-top: 1.2rem;
  height: 32px;
  z-index: 0;
}
@media all and (min-width: 38.75em) {
  .slider__container__count {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .slider__container__count {
    width: 89%;
  }
}
.slider__container__count__wrapper {
  flex: 0 0 100%;
  display: flex;
}
@media all and (min-width: 64em) {
  .slider__container__count__wrapper {
    width: 56.96vw;
    max-width: 980px;
    margin: 0 auto;
  }
}
.slider__container__count__wrapper > span {
  display: block;
  background-color: #000;
  height: 1px;
  flex-grow: 1;
}
.slider__container__count__wrapper__lines {
  display: flex;
  margin-left: 5px;
}
.slider__container__count__wrapper__lines > span {
  display: block;
  position: relative;
  background-color: #000;
  width: 16px;
  flex: 0 0 16px;
  height: 1px;
  margin-right: 5px;
  transition: height 0.3s ease-in-out;
}
.slider__container__count__wrapper__lines > span:nth-last-of-type(1) {
  margin-right: 0px;
}
.slider__container__count__wrapper__lines > span.var_active {
  height: 5px;
  transition: height 0.3s ease-in-out;
}
.slider__container__count__wrapper__lines > span > span {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: calc(100% + 5px);
  height: 20px;
  cursor: pointer;
}
.slider__container__count__wrapper__lines > span > span:nth-of-type(1) {
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 10px);
}

.taxonomy {
  margin-top: 3rem;
}
@media all and (min-width: 38.75em) {
  .taxonomy {
    margin-top: 3rem;
  }
}
.taxonomy__categories {
  display: flex;
  position: relative;
  overflow-x: auto;
  margin-top: 20px;
  z-index: 10;
}
@media all and (min-width: 38.75em) {
  .taxonomy__categories {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__categories {
    width: 64.9901%;
    margin-left: 0%;
  }
}
.taxonomy__categories__category {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 2rem;
}
@media all and (min-width: 38.75em) {
  .taxonomy__categories__category {
    margin-right: 3rem;
    margin-top: 2rem;
  }
}
.taxonomy__categories__category:nth-last-child(1) {
  margin-right: 0;
}
.taxonomy__categories__category.var_active .taxonomy__categories__category__count {
  background-color: #000;
}
.taxonomy__categories__category.var_active .taxonomy__categories__category__count > p {
  color: #fff;
}
.taxonomy__categories__category__count {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 1rem;
}
@media all and (min-width: 64em) {
  .taxonomy__categories__category__count {
    width: 32px;
    height: 32px;
  }
}
.taxonomy__categories__category__count > p {
  font-family: "articulatcf-demibold", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
}
@media all and (min-width: 38.75em) {
  .taxonomy__categories__category__count > p {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}
.taxonomy__categories__category a {
  display: block;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
  color: #000;
}
.taxonomy__title {
  position: relative;
}
.taxonomy__title > a,
.taxonomy__title p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5555555556;
}
.taxonomy__title a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.taxonomy__title h1 {
  font-family: "addingtoncf-light";
  font-size: 5rem;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  text-transform: lowercase;
}
@media all and (min-width: 38.75em) {
  .taxonomy__title h1 {
    font-size: 9rem;
    line-height: 1.2;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__title h1 {
    font-size: 15rem;
  }
}
.taxonomy__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  width: 84px;
  height: 100%;
  background-color: var(--main-color);
  left: -10px;
  transform: translateX(-100%);
}
.taxonomy__posts {
  margin-top: 5rem;
}
@media all and (min-width: 64em) {
  .taxonomy__posts {
    margin-top: 9rem;
  }
}
.taxonomy__posts .grid-sizer {
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .taxonomy__posts .grid-sizer {
    width: 3.38984%;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__posts .grid-sizer {
    width: 3.72277%;
  }
}
@media all and (min-width: 38.75em) {
  .taxonomy__posts .gutter-sizer {
    width: 5.3929%;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__posts .gutter-sizer {
    width: 5.0297%;
  }
}
.taxonomy__posts__post {
  width: 100%;
  margin-bottom: 5rem;
}
@media all and (min-width: 38.75em) {
  .taxonomy__posts__post {
    width: 47.30355%;
    margin-right: 5.3929%;
    margin-left: 0%;
    margin-right: 0;
    margin-bottom: 4rem;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__posts__post {
    width: 21.227725%;
    margin-right: 5.0297%;
    margin-left: 0%;
    margin-right: 0;
  }
}
.taxonomy__posts__post img {
  display: block;
}
.taxonomy__posts__post.long_read {
  width: 100%;
}
@media all and (min-width: 64em) {
  .taxonomy__posts__post.long_read {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 0%;
    margin-right: 0;
  }
}
.taxonomy__posts__post.long_read .taxonomy__posts__post__image__container {
  width: 100%;
}
.taxonomy__posts__post.long_read .taxonomy__posts__post__title h2 {
  font-family: "articulatcf-bold";
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
}
@media all and (min-width: 64em) {
  .taxonomy__posts__post.long_read .taxonomy__posts__post__title h2 {
    font-family: "articulatcf-demibold", serif;
  }
}
@media all and (min-width: 105em) {
  .taxonomy__posts__post.long_read .taxonomy__posts__post__title h2 {
    font-size: 58px;
  }
}
.taxonomy__posts__post > a {
  display: block;
}
.taxonomy__posts__post__image__container {
  position: relative;
  width: 47.8462%;
  margin-left: 0%;
  padding-bottom: 56.25%;
  overflow: hidden;
}
@media all and (min-width: 38.75em) {
  .taxonomy__posts__post__image__container {
    width: 100%;
  }
}
.taxonomy__posts__post__image__container img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.taxonomy__posts__post__title {
  text-decoration: none;
  margin-top: 1.5rem;
}
.taxonomy__posts__post__title h2 {
  color: #000;
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.taxonomy__posts__post__title h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.taxonomy__posts__post__authors {
  margin-top: 1rem;
}
@media all and (min-width: 38.75em) {
  .taxonomy__posts__post__authors {
    margin-top: 1.5rem;
  }
}
.taxonomy__posts__post__authors p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline;
}
.taxonomy__posts__post__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}
.taxonomy__posts__post__description {
  margin-top: 1.5rem;
  text-decoration: none;
  color: #000;
}
.taxonomy__posts__post__description > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.taxonomy__posts__post__description > p i,
.taxonomy__posts__post__description > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.taxonomy__posts__post__description > p b,
.taxonomy__posts__post__description > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.taxonomy__frame {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.taxonomy__frame .add-to-favorite {
  padding: 16px 0;
  flex: 0 0 54px;
  width: 100%;
  height: 54px;
  border-right: none !important;
  background-color: #000;
}
.taxonomy__frame .add-to-favorite svg path {
  stroke: #fff;
}
@media all and (min-width: 64em) {
  .taxonomy__frame {
    max-width: 1700px;
  }
}
.taxonomy__frame__top {
  width: 100%;
  height: 20px;
  background-color: var(--main-color);
}
.taxonomy__frame__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 18.5px;
  padding-top: 15px;
  background-color: var(--main-color);
  transform: translateY(-100%);
}
@media all and (min-width: 38.75em) {
  .taxonomy__frame__left {
    width: 54px;
    padding-top: 45px;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__frame__left {
    padding-top: 45px;
  }
}
.taxonomy__frame__left a {
  display: block;
  width: 14px;
  height: 14px;
  margin-bottom: 9px;
  background-image: url("data:image/svg+xml,%3csvg width='26px' height='26px' viewBox='0 0 26 26' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3evbahn-fav%3c/title%3e %3cg id='Category-Page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-category-1680-sticky' transform='translate(-462.000000, -27.000000)'%3e %3cg id='vbahn-fav' transform='translate(462.000000, 27.000000)'%3e %3ccircle id='Oval' fill='%23000000' cx='12.9449153' cy='12.9449153' r='12.9449153'%3e%3c/circle%3e %3cpath d='M10.7682491,20.7309458 L10.7682491,14.0240269 C10.8774823,13.3030877 11.6421148,11.9049027 13.2369196,11.9049027 C14.372945,11.9049027 15.2686573,12.494762 15.2686573,14.0677202 L15.2686573,20.7309458 L18.4582669,20.7309458 L18.4582669,13.892947 C18.4582669,10.4411777 16.7542289,9.26145907 14.4166382,9.26145907 C12.3193607,9.26145907 11.0959488,10.8344172 10.7682491,11.6208963 L10.7682491,5.30721698 L7.57863949,5.30721698 L7.57863949,20.7309458 L10.7682491,20.7309458 Z' id='Path' fill='%23FBFF00'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
@media all and (min-width: 38.75em) {
  .taxonomy__frame__left a {
    width: 26px;
    height: 26px;
  }
}
.taxonomy__frame__left a.is-academy {
  background-image: url("data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3ccircle fill='%23fff' cx='12.945' cy='12.945' r='12.945'/%3e %3cpath d='M10.768 20.73v-6.706c.11-.72.874-2.12 2.469-2.12 1.136 0 2.032.59 2.032 2.164v6.663h3.19v-6.838c0-3.452-1.705-4.632-4.042-4.632-2.098 0-3.321 1.573-3.649 2.36V5.307h-3.19v15.424z' fill='%2305480D'/%3e %3c/g%3e %3c/svg%3e");
}
.taxonomy__frame__left > p {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: "addingtoncf-light";
  font-size: 1.2rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  text-transform: lowercase;
  pointer-events: none;
  padding-top: 26px;
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .taxonomy__frame__left > p {
    font-size: 2rem;
    line-height: 0.8;
  }
}
@media all and (min-width: 64em) {
  .taxonomy__frame__left > p {
    font-size: 2.4rem;
    line-height: 1.2083333333;
  }
}
.taxonomy__frame__left > p.no-padding {
  padding-top: 0px;
}
.taxonomy__frame__left > p.separator {
  padding: 12px 0;
}

.video {
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .video {
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .video {
    margin-top: 7rem;
  }
}
.video__iframe {
  position: relative;
  padding-bottom: 56.25%;
}
@media all and (min-width: 64em) {
  .video__iframe {
    width: 64.9901%;
    margin-left: 17.50495%;
    padding-bottom: 36.8%;
  }
}
.video__iframe iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.video__iframe__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 2;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  background-color: var(--main-color);
  border-radius: 50%;
  cursor: pointer;
}
@media all and (min-width: 64em) {
  .video__iframe__button {
    width: 60px;
    height: 60px;
  }
}
.video__iframe__button span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 20px;
  background-color: #000;
  transition: -webkit-clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -webkit-clip-path: polygon(100% 49%, 100% 49%, 46% 77%, 46% 26%, 46% 25%, 46% 77%, 0 100%, 0 0);
          clip-path: polygon(100% 49%, 100% 49%, 46% 77%, 46% 26%, 46% 25%, 46% 77%, 0 100%, 0 0);
}
.video__iframe__button.var_disappear {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  pointer-events: none;
}
.video__iframe__button.var_pause span {
  transition: -webkit-clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 66% 100%, 66% 0, 35% 0, 35% 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, 100% 100%, 66% 100%, 66% 0, 35% 0, 35% 100%, 0 100%, 0 0);
}
.video__iframe__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 1;
  transition: height 0.3s ease-in-out;
}
.video__iframe__progress__bar {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  transform: scale(0);
  transform-origin: left;
  z-index: 5;
  cursor: pointer;
}
.video__iframe__progress__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.video__iframe__progress:hover {
  height: 12px;
  transition: height 0.3s ease-in-out;
}
.video__iframe__progress__range {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  height: 40px;
  cursor: pointer;
  z-index: 6;
}

.authors {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8rem;
  padding: 6rem 0px;
}
@media all and (min-width: 64em) {
  .authors {
    padding: 9rem 0px 11rem;
  }
}
.authors__background {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #f7f7f7;
  z-index: -1;
}
.authors__title {
  flex: 0 0 100%;
}
@media all and (min-width: 64em) {
  .authors__title.without-bio h2 {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 26.257425%;
    flex: 0 0 47.48515%;
    margin-left: 26.25743%;
    transform: translateX(-10px);
  }
}
.authors__title h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
}
@media all and (min-width: 64em) {
  .authors__title h2 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
@media all and (min-width: 64em) {
  .authors__title h2 {
    width: 91.247525%;
    margin-right: 5.0297%;
    margin-left: 8.752475%;
    flex: 0 0 91.24752%;
  }
}
.authors__container {
  flex: 0 0 100%;
  margin-top: 4.5rem;
}
@media all and (min-width: 64em) {
  .authors__container {
    display: flex;
    margin-top: 6rem;
    width: 100%;
  }
}
.authors__container i {
  display: none;
}
.authors__container__bio {
  position: relative;
}
@media all and (min-width: 64em) {
  .authors__container__bio {
    width: 38.732675%;
    margin-right: 5.0297%;
    margin-left: 8.752475%;
    flex: 0 0 38.73268%;
  }
}
@media all and (min-width: 64em) {
  .authors__container__bio.without-bio {
    width: 47.48515%;
    margin-right: 5.0297%;
    margin-left: 26.257425%;
    flex: 0 0 47.48515%;
  }
}
.authors__container__bio.has-bio::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -4rem;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #000;
  opacity: 0.16;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio.has-bio::after {
    bottom: -36px;
  }
}
@media all and (min-width: 64em) {
  .authors__container__bio.has-bio::after {
    width: 1px;
    height: 100%;
    top: 0;
    right: -26%;
    left: auto;
    bottom: auto;
  }
}
.authors__container__bio i {
  display: inline;
}
.authors__container__bio.has-bio .authors__container__bio__author {
  width: 91.3077%;
  margin-left: 8.6923%;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio.has-bio .authors__container__bio__author {
    width: 91.2172583333%;
    margin-left: 8.7827416667%;
  }
}
.authors__container__bio__author {
  display: flex;
  margin-top: 2rem;
  width: 100%;
  margin-left: 0%;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio__author {
    width: 100%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .authors__container__bio__author {
    width: 100%;
    margin: 4rem 0px 0px;
  }
}
.authors__container__bio__author:nth-child(1) {
  margin-top: 0;
}
.authors__container__bio__author img {
  display: block;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 2rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio__author img {
    width: 128px;
    height: 128px;
    flex: 0 0 128px;
  }
}
@media all and (min-width: 64em) {
  .authors__container__bio__author img {
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
    margin-right: 2.2rem;
  }
}
.authors__container__bio__author__content p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  font-size: 1.4rem;
}
.authors__container__bio__author__content p i,
.authors__container__bio__author__content p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__bio__author__content p b,
.authors__container__bio__author__content p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.authors__container__bio__author__content p:empty {
  display: none;
}
.authors__container__bio__author__content p a {
  font-family: "addingtoncf-demibold", serif;
  color: #000;
}
.authors__container__bio__author__content p a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .authors__container__bio__author__content p {
    font-size: 1.8rem;
  }
}
.authors__container__bio__author__content p:nth-of-type(n + 3) {
  margin-top: 1.5rem;
}
.authors__container__bio__author__content ol {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .authors__container__bio__author__content ol {
    margin-left: 3.7em;
  }
}
.authors__container__bio__author__content ol sup,
.authors__container__bio__author__content ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.authors__container__bio__author__content ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .authors__container__bio__author__content ol li {
    padding-left: 5px;
  }
}
.authors__container__bio__author__content ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  padding-left: 3px;
}
.authors__container__bio__author__content ol li i,
.authors__container__bio__author__content ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__bio__author__content ol li b,
.authors__container__bio__author__content ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.authors__container__bio__author__content ul {
  margin-top: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .authors__container__bio__author__content ul {
    margin-left: 4.2em;
  }
}
.authors__container__bio__author__content ul sup,
.authors__container__bio__author__content ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.authors__container__bio__author__content ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.authors__container__bio__author__content ul li i,
.authors__container__bio__author__content ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__bio__author__content ul li b,
.authors__container__bio__author__content ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.authors__container__bio__author__content .position {
  margin-top: 0 !important;
}
.authors__container__bio__thanks {
  width: 91.3077%;
  margin-left: 8.6923%;
  display: flex;
  align-items: center;
  margin-top: 3.8rem;
}
.authors__container__bio__thanks i {
  display: inline;
}
@media all and (min-width: 64em) {
  .authors__container__bio__thanks {
    width: 100%;
    margin-left: 0;
    margin-top: 6.2rem;
  }
}
.authors__container__bio__thanks__icon {
  left: 0;
  display: grid;
  place-items: center;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.16);
  width: 23.8551272727%;
  margin-left: 0%;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio__thanks__icon {
    width: 128px;
    height: 128px;
    flex: 0 0 128px;
  }
}
@media all and (min-width: 64em) {
  .authors__container__bio__thanks__icon {
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
  }
}
.authors__container__bio__thanks p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  font-size: 1.4rem;
  margin-top: 2rem;
}
.authors__container__bio__thanks p i,
.authors__container__bio__thanks p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__bio__thanks p b,
.authors__container__bio__thanks p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 38.75em) {
  .authors__container__bio__thanks p {
    font-size: 1.8rem;
  }
}
.authors__container__bio__thanks p:first-of-type {
  margin-top: 0;
}
.authors__container__bio__thanks p:empty {
  display: none;
}
.authors__container__bio__thanks p a {
  color: #000;
  font-family: "addingtoncf-demibold", serif;
}
.authors__container__bio__thanks p a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.authors__container__short.has-bio {
  margin-top: 8rem;
}
@media all and (min-width: 64em) {
  .authors__container__short.has-bio {
    margin-top: 0;
    width: 29.9802%;
    margin-left: 8.752475%;
    flex: 0 0 29.9802%;
  }
}
.authors__container__short i {
  display: inline;
}
@media all and (min-width: 64em) {
  .authors__container__short {
    width: 38.732675%;
    margin-left: 0%;
  }
}
.authors__container__short__wrapper {
  margin-top: 3rem;
  width: 91.3077%;
  margin-left: 8.6923%;
}
@media all and (min-width: 38.75em) {
  .authors__container__short__wrapper {
    width: 91.2172583333%;
    margin-left: 8.7827416667%;
  }
}
@media all and (min-width: 64em) {
  .authors__container__short__wrapper {
    margin-top: 4.5rem;
    width: 100%;
    margin: 3rem 0px 0px;
  }
}
.authors__container__short__wrapper:nth-child(1) {
  margin-top: 0;
}
.authors__container__short__wrapper > p {
  font-family: "articulatcf-demibold", serif;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-style: normal;
  font-weight: normal;
  flex: 0 0 100%;
  margin-left: 84px;
}
@media all and (min-width: 38.75em) {
  .authors__container__short__wrapper > p {
    margin-left: 0px;
  }
}
.authors__container__short__wrapper__author {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  padding-right: 1%;
}
.authors__container__short__wrapper__author img {
  display: block;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  margin-left: 9px;
  margin-right: 22px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (min-width: 38.75em) {
  .authors__container__short__wrapper__author img {
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    margin-left: 0px;
    margin-right: 2rem;
  }
}
@media all and (min-width: 64em) {
  .authors__container__short__wrapper__author img {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    margin-right: 2.2rem;
  }
}
.authors__container__short__wrapper__author__content h3 a {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: #000;
  font-family: "addingtoncf-demibold", serif;
  font-size: 1.4rem;
}
.authors__container__short__wrapper__author__content h3 a i,
.authors__container__short__wrapper__author__content h3 a em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__short__wrapper__author__content h3 a b,
.authors__container__short__wrapper__author__content h3 a strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.authors__container__short__wrapper__author__content h3 a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  .authors__container__short__wrapper__author__content h3 a {
    font-size: 1.8rem;
  }
}
.authors__container__short__wrapper__author__content p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  font-size: 1.4rem;
}
.authors__container__short__wrapper__author__content p i,
.authors__container__short__wrapper__author__content p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.authors__container__short__wrapper__author__content p b,
.authors__container__short__wrapper__author__content p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 38.75em) {
  .authors__container__short__wrapper__author__content p {
    font-size: 1.8rem;
  }
}

.cookies {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100vw;
  z-index: 1;
  overflow: hidden;
  transition: height 1s;
  max-height: 0px;
  transition: max-height 1s;
  padding: 0 7%;
}
@media all and (min-width: 38.75em) {
  .cookies {
    padding: 0 8%;
  }
}
@media all and (min-width: 64em) {
  .cookies {
    padding: 0 5.5%;
  }
}
.cookies__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: var(--main-color);
  color: black;
  z-index: -1;
}
.cookies__container {
  flex: 0 0 100%;
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  height: 100%;
  margin: 10rem 0px 8rem 0px;
}
.cookies__container__image {
  margin-bottom: 4rem;
}
.cookies__container__image img {
  display: block;
  width: 100%;
}
.cookies__container > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: black;
}
.cookies__container > p:empty {
  display: none;
}
@media all and (min-width: 38.75em) {
  .cookies__container > p {
    font-size: 2.3rem;
    line-height: 1.347826087;
  }
}
.cookies__container > p i,
.cookies__container > p em {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.cookies__container > p b,
.cookies__container > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .cookies__container > p {
    width: 38.732675%;
    margin-left: 0%;
  }
}
.cookies__container > img {
  display: block;
  width: 20%;
  margin: 3rem 0 1.5rem;
}
@media all and (min-width: 38.75em) {
  .cookies__container > img {
    width: 10%;
  }
}
@media all and (min-width: 64em) {
  .cookies__container > img {
    width: 5%;
    max-width: 5%;
  }
}
.cookies--academy .cookies__container > p {
  color: white;
}

#cookie-notice {
  position: absolute !important;
  top: 86%;
  background-color: transparent !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  z-index: 1000 !important;
  transition: opacity 0.22s;
  margin: 48px auto 0 auto;
  left: 7% !important;
}
@media all and (min-width: 38.75em) {
  #cookie-notice {
    position: static !important;
    left: 0 !important;
  }
}
#cookie-notice .cookie-notice-container {
  padding: 0 !important;
}
#cookie-notice .cn-buttons-container {
  padding: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 39px;
  background-color: #000;
}
#cookie-notice .cn-buttons-container > a {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  background-color: var(--text-color);
}
@media all and (min-width: 38.75em) {
  #cookie-notice .cn-buttons-container > a {
    font-size: 1.8rem;
  }
}
#cookie-notice .cn-buttons-container > a::before, #cookie-notice .cn-buttons-container > a::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
#cookie-notice .cn-buttons-container > a::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
#cookie-notice .cn-buttons-container > a::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
#cookie-notice .cn-buttons-container > a:hover::before {
  transform: translate(-6px, -6px);
}
#cookie-notice .cn-buttons-container > a:hover::after {
  transform: translate(6px, 6px);
}

#cn-notice-text {
  display: none !important;
}

#cn-close-notice {
  display: none !important;
}

body.cookies-set #cookie-notice {
  opacity: 0 !important;
}
body.cookies-set .cookie-notice-container {
  display: none !important;
}

body.cookies-not-set .cookies {
  display: flex;
  max-height: 2000px;
}
body.cookies-not-set #cookie-notice {
  opacity: 1 !important;
}
body.cookies-not-set .cookie-notice-container {
  display: block !important;
}

body.cookies-set #cookie-notice .cookie-notice-container {
  display: block !important;
}

#cookie-notice {
  transition: opacity 0.3s;
}

body.cookies-set .cookies__container #cookie-notice {
  opacity: 0.4 !important;
}

.footnotes {
  position: relative;
  display: inline;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
  transform: translateY(-6px);
  margin-left: -3px;
  z-index: 60;
}
.footnotes .initial-letter {
  width: 10px;
  font-size: 13px;
  vertical-align: top;
}
.footnotes__short {
  display: none;
  font-family: "addingtoncf-light", serif;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3333333333;
  letter-spacing: -0.01px;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  visibility: hidden;
  background-color: var(--main-color);
  padding: 0.8rem;
  transform: translate(-50%, calc(-100% - 40px));
  width: 300px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 2.2rem 2.4rem 1.8rem 2.4rem;
  opacity: 0;
  transition: opacity 0.2s ease 0s, visbility 0s ease 0.2s;
  text-overflow: ellipsis;
}
@media all and (min-width: 64em) {
  .footnotes__short {
    display: -webkit-box;
  }
}
.footnotes__short::after {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--main-color);
}
.footnotes__hover {
  cursor: pointer;
}
.footnotes__hover:hover .footnotes__short {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease 0s, visbility 0s;
}
.footnotes input {
  display: none;
}
.footnotes input:checked + .footnotes__box {
  transform: translateY(0);
}
.footnotes__box {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 3.2rem 2.4rem 1.2rem 2.4rem;
  background-color: var(--main-color);
  box-shadow: 0px 0px 23px 6px rgba(0, 0, 0, 0.25);
  transform: translateY(140%);
  color: #000;
  transition: transform 0.3s;
  z-index: 40;
}
@media all and (min-width: 38.75em) {
  .footnotes__box {
    left: unset;
    width: 300px;
  }
}
.footnotes__box a {
  font-size: inherit !important;
  line-height: inherit !important;
}
.footnotes__box .close {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
  width: 3rem;
  height: 3rem;
  z-index: 1;
  cursor: pointer;
  transition: transform 0.2s;
}
.footnotes__box .close:hover {
  transform: scale(1.2);
}
.footnotes__box .close::before, .footnotes__box .close::after {
  content: "";
  position: absolute;
  width: 1.2rem;
  height: 1px;
  top: 50%;
  left: 50%;
  background-color: #000;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.footnotes__box .close::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.footnotes_bottom {
  margin-top: 5rem;
}
@media all and (min-width: 38.75em) {
  .footnotes_bottom {
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .footnotes_bottom {
    width: 47.48515%;
    margin-left: 8.752475%;
    margin-top: 9rem;
  }
}
.footnotes_bottom h3 {
  font-family: "articulatcf-bold", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 1.3636363636;
  margin-bottom: 3rem;
}
.footnotes_bottom__content {
  display: flex;
  margin-top: 1.5rem;
}
@media all and (min-width: 64em) {
  .footnotes_bottom__content {
    margin-top: 2rem;
  }
}
.footnotes_bottom__content:nth-of-type(1) {
  margin-top: 0;
}
.footnotes_bottom__content__index {
  flex: 0 0 20px;
}
.footnotes_bottom__content__index p {
  font-family: "articulatcf-bold", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.footnotes_bottom__content__text {
  flex: 1;
}
.footnotes_bottom__content__text p {
  font-family: "addingtoncf-light", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.09px;
}
.footnotes_bottom__content__text p strong,
.footnotes_bottom__content__text p b {
  font-family: "addingtoncf-demibold", serif;
  font-weight: normal !important;
}
.footnotes_bottom__content__text p i,
.footnotes_bottom__content__text p em {
  font-family: "addingtoncf-light-italic", serif;
  font-weight: normal !important;
  font-style: normal !important;
}
.footnotes_bottom__content__text p a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
}
.footnotes_bottom__content__text p a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}

.footnote {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 64px 16px 32px 16px;
  background-color: var(--main-color);
  width: 100%;
  transform: translateY(calc(100% + 20px));
  transition: transform 0.3s ease-in, height 0.3s;
}
@media all and (min-width: 38.75em) {
  .footnote {
    padding: 64px 32px;
  }
}
.footnote.active {
  transform: translateY(0%);
  transition: transform 0.3s ease-out, height 0.3s;
}
.footnote__text {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: black;
  max-width: 640px;
  margin: 0 auto;
  font-size: 16px;
  position: absolute;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 2.5rem;
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s;
  visibility: hidden;
}
@media all and (min-width: 64em) {
  .footnote__text {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.footnote__text i,
.footnote__text em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.footnote__text b,
.footnote__text strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.footnote__text.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease 0.15s, visibility 0s;
}
@media all and (min-width: 38.75em) {
  .footnote__text {
    font-size: 18px;
    width: auto;
  }
}
.footnote__text__index {
  font-size: 18px;
  font-family: "articulatcf-bold", serif;
  word-break: normal;
}
.footnote__text a {
  color: #000;
}
.footnote__close {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/x-close%3c/title%3e %3cg id='icon/x-close' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) scale(-1, 1) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  top: 0;
  border-radius: 100%;
  left: 50%;
  background: black;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.footnote__close:hover {
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.3s;
}
.footnote__close span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 2px;
  background-color: white;
}
.footnote__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.author-wrapper {
  position: relative;
}
.author-wrapper::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  width: 100vw;
  height: calc(100% + 240px);
  background-color: #f7f7f7;
  z-index: -1;
  transform: translate(-50%);
}
@media all and (min-width: 38.75em) {
  .author-wrapper::before {
    width: 100%;
    left: 0px;
    transform: translate(0px);
  }
}

.author {
  display: flex;
  flex-direction: column;
  margin: 6rem 0 20rem 0;
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .author {
    width: 82.4345166667%;
    margin-left: 8.7827416667%;
  }
}
@media all and (min-width: 64em) {
  .author {
    margin-top: 8rem;
    flex-direction: row;
  }
}
.author h2 > span {
  display: block;
}
.author h2 > span:first-of-type {
  font-family: "addingtoncf-light-italic", serif;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  font-size: 4rem;
}
@media all and (min-width: 64em) {
  .author h2 > span:first-of-type {
    font-size: 4.5rem;
  }
}
.author h2 > span:last-of-type {
  font-family: "articulatcf-medium", serif;
  font-size: 4rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  margin-top: 1rem;
}
@media all and (min-width: 64em) {
  .author h2 > span:last-of-type {
    margin-top: 1.5rem;
    font-size: 4.5rem;
    margin-bottom: 1rem;
  }
}
.author__main {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.author__left {
  width: 100%;
}
@media all and (min-width: 64em) {
  .author__left {
    width: 21.227725%;
    margin-right: 5.0297%;
    margin-left: 0%;
  }
}
.author__left > div {
  position: -webkit-sticky;
  position: sticky;
  top: 200px;
  transition: top 0.3s ease-in-out;
}
.author__left__img {
  display: block;
  width: 136px;
  height: 136px;
  margin: 0 auto;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s;
  transform-origin: top;
}
.author__left__img.shrinked {
  transform: scale(0.7);
}
@media all and (min-width: 76.5em) {
  .author__left__img {
    width: 186px;
    height: 186px;
  }
}
.author__left .author__left__name {
  text-align: center;
  margin-top: 2rem;
}
@media all and (min-width: 64em) {
  .author__left .author__left__name {
    height: 0px;
    transition: height 0.3s;
    opacity: 0;
  }
  .author__left .author__left__name span:first-of-type {
    font-size: 3rem;
  }
  .author__left .author__left__name span:nth-of-type(2) {
    font-size: 3rem;
  }
}
.author__left .author__left__name__role {
  display: block;
  margin: 2rem 0 3rem 0;
}
@media all and (min-width: 64em) {
  .author__left .author__left__name__role {
    margin: 2.2rem 0 4rem 0;
  }
}
.author__left .author__left__name__role > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.author__left .author__left__name__role > p i,
.author__left .author__left__name__role > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.author__left .author__left__name__role > p b,
.author__left .author__left__name__role > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.author__left .author__left__name span:nth-of-type(2) {
  margin-top: 0.8rem;
}
.author__left .author__left__name.visible {
  opacity: 1;
  transition: height 0.3s, transform 0.3s, opacity 0.2s ease 0.2s;
}
.author__left__social {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  transition: transform 0.3s;
}
.author__left__social__link {
  display: block;
  margin: 0 0.75rem 1rem 0.75rem;
  width: 20px;
  height: 20px;
}
.author__left__social__link:hover img {
  transform: scale(0.86);
}
.author__left__social__link img {
  transition: transform 0.22s;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.author__center {
  width: 100%;
  margin-top: 3rem;
}
@media all and (min-width: 64em) {
  .author__center {
    width: 80%;
  }
}
.author__center__name, .author__center__role {
  display: none;
}
@media all and (min-width: 64em) {
  .author__center__name, .author__center__role {
    display: block;
  }
}
.author__center__role {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.11px;
  margin-top: 1.4rem;
}
.author__center__role i,
.author__center__role em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.author__center__role ul {
  list-style-position: outside;
  margin-top: 1rem;
}
.author__center__role ul li {
  margin-bottom: 0.5rem;
  list-style: none;
}
.author__center__role ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.author__center__long_bio {
  padding-bottom: 4rem;
}
@media all and (min-width: 64em) {
  .author__center__long_bio {
    margin-top: 4rem;
    padding-bottom: 0px;
  }
}
.author__center__long_bio a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  font-size: inherit;
  line-height: inherit;
}
.author__center__long_bio a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.author__center__long_bio a[target=_blank] {
  font-size: inherit;
  line-height: inherit;
}
.author__center__long_bio a[target=_blank]::before {
  content: "";
  display: inline-block;
  position: relative;
  transform: translateY(2px);
  width: 2.2rem;
  height: 1.4rem;
  margin-right: 0.8rem;
  background: url("data:image/svg+xml,%3csvg width='20px' height='14px' viewBox='0 0 20 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3elinkout%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-1680' transform='translate(-383.000000, -1402.000000)'%3e %3cg id='Group-17' transform='translate(348.000000, 1208.000000)'%3e %3cg id='Group-6' transform='translate(35.000000, 187.000000)'%3e %3cg id='Group-3' transform='translate(0.000000, 7.000000)'%3e %3cpath d='M16.9229231,10.769 L4.61538462,10.7692308 C3.76571577,10.7692308 3.07692308,10.0804381 3.07692308,9.23076923 L3.07692308,3.076 L3.84615385,3.07692308 L3.84615385,9.23076923 C3.84615385,9.62525834 4.14310784,9.95039012 4.52567606,9.99482482 L4.61538462,10 L16.9230769,10 L16.9229231,10.769 Z M19.2255941,9.32047779 L19.2307692,9.23076923 L19.2307692,1.53846154 C19.2307692,1.14397243 18.9338152,0.818840646 18.551247,0.774405947 L18.4615385,0.769230769 L4.61538462,0.769230769 C4.22089551,0.769230769 3.89576372,1.06618476 3.85132902,1.44875298 L3.84615385,1.53846154 L3.07692308,1.53846154 C3.07692308,0.688792693 3.76571577,0 4.61538462,0 L18.4615385,0 C19.3112073,0 20,0.688792693 20,1.53846154 L20,9.23076923 C20,10.0804381 19.3112073,10.7692308 18.4615385,10.7692308 L18.4615385,10 C18.8560276,10 19.1811594,9.70304601 19.2255941,9.32047779 Z' id='Combined-Shape' fill='%23000000' fill-rule='nonzero'%3e%3c/path%3e %3crect id='Rectangle' fill='%23000000' x='0' y='3.07692308' width='16.9230769' height='10.7692308' rx='2'%3e%3c/rect%3e %3crect id='Rectangle' fill='%23FFFFFF' x='1.53846154' y='4.61538462' width='13.8461538' height='7.69230769' rx='1'%3e%3c/rect%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e") center no-repeat;
}
.author__center__long_bio p,
.author__center__long_bio h1,
.author__center__long_bio h2,
.author__center__long_bio h3,
.author__center__long_bio h4,
.author__center__long_bio h5,
.author__center__long_bio h6 {
  margin-bottom: 2rem;
}
.author__center__long_bio p:nth-last-of-type(1),
.author__center__long_bio h1:nth-last-of-type(1),
.author__center__long_bio h2:nth-last-of-type(1),
.author__center__long_bio h3:nth-last-of-type(1),
.author__center__long_bio h4:nth-last-of-type(1),
.author__center__long_bio h5:nth-last-of-type(1),
.author__center__long_bio h6:nth-last-of-type(1) {
  margin-bottom: 0;
}
.author__center__long_bio p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.author__center__long_bio p i,
.author__center__long_bio p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.author__center__long_bio p b,
.author__center__long_bio p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .author__center__long_bio p {
    font-family: "addingtoncf-light", serif;
    font-size: 1.8rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4444444444;
    letter-spacing: -0.1px;
  }
}
@media all and (min-width: 64em) and (min-width: 38.75em) {
  .author__center__long_bio p {
    font-size: 2.3rem;
    line-height: 1.347826087;
  }
}
@media all and (min-width: 64em) {
  .author__center__long_bio p i,
  .author__center__long_bio p em {
    font-style: normal;
    font-weight: normal;
    font-family: "addingtoncf-light-italic", serif;
  }
  .author__center__long_bio p b,
  .author__center__long_bio p strong {
    font-style: normal;
    font-weight: normal;
    font-family: "addingtoncf-bold", serif;
  }
}
.author__center__long_bio ol {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  list-style-position: outside;
  margin-left: 2.4em;
}
@media all and (min-width: 64em) {
  .author__center__long_bio ol {
    margin-left: 3.7em;
  }
}
.author__center__long_bio ol sup,
.author__center__long_bio ol sub {
  font-size: inherit;
  vertical-align: inherit;
}
.author__center__long_bio ol li {
  padding-left: 4px;
}
@media all and (min-width: 64em) {
  .author__center__long_bio ol li {
    padding-left: 5px;
  }
}
.author__center__long_bio ol li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.author__center__long_bio ol li i,
.author__center__long_bio ol li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.author__center__long_bio ol li b,
.author__center__long_bio ol li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .author__center__long_bio ol li {
    font-size: 2.3rem;
    line-height: 1.347826087;
  }
}
.author__center__long_bio ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  list-style-position: outside;
  margin-left: 2.8em;
}
@media all and (min-width: 64em) {
  .author__center__long_bio ul {
    margin-left: 4.2em;
  }
}
.author__center__long_bio ul sup,
.author__center__long_bio ul sub {
  font-size: inherit;
  vertical-align: inherit;
}
.author__center__long_bio ul li {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
.author__center__long_bio ul li i,
.author__center__long_bio ul li em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.author__center__long_bio ul li b,
.author__center__long_bio ul li strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .author__center__long_bio ul li {
    font-size: 2.3rem;
    line-height: 1.347826087;
  }
}
.author__articles {
  width: 100%;
}
@media all and (min-width: 64em) {
  .author__articles {
    margin-top: 9rem;
  }
}
.author__articles h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.author__articles__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.author__articles__wrapper__box {
  display: flex;
  flex-wrap: wrap;
  padding-top: 4rem;
  justify-content: space-between;
  border-top: 1px solid #000;
  width: 100%;
}
@media all and (min-width: 64em) {
  .author__articles__wrapper__box {
    padding-top: 7rem;
    margin-bottom: 5rem;
  }
  .author__articles__wrapper__box:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.author__articles__wrapper__box h2 {
  flex: 0 0 100%;
}
.author__articles ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 6%;
       column-gap: 6%;
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .author__articles ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (min-width: 64em) {
  .author__articles ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.author__articles ul .article-card {
  cursor: pointer;
}
.author__articles ul .article-card:hover .zoom_btn div {
  transform: rotate(-90deg) scale(0.8);
}

#lightboxAuthor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 104;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
#lightboxAuthor.var_active {
  opacity: 1;
  visibility: visible;
}
#lightboxAuthor .image {
  max-width: 80%;
  padding: 5rem 0;
}
#lightboxAuthor .image img {
  display: block;
  width: 100%;
  height: calc(100% - 100px);
  -o-object-fit: contain;
     object-fit: contain;
}
#lightboxAuthor span {
  position: absolute;
  height: 100%;
  width: 50%;
}
#lightboxAuthor span.prev {
  left: 0;
  cursor: w-resize;
}
#lightboxAuthor span.next {
  right: 0;
  cursor: e-resize;
}
#lightboxAuthor span.close {
  width: 50px;
  height: 50px;
  top: 2.5rem;
  right: 20px;
  cursor: pointer;
  z-index: 2;
}
#lightboxAuthor span.close::after, #lightboxAuthor span.close::before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #fff;
  transform-origin: center top;
}
#lightboxAuthor span.close::after {
  transform: rotate(45deg) translateY(-50%);
}
#lightboxAuthor span.close::before {
  transform: rotate(-45deg) translateY(-50%);
}

.page {
  position: relative;
  padding-top: 7rem;
  padding-bottom: 7rem;
}
@media all and (min-width: 38.75em) {
  .page {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
}
@media all and (min-width: 64em) {
  .page {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.page__background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  z-index: -1;
}
.page__letter {
  position: absolute;
  left: -7vw;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
@media all and (min-width: 38.75em) {
  .page__letter {
    top: 0;
    left: -8vw;
  }
}
@media all and (min-width: 64em) {
  .page__letter {
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
    max-width: 800px;
  }
}
.page__letter img {
  position: -webkit-sticky;
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 100%;
}
.page__letter--text {
  font-size: clamp(144px, 26vw, 310px);
  position: absolute;
  top: 50%;
  color: white;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.page__letter--text + .page__container {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media all and (max-width: 38.74em) {
  .page__letter--text + .page__container h1 {
    font-size: 4rem;
  }
}
@media all and (min-width: 64em) {
  .page__letter--text + .page__container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.page__container {
  width: 82.6154%;
  margin-left: 8.6923%;
}
@media all and (min-width: 38.75em) {
  .page__container {
    width: 82.4345166667%;
    margin-left: 17.5654833333%;
  }
}
@media all and (min-width: 64em) {
  .page__container {
    width: 73.742575%;
    margin-left: 26.257425%;
    padding-right: 26.25743%;
  }
}
.page__container > h1 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  margin-right: auto;
  line-height: 1.22;
}
@media all and (min-width: 64em) {
  .page__container > h1 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
.page .text {
  width: 82.6154%;
  margin-left: 8.6923%;
  margin: 4rem auto 0;
}
@media all and (min-width: 38.75em) {
  .page .text {
    width: 82.4345166667%;
    margin-left: 17.5654833333%;
    padding-right: 17.56548%;
  }
}
@media all and (min-width: 64em) {
  .page .text {
    margin: 5rem auto 0;
    width: 73.742575%;
    margin-left: 26.257425%;
    padding-right: 26.25743%;
  }
}
.page .text h1, .page .text h2, .page .text h3, .page .text h4 {
  word-break: break-word;
  line-height: 1.22;
  font-family: "addingtoncf-light-italic", serif;
  font-style: normal;
  font-weight: normal;
}
.page .text h1 {
  font-size: 5rem;
}
@media all and (min-width: 64em) {
  .page .text h1 {
    font-size: 70px;
  }
}
.page .text h2 {
  font-size: 40px;
}
@media all and (min-width: 64em) {
  .page .text h2 {
    font-size: 50px;
  }
}
.page .text h3 {
  font-size: 24px;
}
@media all and (min-width: 64em) {
  .page .text h3 {
    font-size: 30px;
  }
}
.page .text h4 {
  font-size: 20px;
}
.page .text p {
  margin-top: 2rem;
}
.page .text a {
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.page .text a:hover {
  background-color: var(--main-color);
}

.nav_clone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 7rem;
}
@media all and (min-width: 38.75em) {
  .nav_clone {
    margin-top: 8rem;
  }
}
@media all and (min-width: 64em) {
  .nav_clone {
    margin-top: 14rem;
  }
}
.nav_clone h2 {
  position: relative;
  text-align: center;
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
}
@media all and (min-width: 64em) {
  .nav_clone h2 {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
.nav_clone__lists {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  margin-top: 4.5rem;
}
@media all and (min-width: 38.75em) {
  .nav_clone__lists {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 65%;
    margin: 3rem auto 0;
  }
}
@media all and (min-width: 64em) {
  .nav_clone__lists {
    max-width: 45%;
    margin: 5rem auto 0;
  }
}
.nav_clone__lists__item {
  margin-top: 2.5rem;
  text-align: center;
}
.nav_clone__lists__item:nth-of-type(1) {
  margin-top: 0;
}
@media all and (min-width: 38.75em) {
  .nav_clone__lists__item {
    margin-top: 3rem;
    margin-right: 4rem;
  }
  .nav_clone__lists__item:nth-of-type(1) {
    margin-top: 3rem;
  }
}
.nav_clone__lists__item.var_disable a {
  pointer-events: none;
  text-decoration: line-through;
}
.nav_clone__lists__item.var_disable a a {
  text-decoration: none;
}
.nav_clone__lists__item a {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
.nav_clone__lists__item a em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.nav_clone__lists__item a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
  transition: background-color 0.3s ease-in-out;
}
.nav_clone__social {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 4.8rem;
}
@media all and (min-width: 38.75em) {
  .nav_clone__social {
    margin-top: 6rem;
  }
}
.nav_clone__social a:nth-last-of-type(1) .nav_clone__social__item {
  margin-right: 0;
}
.nav_clone__social__item {
  width: 24px;
  flex: 0 0 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 3.5rem;
  cursor: pointer;
}

.footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8rem 0px 4rem 0px;
}
@media screen and (min-width: 1440px) {
  .footer {
    flex-direction: row;
    gap: 4rem;
    margin-top: 9rem;
  }
}
.footer__logos {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3rem;
}
@media screen and (min-width: 1440px) {
  .footer__logos {
    margin-top: 0;
  }
}
.footer__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 1440px) {
  .footer__links {
    gap: 4rem;
    margin-bottom: 0px;
  }
}
.footer__links__logo {
  display: inline-block !important;
  background-color: transparent !important;
}
.footer__links__logo img {
  max-width: 120px;
}
.footer a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  width: auto;
}
.footer a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.footer p,
.footer a {
  font-family: "addingtoncf-light", serif;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.09px;
}
.footer p i,
.footer p em,
.footer a i,
.footer a em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.footer p {
  text-align: center;
}

.staff {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
@media all and (min-width: 64em) {
  .staff {
    margin-bottom: 8rem;
  }
}
.staff:nth-last-of-type(1) {
  margin-bottom: 0;
}
.staff__container__box {
  padding: 4rem 0;
  margin: 0 4.34615%;
  border: 1px solid #000;
  border-bottom: 0;
  text-align: center;
}
.staff__container__box:nth-last-of-type(1) {
  border-bottom: 1px solid #000;
}
@media all and (min-width: 38.75em) {
  .staff__container__box {
    margin: 0 3.3%;
  }
}
@media all and (min-width: 64em) {
  .staff__container__box {
    display: flex;
    border: none;
    padding: 0;
    margin: 0 3.73%;
    border-top: 1px solid #000;
    border-bottom: 0;
  }
}
@media all and (min-width: 64em) {
  .staff__container__box__title {
    flex: 0 0 24.33%;
    border-right: 1px solid #000;
    padding-top: 3rem;
  }
}
.staff__container__box__title h3 {
  font-size: 4rem;
  line-height: 1.3;
  font-family: "articulatcf-bold", serif;
  margin-right: 3%;
}
@media all and (min-width: 38.75em) {
  .staff__container__box__members {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 64em) {
  .staff__container__box__members {
    flex: 0 0 75.67%;
    padding: 0 10%;
    margin-bottom: 5rem;
  }
}
.staff__container__box__members__member {
  margin-top: 4rem;
}
@media all and (min-width: 38.75em) {
  .staff__container__box__members__member {
    flex: 0 0 49%;
  }
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
    flex: 0 0 44%;
  }
}
.staff__container__box__members__member > a {
  margin: 0 auto;
}
.staff__container__box__members__member > a > img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  width: 84px;
  height: 84px;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .staff__container__box__members__member > a > img {
    width: 136px;
    height: 136px;
  }
}
.staff__container__box__members__member a {
  color: #000;
  text-decoration: none;
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member h2 {
    flex: 0 0 100%;
  }
}
.staff__container__box__members__member h2:nth-of-type(1) {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  margin-top: 2rem;
  font-size: 3.5rem;
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member h2:nth-of-type(1) {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
@media all and (min-width: 38.75em) {
  .staff__container__box__members__member h2:nth-of-type(1) {
    font-size: 4rem;
    line-height: 0.74;
  }
}
.staff__container__box__members__member h2:nth-of-type(2) {
  font-family: "articulatcf-medium", serif;
  font-size: 5rem;
  line-height: 0.74;
  font-style: normal;
  font-weight: normal;
  margin-top: 1.5rem;
  font-size: 3.5rem;
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member h2:nth-of-type(2) {
    font-size: 7rem;
    line-height: 0.8142857143;
  }
}
@media all and (min-width: 38.75em) {
  .staff__container__box__members__member h2:nth-of-type(2) {
    font-size: 4rem;
    line-height: 0.74;
  }
}
.staff__container__box__members__member > p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 0.5rem;
}
.staff__container__box__members__member > p i,
.staff__container__box__members__member > p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.staff__container__box__members__member > p b,
.staff__container__box__members__member > p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member > p {
    flex: 0 0 100%;
  }
}
.staff__container__box__members__member__social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
}
@media all and (min-width: 64em) {
  .staff__container__box__members__member__social {
    flex: 0 0 100%;
    align-self: flex-end;
  }
}
.staff__container__box__members__member__social a {
  display: block;
  margin-right: 1.5rem;
  margin-left: 0;
}
.staff__container__box__members__member__social a:nth-last-of-type(1) {
  margin-right: 0;
}
.staff__container__box__members__member__social a img {
  display: block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contact-form {
  margin: 6rem auto 0 auto;
  width: clamp(320px, 64%, 800px);
  max-width: 92%;
}
.contact-form .box {
  position: fixed;
  background: var(--main-color);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 909;
  padding: 10rem 6rem;
  box-shadow: 1px 1px 0px 100vw rgba(0, 0, 0, 0.66);
  opacity: 0;
  visibility: hidden;
  text-align: center;
}
.contact-form .box.active {
  opacity: 1;
  visibility: visible;
}
.contact-form .box h2 {
  font-family: "articulatcf-bold", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 1.3636363636;
  margin-left: 20px;
}
.contact-form .box p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  font-size: 1.8rem;
  margin-top: 1rem;
  line-height: 1.6;
}
.contact-form .box .button {
  margin-top: 3rem !important;
}
.contact-form .box .button button {
  white-space: nowrap;
}
.contact-form #acceptAll {
  display: none;
}
.contact-form #acceptAll + span {
  text-decoration: underline;
}
.contact-form .different-emails {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 1.2rem;
  position: absolute;
  width: 160px;
  top: -27px;
  left: 94px;
  color: #eb3da9;
  opacity: 0.6;
}
.contact-form .submit-btn,
.contact-form .box .button {
  position: relative;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  overflow: hidden;
}
.contact-form .submit-btn::before,
.contact-form .box .button::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  transform: translateY(0);
  transition: transform 0.22s ease-out;
}
.contact-form .submit-btn:hover::before,
.contact-form .box .button:hover::before {
  transform: translateY(100%);
}
.contact-form .submit-btn.is-loading::before, .contact-form .submit-btn.is-loading .wpcf7-submit,
.contact-form .box .button.is-loading::before,
.contact-form .box .button.is-loading .wpcf7-submit {
  opacity: 0;
}
.contact-form .submit-btn button,
.contact-form .submit-btn input[type=submit],
.contact-form .box .button button,
.contact-form .box .button input[type=submit] {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  display: block;
  position: relative;
  background-color: transparent;
  color: white;
  padding: 22px 48px;
  border: none;
  border-bottom: 1px solid #000;
  transition: color 0.04s ease 0.08s, opacity 0.22s, transform 0.22s;
  cursor: pointer;
}
.contact-form .submit-btn button:hover,
.contact-form .submit-btn input[type=submit]:hover,
.contact-form .box .button button:hover,
.contact-form .box .button input[type=submit]:hover {
  color: #000;
}
.contact-form .submit-btn {
  display: block;
  margin: 0 auto 0 0;
  width: 100%;
}
.contact-form .submit-btn input {
  width: 100%;
  margin: 0 auto;
}
@media all and (min-width: 64em) {
  .contact-form .submit-btn {
    margin: 0 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .contact-form .submit-btn input {
    width: auto;
    margin: 0;
  }
}
.contact-form form {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.contact-form form .wpcf7-not-valid-tip {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  bottom: -21px;
  left: 22px;
  font-size: 1rem;
  color: #eb3da9;
  white-space: nowrap;
}
.contact-form form .wpcf7-not-valid-tip::after {
  content: "";
  position: absolute;
  top: -53px;
  left: -22px;
  width: 4px;
  height: 70px;
  background: #eb3da9;
}
.contact-form form .form-group label,
.contact-form form #helperSearchSpan {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  font-style: 22px;
  left: 20px;
  top: 30px;
  width: 100%;
  color: white;
  transition: transform 0.22s, opacity 0.22s;
  will-change: auto;
  pointer-events: none;
  transform-origin: left;
  transform: translateY(-4px);
}
@media screen and (min-width: 1200px) {
  .contact-form form .form-group label,
  .contact-form form #helperSearchSpan {
    left: 22px;
  }
}
.contact-form form #helperSearchSpan {
  display: block;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.contact-form form .two-cols {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media all and (min-width: 64em) {
  .contact-form form .two-cols {
    gap: 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media all and (min-width: 64em) {
  .contact-form form .two-cols.seven-to-three .form-group {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .contact-form form .two-cols.seven-to-three .form-group:first-of-type {
    grid-column: 1/8;
  }
  .contact-form form .two-cols.seven-to-three .form-group:last-of-type {
    grid-column: 8/11;
  }
}
.contact-form form .three-cols select,
.contact-form form .two-cols select {
  padding: 0 22px;
}
.contact-form form .three-cols {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media all and (min-width: 64em) {
  .contact-form form .three-cols {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2rem;
  }
  .contact-form form .three-cols select {
    padding: 0 20px;
  }
  .contact-form form .three-cols .form-group:first-of-type {
    grid-column: 1/2;
  }
  .contact-form form .three-cols .form-group:nth-of-type(2) {
    grid-column: 2/4;
  }
  .contact-form form .three-cols .form-group:last-of-type {
    grid-column: 4/6;
  }
}
@media all and (min-width: 64em) {
  .contact-form form .three-cols.small-in-the-middle {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .contact-form form .three-cols.small-in-the-middle .form-group:first-of-type {
    grid-column: 1/5;
  }
  .contact-form form .three-cols.small-in-the-middle .form-group:nth-of-type(2) {
    grid-column: 5/8;
  }
  .contact-form form .three-cols.small-in-the-middle .form-group:last-of-type {
    grid-column: 8/13;
  }
}
@media all and (min-width: 64em) {
  .contact-form form .three-cols.second-is-mini {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .contact-form form .three-cols.second-is-mini .form-group:first-of-type {
    grid-column: 1/5;
  }
  .contact-form form .three-cols.second-is-mini .form-group:nth-of-type(2) {
    grid-column: 5/9;
  }
  .contact-form form .three-cols.second-is-mini .form-group:last-of-type {
    grid-column: 9/13;
  }
}
@media screen and (min-width: 1200px) {
  .contact-form form .three-cols.second-is-mini .form-group:first-of-type {
    grid-column: 1/5;
  }
  .contact-form form .three-cols.second-is-mini .form-group:nth-of-type(2) {
    grid-column: 5/8;
  }
  .contact-form form .three-cols.second-is-mini .form-group:last-of-type {
    grid-column: 8/13;
  }
}
.contact-form form .three-cols.second-is-mini select {
  padding-right: 16px;
}
.contact-form form .three-cols.second-is-mini select option {
  color: black;
  background-color: white;
}
.contact-form form .three-cols.second-is-mini .dial_text {
  position: absolute;
  inset: 0;
  top: 4px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  width: 72%;
  height: 70px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  color: white;
}
.contact-form form .three-cols select {
  padding: 0 20px;
}
@media screen and (min-width: 1200px) {
  .contact-form form .three-cols select {
    padding: 0 24px;
  }
}
.contact-form form .form-group {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
.contact-form form .form-group .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.4rem;
  max-width: 100%;
}
@media all and (min-width: 64em) {
  .contact-form form .form-group .search-line {
    width: 0px;
  }
}
.contact-form form .form-group .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.contact-form form .form-group .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 4px;
}
.contact-form form .form-group .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.contact-form form .form-group.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.contact-form form .form-group.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.contact-form form .form-group.filled::before, .contact-form form .form-group.filled::after {
  transform: scaleX(1);
}
.contact-form form .form-group.edged .search-line {
  transform: translateX(0px) scaleX(160%);
  transition: transform 0.8s, width 0.8s;
}
.contact-form form .form-group.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.contact-form form .form-group.select, .contact-form form .form-group.date {
  transform: translateY(4px);
  z-index: 1;
}
.contact-form form .form-group .search-line,
.contact-form form .form-group .search-line--vertical,
.contact-form form .form-group .search-line-edge {
  background-color: white;
}
.contact-form form .form-group.filled .search-line {
  transition: transform 0.8s, width 0.2s;
}
.contact-form form .form-group.blured .search-line {
  width: 0px !important;
  transform: translateX(-80px);
}
.contact-form form .form-group.blured .search-line--vertical {
  transform: scaleY(0);
  transition: transform 0.22s ease 0.22s;
}
.contact-form form .form-group.blured.edged .search-line {
  transition: transform 0.8s ease 0.2s, width 1s ease 0.2s;
}
.contact-form form .form-group.blured.edged .search-line--vertical {
  transition: transform 0.16s ease 0.9s;
}
.contact-form form .form-group.blured.edged .search-line-edge {
  transform: scaleY(0);
  transition: transform 0.16s;
}
.contact-form form .form-group.select select {
  border-radius: 0px;
}
.contact-form form .form-group.select label {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  position: absolute;
  z-index: 1;
  transform: scale(0.46) translate(0px, -66px);
  opacity: 0;
  transition: opacity 0.22s;
}
.contact-form form .form-group.select select[name=dial_code] {
  padding-right: 30px;
}
.contact-form form .form-group.select select[name=dial_code].is_black {
  -webkit-text-fill-color: black;
}
.contact-form form .form-group input:-webkit-autofill,
.contact-form form .form-group input:-webkit-autofill:hover,
.contact-form form .form-group input:-webkit-autofill:focus,
.contact-form form .form-group textarea:-webkit-autofill,
.contact-form form .form-group textarea:-webkit-autofill:hover,
.contact-form form .form-group textarea:-webkit-autofill:focus,
.contact-form form .form-group select:-webkit-autofill,
.contact-form form .form-group select:-webkit-autofill:hover,
.contact-form form .form-group select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  -webkit-transition: background-color 5000s rgba(230, 205, 173, 0.412) -out 0s;
  transition: background-color 5000s rgba(230, 205, 173, 0.412) -out 0s;
}
.contact-form form .form-group span.active + br + label {
  transform: translate(0px, -26px) scale(0.46);
}
.contact-form form .form-group select {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  outline: none;
  height: 70px;
  width: 100%;
  border: none;
  cursor: pointer;
  background-color: white;
  color: white;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='466px' height='272px' viewBox='0 0 466 272' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ePath%3c/title%3e %3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M11.3202525,11.4562525 C-3.77258444,26.5429833 -3.77258444,51.0139105 11.3202525,66.1067475 L205.604227,260.392722 C212.944064,267.728993 222.750903,271.706 232.923,271.706 C243.095637,271.706 252.900627,267.733927 260.239743,260.400751 L454.522811,66.1126838 C469.621985,51.0208371 469.621985,26.5480566 454.520544,11.4600504 L454.065226,11.0120159 C438.948099,-3.62377536 414.821969,-3.47441866 399.880254,11.4612512 L232.92275,178.4205 L65.9665456,11.455051 C50.8729504,-3.63121725 26.4077223,-3.63121725 11.3202525,11.4562525 Z' id='Path' fill='%23FFFFFF' fill-rule='nonzero'%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
  background-size: 0.6em;
  background-position: calc(100% - 1.8rem) center;
  background-repeat: no-repeat;
  transition: background-position 0.3s;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.contact-form form .form-group select:first-of-type {
  color: #000;
}
.contact-form form .form-group select::-webkit-scrollbar {
  width: 10px;
}
.contact-form form .form-group select::-webkit-scrollbar-track {
  background: rgb(240, 240, 240);
}
.contact-form form .form-group select::-webkit-scrollbar-thumb {
  background: black;
  margin: 2px;
}
.contact-form form .form-group select::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.85);
}
.contact-form form .form-group select:focus-visible {
  background-position: calc(100% + 3rem) center;
}
.contact-form form .form-group select:focus > option:checked {
  background: #000 !important;
  color: white;
}
.contact-form form .form-group select option {
  font-size: 16px;
  overflow-y: hidden;
  cursor: pointer !important;
  background-color: white !important;
}
.contact-form form .form-group select option:first-of-type {
  display: none;
}
.contact-form form .form-group select option:hover {
  background: red !important;
}
.contact-form form .form-group input,
.contact-form form .form-group textarea,
.contact-form form .form-group select {
  display: inline;
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  height: 100%;
  height: 70px;
  background-color: #000;
  border: none;
  padding: 0px 2rem 0px 2rem;
  outline: none;
  color: white;
  -webkit-text-fill-color: white;
}
@media screen and (min-width: 1200px) {
  .contact-form form .form-group input,
  .contact-form form .form-group textarea,
  .contact-form form .form-group select {
    padding: 0px 2.2rem 0px 2.2rem;
  }
}
.contact-form form .form-group textarea {
  padding: 2rem;
  height: 16rem;
}
@media screen and (min-width: 1200px) {
  .contact-form form .form-group textarea {
    padding: 2.2rem;
  }
}
.contact-form form .form-group.file {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
  justify-content: space-between;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  height: 30px;
  text-decoration: underline;
}
span .contact-form form .form-group.file::before, span .contact-form form .form-group.file::after {
  display: none;
}
.contact-form form .form-group.file input {
  position: absolute;
  font-size: 0;
  inset: 0;
  top: -16px;
  opacity: 0;
  z-index: 10;
  width: 999px;
  height: 30px;
  background-color: red;
  cursor: pointer;
}
.contact-form form .form-group.file span:nth-of-type(2) {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  white-space: nowrap;
  margin-right: 6px;
}
.contact-form form .form-group.file span:last-of-type {
  width: 30px;
  height: 30px;
  margin-top: 2px;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: transform 0.22s;
  pointer-events: none;
  z-index: 10;
}
.contact-form form .form-group.file span:last-of-type.active {
  pointer-events: auto;
  transform: rotate(45deg) translate(-3px, 0px);
}
.contact-form form .form-group.file span:last-of-type.active::before {
  transform: rotate(-90deg) translateX(-7px);
}
.contact-form form .form-group.file span:last-of-type.active::after {
  transform: translateY(-8px);
}
.contact-form form .form-group.file span:last-of-type::before, .contact-form form .form-group.file span:last-of-type::after {
  content: "";
  width: 20px;
  height: 3px;
  background-color: #000;
}
.contact-form form .form-group.file span:last-of-type::before {
  transform: rotate(-90deg) translateX(-4px);
}
.contact-form form .form-group.file span:last-of-type::after {
  transform: translateY(-11px);
}
.contact-form form .form-group input[type=date] {
  cursor: pointer;
}
.contact-form form .form-group input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.contact-form form .form-group.date {
  overflow: visible;
  z-index: 99;
}
.contact-form form .form-group.date .qs-datepicker-container {
  width: auto;
  box-shadow: 14px 17px 11px -6px rgba(0, 0, 0, 0.3098039216);
  border: none;
  transition: opacity 0.3s, visibility 0s ease 0s;
  visibility: visible;
  opacity: 1;
  display: block;
  left: 50% !important;
  transform: translateX(-50%);
}
@media all and (min-width: 64em) {
  .contact-form form .form-group.date .qs-datepicker-container {
    transform: none;
    left: 0 !important;
  }
}
.contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year {
  color: #000;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
.contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
.contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
.contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year:-ms-input-placeholder, .contact-form form .form-group.date .qs-datepicker-container .qs-overlay-year::-ms-input-placeholder {
  color: #000;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-submit {
  padding: 8px 22px;
  font-family: "articulatcf-demibold", serif;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8rem;
  border: none;
  background-color: #000;
}
.contact-form form .form-group.date .qs-datepicker-container.qs-hidden {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0s ease 0.22s;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker {
  width: 400px;
  max-width: 86vw;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-month-year {
  padding: 12px 0;
  border: none;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-month-year::after {
  font-family: "articulatcf-demibold", serif;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-style: normal;
  font-weight: normal;
  content: "click to select";
  font-size: 1.125rem;
  position: absolute;
  color: white;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-month-year:hover::after {
  color: var(--main-color);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-month-year .qs-month,
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-month-year .qs-year {
  font-family: "articulatcf-demibold", serif;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-style: normal;
  font-weight: normal;
  color: white;
  font-size: 1.8rem;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls {
  background: #000;
  padding: 2px 24px;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls .qs-arrow {
  transition: transform 0.16s;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls .qs-arrow::after {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  border: none;
  border-left: 4px solid white;
  border-top: 4px solid white;
  font-size: 22px;
  color: white;
  transform: rotate(-45deg) translate(6px, -6px);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls .qs-arrow:hover {
  transform: translateX(-2px);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls .qs-arrow.qs-right::after {
  transform: rotate(135deg) translate(-5px, 7px);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-controls .qs-arrow.qs-right:hover {
  transform: translateX(2px);
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-active {
  background: yellow;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-squares {
  padding: 12px 12px 20px 12px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-square {
  font-family: "articulatcf-demibold", serif;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  padding: 20px;
}
@media all and (min-width: 38.75em) {
  .contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-square {
    font-size: 1.8rem;
    padding: 22px;
  }
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-square:hover {
  color: white;
  background: black;
}
.contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-square.qs-day {
  pointer-events: none;
  font-weight: 300;
  opacity: 0.6;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  font-size: 1rem;
}
@media all and (min-width: 38.75em) {
  .contact-form form .form-group.date .qs-datepicker-container .qs-datepicker .qs-square.qs-day {
    font-size: 1.2rem;
  }
}
.contact-form form .form-group.textarea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact-form form .form-group.textarea label {
  position: relative;
  inset: unset;
  margin: 8px 0 0px 0;
}
.contact-form form .form-group.textarea textarea {
  height: 140px;
  margin-top: 1rem;
  resize: none;
  padding: 20px;
}
@media screen and (min-width: 1200px) {
  .contact-form form .form-group.textarea textarea {
    padding: 22px;
  }
}
.contact-form form .form-group.textarea textarea + br + label {
  top: 0;
  position: relative;
}
.contact-form form .your-file.is-required::before {
  content: "*";
  position: absolute;
  top: -12px;
  left: -7px;
  width: 6px;
  height: 6px;
  font-weight: 300;
  color: red;
}
.contact-form form .your-file.is-required .wpcf7-not-valid-tip {
  bottom: -46px;
  left: -2px;
}
.contact-form form .your-file.is-required .wpcf7-not-valid-tip::before, .contact-form form .your-file.is-required .wpcf7-not-valid-tip::after {
  display: none;
}
.contact-form form .acceptance {
  margin-top: 5rem;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .contact-form form .acceptance {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.contact-form form .acceptance i,
.contact-form form .acceptance em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.contact-form form .acceptance b,
.contact-form form .acceptance strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
@media all and (min-width: 64em) {
  .contact-form form .acceptance {
    font-size: 2rem;
    line-height: 1.5;
  }
}
.contact-form form .acceptance p {
  margin-bottom: 2rem;
}
.contact-form form .acceptance + p + .wpcf7-response-output {
  white-space: normal !important;
}
.contact-form form .acceptance span {
  margin-left: 0;
}
.contact-form form .acceptance .wpcf7-list-item-label {
  cursor: pointer;
}
.contact-form form .acceptance .wpcf7-acceptance input[type=checkbox]::after {
  content: "*";
  position: absolute;
  top: -4px;
  right: -10px;
  width: 6px;
  height: 6px;
  font-weight: 300;
  color: red;
}
.contact-form form .acceptance .wpcf7-acceptance.optional input[type=checkbox]::after {
  display: none;
}
.contact-form form .acceptance input[type=checkbox] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  cursor: pointer;
  transform: translateY(2px);
}
.contact-form form .acceptance input[type=checkbox]:checked::before {
  background-color: #000;
}
.contact-form form .acceptance input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: var(--main-color);
  border: 3px solid #000;
  pointer-events: none;
  cursor: pointer;
  color: var(--text-color);
}
.contact-form .textarea .wpcf7-not-valid-tip {
  bottom: -20px;
}
.contact-form .wpcf7 form .wpcf7-response-output {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  color: #000;
  width: 100%;
  text-align: left;
  bottom: 0px;
  font-size: 15px !important;
  border-width: 0px;
  padding: 0;
  margin-top: 30px;
  color: #eb3da9;
}
@media all and (min-width: 64em) {
  .contact-form .wpcf7 form .wpcf7-response-output {
    text-align: right;
    padding-right: 196px;
    z-index: -1;
    transform: translateY(-10px);
    position: absolute;
    white-space: nowrap;
  }
}
.contact-form .wpcf7 .ajax-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  transform-origin: center;
  border-radius: 0;
  margin: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.contact-form .wpcf7 .ajax-loader::before {
  top: 32%;
  left: 43%;
  transform: translate(-50%, -50%);
}
.contact-form .wpcf7 form.submitting .ajax-loader {
  opacity: 1;
}
.contact-form .qs-datepicker-container {
  position: absolute;
  background: #fff;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
}
.contact-form .qs-hidden {
  display: none;
}
.contact-form .qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}
.contact-form .qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}
.contact-form .qs-overlay .qs-overlay-year {
  text-align: center;
}
.contact-form .qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.contact-form .qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.contact-form .qs-overlay .qs-submit {
  border: 1px solid #fff;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: hsla(0, 0%, 50.2%, 0.4);
}
.contact-form .qs-overlay .qs-submit.qs-disabled {
  color: grey;
  border-color: grey;
  cursor: not-allowed;
}
.contact-form .qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.contact-form .qs-overlay .qs-overlay-month {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.contact-form .qs-overlay .qs-overlay-month.active,
.contact-form .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}
.contact-form .qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: #d3d3d3;
  filter: blur(0);
  transition: filter 0.3s;
}
.contact-form .qs-controls.qs-blur {
  filter: blur(5px);
}
.contact-form .qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.263921875em;
  transition: background 0.15s;
}
.contact-form .qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.contact-form .qs-arrow:hover.qs-left:after {
  border-right-color: #000;
}
.contact-form .qs-arrow:hover.qs-right:after {
  border-left-color: #000;
}
.contact-form .qs-arrow:after {
  content: "";
  border: 0.390625em solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  transition: border 0.2s;
}
.contact-form .qs-arrow.qs-left:after {
  border-right-color: grey;
  right: 50%;
  transform: translate(25%, -50%);
}
.contact-form .qs-arrow.qs-right:after {
  border-left-color: grey;
  left: 50%;
  transform: translate(-25%, -50%);
}
.contact-form .qs-month-year {
  font-weight: 700;
  transition: border 0.2s;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.contact-form .qs-month-year:hover {
  border-bottom: 1px solid grey;
}
.contact-form .qs-month-year:active:focus,
.contact-form .qs-month-year:focus {
  outline: none;
}
.contact-form .qs-month {
  padding-right: 0.5ex;
}
.contact-form .qs-year {
  padding-left: 0.5ex;
}
.contact-form .qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0);
  transition: filter 0.3s;
}
.contact-form .qs-squares.qs-blur {
  filter: blur(5px);
}
.contact-form .qs-square {
  width: 14.2857142857%;
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s;
  border-radius: 0.263921875em;
}
.contact-form .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}
.contact-form .qs-current {
  font-weight: 700;
  text-decoration: underline;
}
.contact-form .qs-active,
.contact-form .qs-range-end,
.contact-form .qs-range-start {
  background: #add8e6;
}
.contact-form .qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.contact-form .qs-range-middle {
  background: #d4ebf2;
}
.contact-form .qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}
.contact-form .qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.contact-form .qs-range-end:not(.qs-range-0),
.contact-form .qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.contact-form .qs-disabled,
.contact-form .qs-outside-current-month {
  opacity: 0.2;
}
.contact-form .qs-disabled {
  cursor: not-allowed;
}
.contact-form .qs-day,
.contact-form .qs-empty {
  cursor: default;
}
.contact-form .qs-day {
  font-weight: 700;
  color: grey;
}
.contact-form .qs-event {
  position: relative;
}
.contact-form .qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

.newsletter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: 82.6154%;
  margin-left: 0%;
  margin: 5rem auto 0;
  padding: 5rem 0;
}
@media all and (min-width: 38.75em) {
  .newsletter {
    width: 82.4345166667%;
    margin-left: 0%;
    margin: 6rem auto 0;
    padding: 7rem 0;
  }
}
@media all and (min-width: 64em) {
  .newsletter {
    width: 47.48515%;
    margin-left: 0%;
    margin: 7rem auto 0;
  }
}
.newsletter.is-page .newsletter__background {
  width: 110%;
  background-color: white;
}
@media all and (min-width: 64em) {
  .newsletter.is-page .newsletter__background {
    width: 120%;
  }
}
.newsletter.is-page input[type=email] {
  background-color: var(--main-color);
}
.newsletter__background {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  background-color: var(--main-color);
  z-index: -1;
}
@media all and (min-width: 64em) {
  .newsletter__background {
    width: 137.4%;
  }
}
.newsletter__main {
  flex: 0 0 100%;
  position: relative;
}
.newsletter__main h3 {
  font-family: "articulatcf-bold", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2.2rem;
  line-height: 1.3636363636;
  color: var(--text-color);
}
.newsletter__main h3 i,
.newsletter__main h3 em {
  font-family: "articulatcf-demibold";
  font-style: normal;
}
.newsletter__main h3 a {
  color: #000;
  display: inline;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease-in-out;
  padding: 2px 6px;
  margin-left: -6px;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  color: var(--text-color);
}
.newsletter__main h3 a:hover {
  background-color: var(--main-color);
  color: var(--text-color);
}
.newsletter__main__text {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--text-color);
  margin-top: 0.4rem;
}
.newsletter__main__text i,
.newsletter__main__text em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.newsletter__main__text b,
.newsletter__main__text strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.newsletter__main__input {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
@media all and (min-width: 38.75em) {
  .newsletter__main__input {
    flex-direction: row;
    gap: 2rem;
  }
}
.newsletter__main__input h3 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.newsletter__main__input span {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 0.6rem;
  margin-bottom: 1.6rem;
}
.newsletter__main__input span i,
.newsletter__main__input span em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.newsletter__main__input span b,
.newsletter__main__input span strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.newsletter__main__input span:empty {
  display: none;
}
.newsletter__main__input .form-group {
  position: relative;
  overflow: hidden;
}
.newsletter__main__input .form-group .search-line {
  display: block;
  background-color: #000;
  width: 30px;
  transition: width 0.2s, transform 0.8s;
  transform: translateX(-80px);
  height: 0.4rem;
  max-width: 100%;
}
@media all and (min-width: 64em) {
  .newsletter__main__input .form-group .search-line {
    width: 0px;
  }
}
.newsletter__main__input .form-group .search-line--vertical {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #000;
  height: 100%;
  width: 4px;
  z-index: 1;
  transform: scaleY(0);
  transition: transform 0.16s ease 0.16s;
}
.newsletter__main__input .form-group .search-line-edge {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  height: 50%;
  background-color: #000;
  transform-origin: top;
  transition: transform 0.16s;
  transform: scaleY(0);
  width: 4px;
}
.newsletter__main__input .form-group .search-line-edge:last-of-type {
  top: 50%;
  transform-origin: bottom;
}
.newsletter__main__input .form-group.filled .search-line--vertical {
  transform: scaleY(1);
  transition: transform 0.16s;
}
.newsletter__main__input .form-group.filled .search-line {
  transition: transform 0.8s, width 0.2s;
  transform: translateX(0px);
}
.newsletter__main__input .form-group.filled::before, .newsletter__main__input .form-group.filled::after {
  transform: scaleX(1);
}
.newsletter__main__input .form-group.edged .search-line {
  transform: translateX(0px) scaleX(160%);
  transition: transform 0.8s, width 0.8s;
}
.newsletter__main__input .form-group.edged .search-line-edge {
  transform: scaleY(1);
  transition: transform 0.16s ease 0.16s;
}
.newsletter__main__input .form-group #helperSearchSpan {
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  display: block;
  opacity: 0;
  visibility: hidden;
  height: 0;
  position: absolute;
  left: 20px;
  top: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: white;
  transition: transform 0.22s, opacity 0.22s;
  will-change: auto;
  pointer-events: none;
  transform-origin: left;
  transform: translateY(-4px);
  font-size: 1.6rem;
}
@media screen and (min-width: 1200px) {
  .newsletter__main__input .form-group #helperSearchSpan {
    left: 22px;
  }
}
@media all and (min-width: 38.75em) {
  .newsletter__main__input .form-group #helperSearchSpan {
    font-size: 2.2rem;
  }
}
.newsletter__main__input .form-group input:-webkit-autofill,
.newsletter__main__input .form-group input:-webkit-autofill:hover,
.newsletter__main__input .form-group input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-transition: background-color 5000s rgba(230, 205, 173, 0.412) -out 0s;
  transition: background-color 5000s rgba(230, 205, 173, 0.412) -out 0s;
}
.newsletter__main__input .form-group input {
  display: inline;
  font-family: "articulatcf-demibold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  height: 100%;
  height: 56px;
  background-color: white;
  border: none;
  padding: 0px 2rem 0px 2rem;
  outline: none;
  color: #000;
  -webkit-text-fill-color: #000;
  font-size: 1.6rem;
}
@media screen and (min-width: 1200px) {
  .newsletter__main__input .form-group input {
    padding: 0px 2.2rem 0px 2.2rem;
  }
}
@media all and (min-width: 38.75em) {
  .newsletter__main__input .form-group input {
    font-size: 2.2rem;
    padding: 0px 2rem 0px 2rem;
  }
}
.newsletter__main__input .form-group input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.6; /* Firefox */
}
.newsletter__main__input .form-group input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.6; /* Firefox */
}
.newsletter__main__input .form-group input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.6; /* Firefox */
}
.newsletter__main__input .form-group input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  background-color: rgb(46, 46, 46);
}
.newsletter__main__input .form-group input::-ms-input-placeholder {
  /* Microsoft Edge */
  background-color: rgb(46, 46, 46);
}
.newsletter__main__input--button {
  margin: 0 !important;
  position: relative;
  font-size: 1.4rem;
  font-family: "articulatcf-demibold", serif;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  color: var(--main-color);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 39px;
  background-color: #000;
  border: none;
  color: white;
  width: auto;
  padding: 0 3rem;
  height: 56px;
  transform: translateY(0.4rem);
  cursor: pointer;
}
@media all and (min-width: 38.75em) {
  .newsletter__main__input--button {
    font-size: 1.8rem;
  }
}
.newsletter__main__input--button::before, .newsletter__main__input--button::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  z-index: -1;
  transition: transform 0.22s;
}
.newsletter__main__input--button::before {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  left: 0;
}
.newsletter__main__input--button::after {
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.newsletter__main__input--button:hover::before {
  transform: translate(-6px, -6px);
}
.newsletter__main__input--button:hover::after {
  transform: translate(6px, 6px);
}
@media all and (min-width: 64em) {
  .newsletter__main__input--button {
    padding: 0 4rem;
  }
}
.newsletter__main__output--failed, .newsletter__main__output--success, .newsletter__main__output--empty {
  margin-top: 0.875rem;
  position: absolute;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  display: none;
}
.newsletter__main__output--failed i,
.newsletter__main__output--failed em, .newsletter__main__output--success i,
.newsletter__main__output--success em, .newsletter__main__output--empty i,
.newsletter__main__output--empty em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.newsletter__main__output--failed b,
.newsletter__main__output--failed strong, .newsletter__main__output--success b,
.newsletter__main__output--success strong, .newsletter__main__output--empty b,
.newsletter__main__output--empty strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.newsletter__main__output--failed.active, .newsletter__main__output--success.active, .newsletter__main__output--empty.active {
  display: block;
}

.tripple {
  position: relative;
  display: grid;
  margin: 10rem 0px 0px 0px;
  padding: 3.5rem 0;
  gap: 8rem;
}
@media all and (min-width: 76.5em) {
  .tripple {
    padding: 5rem 0;
  }
}
.tripple::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: #f4f4f4;
}
@media all and (min-width: 76.5em) {
  .tripple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tripple .newsletter {
  margin-right: 0px;
  margin-left: 0px;
  width: 100%;
}
.tripple .newsletter .newsletter__main__input .form-group {
  max-width: 412px;
}
@media all and (min-width: 64em) {
  .tripple .newsletter {
    margin-left: 13.5%;
    width: 73%;
  }
}
.tripple .newsletter .h4 {
  font-family: "articulatcf-bold";
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
}
@media all and (min-width: 64em) {
  .tripple .newsletter .newsletter__main__input {
    flex-direction: column;
  }
}
@media screen and (min-width: 1267px) {
  .tripple .newsletter .newsletter__main__input {
    flex-direction: row;
  }
}
.tripple__left__author--bio, .tripple__feature__text {
  margin-top: 2rem;
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  line-height: 1.44;
}
.tripple__left__author--bio a, .tripple__feature__text a {
  font-family: "addingtoncf-regular", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  font-size: 1.8rem !important;
  color: #000;
  transition: background-color 0.3s ease-in-out;
}
@media all and (min-width: 64em) {
  .tripple__left__author--bio a, .tripple__feature__text a {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
}
.tripple__left__author--bio a:hover, .tripple__feature__text a:hover {
  background-color: var(--main-color);
  transition: background-color 0.3s ease-in-out;
}
.tripple__left__author--read-more, .tripple__feature__link {
  margin-top: 2rem;
  position: relative;
  display: inline-block;
  margin-top: 2rem;
  font-family: "articulatcf-bold" !important;
  color: #000;
  font-size: 1.6rem;
  background: transparent;
  padding: 0.75rem;
  margin-left: -0.75rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.tripple__left__author--read-more::before, .tripple__feature__link::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0.75rem;
  width: calc(100% - 1.5rem);
  height: 1px;
  background-color: black;
  transition: transform 0.22s;
}
.tripple__left__author--read-more:hover::before, .tripple__feature__link:hover::before {
  transform: translateY(4px);
}
.tripple__left {
  display: flex;
  flex-direction: column;
}
.tripple__left h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
  border-bottom: 1px solid #000;
  padding-bottom: 2rem;
}
.tripple__left__author {
  display: flex;
  padding: 4rem 0rem 0rem 0rem;
  gap: 1.25rem;
  flex-direction: column;
  text-align: center;
}
@media all and (min-width: 38.75em) {
  .tripple__left__author {
    flex-direction: row;
    text-align: left;
  }
}
@media all and (min-width: 76.5em) {
  .tripple__left__author {
    border-right: 1px solid #000;
    padding: 4.8rem 6rem 4.8rem 0px;
  }
}
.tripple__left__author--image {
  min-width: 9rem;
  min-height: 9rem;
  max-width: 9rem;
  max-height: 9rem;
  margin: 0 auto;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (min-width: 38.75em) {
  .tripple__left__author--image {
    margin: 0;
  }
}
.tripple__left__author > div {
  display: flex;
  flex-direction: column;
}
.tripple__left__author-names {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0.6125rem 0.75rem 0.5rem;
  margin-left: -0.75rem;
  margin-bottom: 0.375rem;
  color: #000;
  text-decoration: none;
  transition: background-color 0.3s;
  background-color: transparent;
}
.tripple__left__author-names:hover {
  background-color: var(--main-color);
}
.tripple__left__author--firstname {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 2.4rem;
}
.tripple__left__author--surname {
  font-family: "articulatcf-medium";
  font-size: 2.2rem;
  word-break: normal;
}
.tripple__left__author--role {
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
}
.tripple__left__author--bio {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
}
.tripple__right .newsletter {
  width: 100%;
  padding: 4.5rem 3rem;
}
.tripple__right .newsletter__background {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .tripple__right .newsletter {
    padding: 4.5rem 6rem;
  }
}
.tripple__right .newsletter__main__input {
  flex-direction: column;
}
@media screen and (min-width: 576px) {
  .tripple__right .newsletter__main__input {
    flex-direction: row;
  }
}
@media all and (min-width: 76.5em) {
  .tripple__right .newsletter__main__input {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .tripple__right .newsletter__main__input {
    flex-direction: row;
  }
}
.tripple__feature h2 {
  border-bottom: none;
  padding-bottom: 3rem;
}
.tripple__feature h3 {
  font-family: "articulatcf-bold", serif;
  font-size: calc(30px + 28 * (100vw - 375px) / 1305);
  font-weight: normal;
  font-style: normal;
  line-height: 1.0666666667;
  position: relative;
  margin-top: 3rem;
  text-decoration: underline;
}
@media all and (min-width: 105em) {
  .tripple__feature h3 {
    font-size: 58px;
  }
}
.tripple__feature h3 > i {
  font-family: "articulatcf-boldoblique", serif;
  font-style: normal;
}
.tripple__feature h3 a {
  color: #000;
}
.tripple__feature h3 img {
  position: absolute;
  max-width: 80%;
  z-index: -1;
  top: 4rem;
  left: 50%;
  transform: translateX(-50%);
}

.opinion {
  margin-top: 5rem;
  position: relative;
}
@media all and (min-width: 38.75em) {
  .opinion {
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .opinion {
    margin-top: 10rem;
  }
}
.opinion__background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.opinion__background img {
  width: 100%;
  height: 100%;
}
.opinion.with-background {
  padding: 6rem 0px;
}
.opinion h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  line-height: 1.0952380952;
  font-weight: normal;
}
.opinion__items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.6rem;
}
.opinion__items__item {
  display: flex;
  gap: 1rem;
  padding: 3rem 2rem 3rem 0px;
}
@media all and (min-width: 38.75em) {
  .opinion__items__item {
    padding: 2rem 4rem 2rem 0px;
  }
}
@media all and (min-width: 64em) {
  .opinion__items__item {
    padding: 3rem 5rem 3rem 0px;
  }
}
.opinion__items__item img {
  max-width: 60px;
  max-height: 60px;
  border-radius: 100%;
}
.opinion__items__item h3 a,
.opinion__items__item h3 {
  color: #000;
  font-family: "articulatcf-bold";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4444444444;
}
.opinion__items__item__author {
  display: block;
  font-family: "articulatcf-medium";
  font-size: 11px;
  opacity: 0.5;
  margin-top: 0.75rem;
}
.opinion__items__item__content {
  display: block;
  font-family: "addingtoncf-light", serif;
  font-size: 1.5rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 12px;
  color: #000;
  text-decoration: none;
}
.opinion--3 .opinion__items__item {
  width: 100%;
}
@media all and (min-width: 64em) {
  .opinion--3 .opinion__items__item {
    width: 33%;
  }
}
.opinion--4 .opinion__items__item {
  width: 100%;
  border-right: none;
}
.opinion--4 .opinion__items__item:nth-of-type(2) {
  border-right: none;
}
@media all and (min-width: 38.75em) {
  .opinion--4 .opinion__items__item {
    width: 50%;
  }
}
@media all and (min-width: 76.5em) {
  .opinion--4 .opinion__items__item {
    width: 25%;
  }
}

.opinion-extended {
  margin-top: 5rem;
  position: relative;
}
@media all and (min-width: 38.75em) {
  .opinion-extended {
    margin-top: 6rem;
  }
}
@media all and (min-width: 64em) {
  .opinion-extended {
    margin-top: 10rem;
  }
}
.opinion-extended__background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #fff;
  z-index: -1;
}
.opinion-extended.with-background {
  padding: 6rem 0px;
}
.opinion-extended h2 {
  display: flex;
  justify-content: space-between;
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  line-height: 1.0952380952;
  font-weight: normal;
}
.opinion-extended h2 span:last-of-type:not(:first-of-type) {
  width: 30%;
  display: none;
}
@media all and (min-width: 76.5em) {
  .opinion-extended h2 span:last-of-type:not(:first-of-type) {
    display: block;
  }
}
.opinion-extended h2.mobile {
  margin-top: 6rem;
  margin-bottom: 1.6rem;
  margin-left: -1.5rem;
}
@media all and (min-width: 76.5em) {
  .opinion-extended h2.mobile {
    display: none;
  }
}
.opinion-extended .opinion-extended__columns {
  display: grid;
  margin-top: 1rem;
}
@media all and (min-width: 38.75em) {
  .opinion-extended .opinion-extended__columns {
    margin-top: 2rem;
  }
}
@media all and (min-width: 76.5em) {
  .opinion-extended .opinion-extended__columns {
    margin-top: 3.6rem;
    display: flex;
  }
}
.opinion-extended__items {
  display: grid;
}
@media all and (max-width: 63.99em) {
  .opinion-extended__items {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}
@media all and (min-width: 76.5em) {
  .opinion-extended__items__wrapper {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 64.9901%;
  }
}
.opinion-extended__items .opinion__items__item img {
  border-radius: 0px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.opinion-extended__aside {
  margin-top: 2rem;
}
@media all and (min-width: 76.5em) {
  .opinion-extended__aside {
    flex-direction: column;
    margin-top: 0px;
    width: 29.9802%;
    margin-left: 0%;
    padding: 0px;
  }
}
.opinion-extended__aside .opinion__items__item {
  padding-left: 0px;
  padding-right: 0px;
}
.opinion-extended__aside .opinion__items__item img {
  border-radius: 0px;
  aspect-ratio: 1/1;
  max-width: 999px;
  -o-object-fit: cover;
     object-fit: cover;
}
.opinion-extended__aside h2 {
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
@media all and (min-width: 38.75em) {
  .opinion-extended__aside h2 {
    margin-bottom: 2rem;
  }
}
@media all and (min-width: 76.5em) {
  .opinion-extended__aside h2 {
    margin-bottom: 0px;
    margin-top: -82px;
    position: absolute;
  }
}

.aside-item {
  display: flex;
  flex-direction: column;
}

.rating {
  display: flex;
  align-items: center;
  color: #000;
  font-family: "articulatcf-medium";
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  border-bottom: 1px solid #000;
  padding: 0.6rem 0px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 2rem 0px;
}
.rating__stars {
  display: inline-flex;
  gap: 0.6rem;
  margin-left: 1rem;
}
.rating__stars img {
  min-width: 1.8rem;
  min-height: 1.8rem;
  max-width: 1.8rem;
  max-height: 1.8rem;
}

.new .rating,
.featured .rating,
.more .rating,
.intro .rating {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  margin: 0px;
  border-bottom: none;
  padding: 1.4rem 1.2rem 0rem 0px;
  transform: translateY(25%);
  margin-left: -1px;
}
.new .rating__title,
.featured .rating__title,
.more .rating__title,
.intro .rating__title {
  display: none;
}
.new .rating__stars,
.featured .rating__stars,
.more .rating__stars,
.intro .rating__stars {
  margin-left: 0px;
}
.new .rating__stars img,
.featured .rating__stars img,
.more .rating__stars img,
.intro .rating__stars img {
  min-width: 1.4rem;
  min-height: 1.4rem;
  max-width: 1.4rem;
  max-height: 1.4rem;
}

.new .rating,
.more .rating {
  background-color: #f4f4f4;
}

.banner-wrapper {
  margin: 5rem auto 0;
}
@media all and (min-width: 38.75em) {
  .banner-wrapper {
    width: 100%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .banner-wrapper {
    width: 64.9901%;
    margin-left: 0%;
    margin: 6rem auto 0;
  }
}
@media all and (min-width: 76.5em) {
  .banner-wrapper {
    width: 64.9901%;
    margin-left: 0%;
    margin: 10rem auto 0;
  }
}
.banner-wrapper h3 {
  font-family: "addingtoncf-light";
  font-weight: 300;
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
@media all and (min-width: 38.75em) {
  .banner-wrapper--front {
    width: 100%;
    margin-left: 0%;
  }
}
@media all and (min-width: 64em) {
  .banner-wrapper--front {
    width: 100%;
    margin-left: 0%;
  }
}
@media all and (min-width: 76.5em) {
  .banner-wrapper--front {
    width: 100%;
    margin-left: 0%;
  }
}

.banner {
  display: flex;
  justify-content: center;
  position: relative;
  flex-direction: column;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .banner {
    flex-direction: row;
  }
}
@media all and (min-width: 64em) {
  .banner {
    flex-direction: column;
  }
}
@media all and (min-width: 76.5em) {
  .banner {
    flex-direction: row;
  }
}
.banner__standard img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (min-width: 76.5em) {
  .banner--front .banner__left {
    width: 47.5%;
  }
  .banner--front .banner__left img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media all and (min-width: 76.5em) {
  .banner--front .banner__right {
    width: 52.5%;
    padding: 12rem 6%;
  }
}
.banner__left {
  position: relative;
  height: 240px;
  display: flex;
}
@media all and (min-width: 38.75em) {
  .banner__left {
    height: unset;
    width: 40%;
  }
}
@media all and (min-width: 64em) {
  .banner__left {
    width: 100%;
    height: 320px;
  }
}
@media all and (min-width: 76.5em) {
  .banner__left {
    height: unset;
    width: 40%;
  }
}
.banner__left video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__left img {
  position: absolute;
  z-index: 1;
  top: 4rem;
  left: 3rem;
  width: 60%;
  max-width: 320px;
}
@media all and (min-width: 64em) {
  .banner__left img {
    top: 6rem;
    left: 6rem;
    min-width: 220px;
  }
}
.banner__right {
  position: relative;
  width: 100%;
  padding: 0rem 3rem 6rem 3rem;
  overflow: hidden;
}
@media all and (min-width: 38.75em) {
  .banner__right {
    width: 60%;
    padding: 20rem 4rem 9rem 4rem;
  }
}
@media all and (min-width: 64em) {
  .banner__right {
    width: 100%;
    padding: 9rem 4rem 7rem 4rem;
  }
}
@media all and (min-width: 76.5em) {
  .banner__right {
    padding: 16rem 7rem 11rem 7rem;
    width: 60%;
  }
}
.banner__right img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner__right .text-wrapper {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.banner__right .text-wrapper .text {
  color: white;
}
@media all and (min-width: 38.75em) {
  .banner__right .text-wrapper .text {
    margin: 0px;
    width: 100%;
  }
}
@media all and (min-width: 64em) {
  .banner__right .text-wrapper .text {
    margin: 0px;
    width: 100%;
  }
}
.banner__right .text-wrapper .text p {
  font-size: 1.8rem;
  line-height: 1.6;
}
@media all and (min-width: 64em) {
  .banner__right .text-wrapper .text p {
    font-size: 2rem;
  }
}
.banner__right .text-wrapper a {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: 3rem;
  border: 1px solid white;
  color: white;
  padding: 0px 6.5rem 0px 2.5rem;
  margin: 0 !important;
  font-size: 1.5rem;
  font-family: "articulatcf-medium", serif;
  letter-spacing: -0.1px;
  text-decoration: none;
  height: 56px;
  cursor: pointer;
  font-weight: normal;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 1.5rem;
  overflow: hidden;
}
.banner__right .text-wrapper a:hover div {
  transform: translateX(4rem);
}
.banner__right .text-wrapper a:hover span:first-of-type {
  transform: translateX(0rem);
}
.banner__right .text-wrapper a:hover span:last-of-type {
  transform: translateX(4.75rem);
}
@media all and (min-width: 64em) {
  .banner__right .text-wrapper a {
    font-size: 1.625rem;
  }
}
.banner__right .text-wrapper a div {
  transition: transform 0.2s;
}
.banner__right .text-wrapper a span {
  position: absolute;
  display: block;
  width: 2.25rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg version='1.1' width='21px' height='13px' viewBox='0 0 21.0 13.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3cclipPath id='i0'%3e%3cpath d='M1680,0 L1680,9467 L0,9467 L0,0 L1680,0 Z'%3e%3c/path%3e%3c/clipPath%3e%3cclipPath id='i1'%3e%3cpath d='M14.4732442,-7.37798711e-13 L20.7158849,6.24264069 L20.0087781,6.94974747 L14.4732442,12.4852814 L13.7661375,11.7781746 L18.801,6.742 L0,6.74264069 L0,5.74264069 L18.801,5.742 L13.7661375,0.707106781 L14.4732442,-7.37798711e-13 Z'%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3cg transform='translate(-930.0 -5671.0)'%3e%3cg clip-path='url(%23i0)'%3e%3cg transform='translate(808.0 5653.0)'%3e%3cg transform='translate(122.00000000000041 18.25735931288228)'%3e%3cg clip-path='url(%23i1)'%3e%3cpolygon points='0,-7.37798711e-13 20.7158849,-7.37798711e-13 20.7158849,12.4852814 0,12.4852814 0,-7.37798711e-13' stroke='none' fill='%23FFFFFF'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  transition: transform 0.2s;
}
.banner__right .text-wrapper a span:first-of-type {
  left: 2.5rem;
  transform: translateX(-4.75rem);
}
.banner__right .text-wrapper a span:last-of-type {
  right: 2.5rem;
}

.banner-wrapper--is-compact {
  margin: 3.5rem auto 0;
}
@media all and (min-width: 64em) {
  .banner-wrapper--is-compact {
    margin: 4rem auto 0;
  }
}
@media all and (min-width: 76.5em) {
  .banner-wrapper--is-compact {
    margin: 7rem auto 0;
  }
}
.banner-wrapper--is-compact video {
  display: none;
}
.banner-wrapper--is-compact .banner {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 38.75em) {
  .banner-wrapper--is-compact .banner {
    padding: 36px 0px;
  }
}
.banner-wrapper--is-compact .banner__right {
  position: unset;
}
@media all and (min-width: 38.75em) {
  .banner-wrapper--is-compact .banner__right {
    padding: 5rem 4rem 5rem 4rem;
  }
}
@media all and (min-width: 76.5em) {
  .banner-wrapper--is-compact .banner__right {
    width: 70%;
    padding: 4rem 6%;
  }
}
.banner-wrapper--is-compact .banner__right .text-wrapper .text p {
  line-height: 1.375;
}
.banner-wrapper--is-compact .banner__left {
  display: flex;
  align-items: center;
  position: relative;
}
@media all and (min-width: 38.75em) {
  .banner-wrapper--is-compact .banner__left::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.3);
    height: 100%;
    width: 2px;
    z-index: 1;
  }
}
@media all and (min-width: 76.5em) {
  .banner-wrapper--is-compact .banner__left {
    width: 30%;
  }
}
.banner-wrapper--is-compact .banner__left img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.podcast {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 4rem;
  position: relative;
  gap: 24px;
}
@media all and (min-width: 64em) {
  .podcast {
    flex-direction: row;
    gap: 0px;
  }
}
.podcast > h2 {
  flex: 0 0 100%;
  padding: 3.6rem 0;
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  line-height: 1.0952380952;
  font-weight: normal;
}
.podcast--full > h2 {
  background-color: var(--main-color);
  padding: 3.6rem 36px 0.8rem;
}
@media all and (min-width: 64em) {
  .podcast--full .podcast__embed {
    width: 100%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 100%;
  }
}
@media all and (min-width: 64em) {
  .podcast--full .podcast__embed.is_not_front_page {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 17.50495%;
    flex: 0 0 64.9901%;
  }
}
.podcast__embed {
  position: relative;
}
.podcast__embed > div {
  padding: 16px;
  background-color: var(--main-color);
}
@media all and (min-width: 38.75em) {
  .podcast__embed > div {
    padding: 32px;
  }
}
@media all and (min-width: 64em) {
  .podcast__embed {
    width: 64.9901%;
    margin-right: 5.0297%;
    margin-left: 0%;
    flex: 0 0 64.9901%;
  }
}
.podcast__box {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 64em) {
  .podcast__box {
    width: 29.9802%;
    margin-left: 0%;
  }
}
.podcast__box h2 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.podcast__box__box {
  border: 1px solid black;
  margin-top: 1rem;
  padding: 24px 16px;
  display: flex;
  gap: 16px;
}
.podcast__box__box img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.podcast__box__box h3,
.podcast__box__box a {
  font-family: "articulatcf-bold", serif;
  font-size: 2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  text-decoration: underline;
  color: black;
  transition: opacity 0.2s;
}
.podcast__box__box a:hover {
  opacity: 0.8;
}
.podcast__box__box > div > span {
  display: block;
  margin-top: 4px;
  color: #000;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.75;
}
.podcast__box__box .content,
.podcast__box__box .content p {
  display: block;
  font-family: "addingtoncf-light", serif;
  font-size: 1.5rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 16px;
  color: #000;
  text-decoration: none;
}
.podcast__box__box.is-article {
  flex-direction: column;
}
.podcast__box__box.is-article img {
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.page .podcast__embed > div {
  background-color: transparent;
  padding: 0px;
}

.page .podcast {
  padding-left: 3rem;
  padding-right: 3rem;
}

.articles-teasers {
  padding: 48px 0;
}
@media all and (min-width: 64em) {
  .articles-teasers {
    padding: 60px 0;
  }
}
.articles-teasers--pages {
  padding: 48px 0 0;
}
@media all and (min-width: 64em) {
  .articles-teasers--pages {
    padding: 60px 0 0;
  }
}
.articles-teasers--pages .articles-teasers__container {
  padding: 0;
}
@media all and (min-width: 38.75em) {
  .articles-teasers--pages .articles-teasers__container {
    padding: 20px 20px 0;
  }
}
.articles-teasers h3 {
  font-family: "addingtoncf-light-italic", serif;
  font-size: 4.2rem;
  font-weight: normal;
  line-height: 1.0952380952;
}
.articles-teasers__container {
  width: calc(82.6154% + 20px);
  margin: 0 auto;
  padding: 20px 20px 0;
  background-color: #fff;
}
@media all and (min-width: 38.75em) {
  .articles-teasers__container {
    width: calc(64.8690333333% + 20px);
    margin-left: calc(17.5654833333% - 20px);
  }
}
@media all and (min-width: 64em) {
  .articles-teasers__container {
    width: calc(47.48515% + 20px);
    margin-left: calc(26.257425% - 20px);
  }
}
.articles-teasers__articles {
  margin-top: 3rem;
  width: 100%;
}
@media all and (min-width: 38.75em) {
  .articles-teasers__articles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 4rem;
  }
}
@media all and (min-width: 64em) {
  .articles-teasers__articles {
    margin-top: 3.6rem;
  }
}
.articles-teasers__article {
  flex: 0 0 100%;
  padding-bottom: 3rem;
  transition: opacity 0.4s, transform 0.3s;
}
@media all and (min-width: 38.75em) {
  .articles-teasers__article {
    flex: 0 0 calc(50% - 10px);
  }
}
.articles-teasers__article--one {
  flex: 0 0 100%;
}
@media all and (min-width: 38.75em) {
  .articles-teasers__article--one {
    display: flex;
    gap: 20px;
  }
  .articles-teasers__article--one .articles-teasers__article__image, .articles-teasers__article--one .articles-teasers__article__content {
    flex: 0 0 calc(50% - 10px);
  }
  .articles-teasers__article--one .articles-teasers__article__image h2, .articles-teasers__article--one .articles-teasers__article__content h2 {
    margin-top: 0;
  }
}
.articles-teasers__article:hover .articles-teasers__article__image__link::after {
  border-width: 12px;
  transition: border-width 0.3s ease-in-out;
}
.articles-teasers__article h2 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
  text-decoration: underline;
  margin-top: 2.5rem;
}
.articles-teasers__article h2 em {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
@media all and (min-width: 64em) {
  .articles-teasers__article h2 {
    margin-top: 2rem;
  }
}
.articles-teasers__article h2 a {
  color: #000;
}
.articles-teasers__article h2 a i {
  font-family: "articulatcf-boldoblique", serif;
  font-size: 2.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.3181818182;
}
.articles-teasers__article a {
  color: #000;
  text-decoration: none;
}
.articles-teasers__article p, .articles-teasers__article a p em {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
  margin-top: 1.5rem;
}
.articles-teasers__article p i,
.articles-teasers__article p em, .articles-teasers__article a p em i,
.articles-teasers__article a p em em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
.articles-teasers__article p b,
.articles-teasers__article p strong, .articles-teasers__article a p em b,
.articles-teasers__article a p em strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
.articles-teasers__article p a, .articles-teasers__article a p em a {
  color: #000;
  text-decoration: none;
}
.articles-teasers__article a p em {
  font-family: "addingtoncf-light-italic", serif;
  text-decoration: none;
  color: #000;
}
.articles-teasers__article__image {
  position: relative;
}
.articles-teasers__article__image__link {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.articles-teasers__article__image__link img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 420px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.articles-teasers__article__image__link::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 0px solid var(--main-color);
  transition: border-width 0.3s ease-in-out;
}
.articles-teasers__article__image__category {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--main-color);
  color: var(--text-color);
  padding: 5.5px 9px 5.5px 9px;
  font-family: "addingtoncf-light", serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.1428571429;
  text-decoration: underline;
}
.articles-teasers__article__authors {
  margin-top: 1rem;
}
.articles-teasers__article__authors > p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.5;
  display: inline !important;
}
.articles-teasers__article__authors a {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
}

.registration-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1002;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.registration-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: -1;
}
.registration-banner.var_show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.registration-banner__icon {
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
  margin-bottom: 12px;
}
@media all and (min-width: 38.75em) {
  .registration-banner__icon {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__icon {
    width: 89%;
  }
}
@media all and (min-width: 38.75em) {
  .registration-banner__icon {
    margin-bottom: 24px;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__icon {
    margin-bottom: 54px;
  }
}
@media (max-height: 820px) and (min-width: 567px) {
  .registration-banner__icon {
    display: none;
  }
}
.registration-banner__user-icon, .registration-banner__article-icon {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.registration-banner__user-icon {
  width: 80px;
  height: 120px;
  background-image: url("data:image/svg+xml,%3csvg width='160' height='203' viewBox='0 0 160 203' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M114.521 45.75C114.521 64.9937 98.9206 80.5938 79.677 80.5938C60.4333 80.5938 44.8332 64.9937 44.8332 45.75C44.8332 26.5063 60.4333 10.9062 79.677 10.9062C98.9206 10.9062 114.521 26.5063 114.521 45.75Z' stroke='%230F172A' stroke-width='20' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M10 176.932C10.6533 139.009 41.5985 108.469 79.677 108.469C117.756 108.469 148.702 139.011 149.354 176.935C128.143 186.668 104.545 192.094 79.6799 192.094C54.8124 192.094 31.2125 186.667 10 176.932Z' stroke='%230F172A' stroke-width='20' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e");
}
@media all and (min-width: 38.75em) {
  .registration-banner__user-icon {
    width: 100px;
    height: 140px;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__user-icon {
    width: 160px;
    height: 203px;
  }
}
.registration-banner__article-icon {
  width: 80px;
  height: 140px;
  background-image: url("data:image/svg+xml,%3csvg width='150' height='230' viewBox='0 0 150 230' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M68.1768 152.689L10 206.988V10H140V206.988L81.8232 152.689L75 146.321L68.1768 152.689Z' stroke='black' stroke-width='20'/%3e %3c/svg%3e");
}
@media all and (min-width: 38.75em) {
  .registration-banner__article-icon {
    width: 100px;
    height: 180px;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__article-icon {
    width: 150px;
    height: 230px;
  }
}
.registration-banner__container {
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .registration-banner__container {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__container {
    width: 89%;
  }
}
.registration-banner__container > a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 20px 10px;
  background-color: #000;
  font-family: "articulatcf-bold";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  border: 4px solid #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  cursor: pointer;
}
@media all and (min-width: 64em) {
  .registration-banner__container > a {
    padding: 16px 40px 16px;
    font-size: 22px;
    line-height: 30px;
  }
}
.registration-banner__container > a:hover {
  background-color: transparent;
  color: #000;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.registration-banner__container > a:disabled {
  background-color: rgba(0, 0, 0, 0.2);
  border: 4px solid rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.registration-banner__wrapper {
  position: relative;
  padding: 40px 0 64px;
  background-color: var(--main-color);
}
@media all and (min-width: 38.75em) {
  .registration-banner__wrapper {
    padding: 60px 0 84px;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  .registration-banner__wrapper {
    padding: 40px 0 64px;
  }
}
.registration-banner__wrapper h3 {
  max-width: 586px;
  margin-bottom: 16px;
  font-family: "articulatcf-bold";
  font-size: 32px;
  line-height: 36px;
}
@media all and (min-width: 38.75em) {
  .registration-banner__wrapper h3 {
    font-size: 44px;
    line-height: 48px;
  }
}
@media all and (min-width: 64em) {
  .registration-banner__wrapper h3 {
    max-width: 986px;
    margin-bottom: 36px;
    font-size: 58px;
    line-height: 62px;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  .registration-banner__wrapper h3 {
    font-size: 32px;
    line-height: 36px;
  }
}
.registration-banner__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 388px;
  margin-bottom: 18px;
}
@media all and (min-width: 64em) {
  .registration-banner__content {
    gap: 20px;
    max-width: 488px;
    margin-bottom: 34px;
  }
}
.registration-banner__content * {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.1px;
}
@media all and (min-width: 64em) {
  .registration-banner__content * {
    font-size: 23px;
    line-height: 31px;
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  .registration-banner__content * {
    font-size: 16px;
    line-height: 24px;
  }
}
.registration-banner__content a {
  text-decoration: underline;
}
.registration-banner button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 28px;
  height: 28px;
  transform: scale(0.6);
  background-image: url("data:image/svg+xml,%3csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon/x-close%3c/title%3e %3cg id='icon/x-close' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3cpath d='M-1,12 L29,12 C30.1045695,12 31,12.8954305 31,14 C31,15.1045695 30.1045695,16 29,16 L-1,16 C-2.1045695,16 -3,15.1045695 -3,14 C-3,12.8954305 -2.1045695,12 -1,12 Z' id='Rectangle' fill='%23000000' transform='translate(14.000000, 14.000000) scale(-1, 1) rotate(-315.000000) translate(-14.000000, -14.000000) '%3e%3c/path%3e %3c/g%3e %3c/svg%3e");
  border: none;
  background-color: transparent;
  z-index: 2;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .registration-banner button {
    top: 50px;
    right: 42px;
    transform: scale(1);
  }
}
@media (orientation: landscape) and (max-width: 1024px) {
  .registration-banner button {
    top: 20px;
    right: 20px;
    transform: scale(0.6);
  }
}
.registration-banner button:hover {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

html {
  scroll-behavior: smooth;
}

h5 {
  font-family: "addingtoncf-demibold", serif;
  font-size: 2.3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: -0.1px;
}

h6 {
  font-family: "articulatcf-bold", serif;
  font-size: 2.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: -0.09px;
}
h6:nth-of-type(1) {
  margin-top: 0;
}

blockquote:not(.twitter-tweet),
blockquote:not(.tiktok-embed) {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 3.5rem;
  padding-left: 3rem;
}
blockquote:not(.twitter-tweet) p,
blockquote:not(.tiktok-embed) p {
  font-family: "addingtoncf-light", serif;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4444444444;
  letter-spacing: -0.1px;
}
blockquote:not(.twitter-tweet) p i,
blockquote:not(.twitter-tweet) p em,
blockquote:not(.tiktok-embed) p i,
blockquote:not(.tiktok-embed) p em {
  font-style: normal;
  font-family: "addingtoncf-light-italic", serif;
}
blockquote:not(.twitter-tweet) p b,
blockquote:not(.twitter-tweet) p strong,
blockquote:not(.tiktok-embed) p b,
blockquote:not(.tiktok-embed) p strong {
  font-style: normal;
  font-weight: normal;
  font-family: "addingtoncf-bold", serif;
}
blockquote:not(.twitter-tweet)::after,
blockquote:not(.tiktok-embed)::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  left: 0;
  background-color: #d1d1d1;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 10;
}

body {
  overflow-x: hidden;
  max-width: 100%;
}

.main {
  position: relative;
  width: 86%;
  max-width: 1512px;
  margin: 0 auto;
}
@media all and (min-width: 38.75em) {
  .main {
    width: 84%;
  }
}
@media all and (min-width: 64em) {
  .main {
    width: 89%;
  }
}
.main p > i > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 22px;
}
@media all and (min-width: 64em) {
  .main p > i > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.main p > em > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 22px;
}
@media all and (min-width: 64em) {
  .main p > em > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.main p > b > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .main p > b > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.main p > strong > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .main p > strong > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}
.main p > .initial-letter {
  vertical-align: baseline;
  float: left;
  font-size: 8rem;
  line-height: 74px;
  padding-top: 4px;
  padding-right: 8px;
}
@media all and (min-width: 64em) {
  .main p > .initial-letter {
    font-size: 11rem;
    line-height: 90px;
  }
}

.sr-only {
  opacity: 0;
  visibility: hidden;
  width: 0px;
  height: 0px;
}

i {
  font-style: normal;
}

.feature-copy {
  font-family: "addingtoncf-light-italic", serif !important;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 1.4444444444;
  margin-top: 1rem;
}

.introduction-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  margin: 2rem auto 0;
  border: 1px solid #000;
  max-height: 44px;
}
.introduction-socials.introduction {
  margin: 2rem 0 1rem;
}
@media all and (min-width: 38.75em) {
  .introduction-socials {
    width: 175px;
  }
}
@media all and (min-width: 64em) {
  .introduction-socials {
    width: 260px;
    margin: 3.4rem auto 0;
  }
}
@media all and (min-width: 64em) {
  .introduction-socials--three {
    width: 197px;
  }
}
.introduction-socials--three .introduction-socials__item {
  flex: 0 0 33.33%;
}
.introduction-socials--four .introduction-socials__item:nth-child(3) {
  border-right: 1px solid #000;
}
.introduction-socials__item {
  flex: 0 0 25%;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 9px 0px;
  cursor: pointer;
}
.introduction-socials__item.var_copied .text {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media all and (min-width: 38.75em) {
  .introduction-socials__item {
    padding: 12px 0px;
  }
}
.introduction-socials__item:hover span {
  transform: scale(0.86);
}
.introduction-socials__item span {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.22s;
}
.introduction-socials__item > .text {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  background-color: var(--main-color);
  padding: 15px 10px;
  font-family: "articulatcf-regular";
  font-size: 16px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.introduction-socials__item:nth-child(1) {
  border-right: 1px solid #000;
}
.introduction-socials__item:nth-child(1) span {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg width='22px' height='18px' viewBox='0 0 22 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3esocial/twitter%3c/title%3e %3cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-375' transform='translate(-304.000000, -901.000000)' fill='%23000000'%3e %3cg id='table' transform='translate(25.000000, 733.000000)'%3e %3cg id='social/twitter' transform='translate(279.000000, 168.000000)'%3e %3cpath d='M22,2.10776087 C21.1908125,2.46521739 20.3204375,2.70694565 19.4074375,2.81582609 C20.3396875,2.25909783 21.055375,1.37846739 21.39225,0.328695652 C20.5205,0.843652174 19.553875,1.21754348 18.5260625,1.41955435 C17.7024375,0.545771739 16.5295625,0 15.2315625,0 C12.7386875,0 10.718125,2.01257609 10.718125,4.49559783 C10.718125,4.84757609 10.758,5.19065217 10.835,5.52003261 C7.0833125,5.33240217 3.757875,3.54238043 1.53175,0.822423913 C1.1433125,1.48666304 0.9205625,2.25909783 0.9205625,3.0828913 C0.9205625,4.6421413 1.717375,6.01855435 2.9280625,6.82454348 C2.1883125,6.80126087 1.4925625,6.59925 0.884125,6.26233696 C0.8834375,6.28151087 0.8834375,6.3 0.8834375,6.31917391 C0.8834375,8.49746739 2.43925,10.3141957 4.5045,10.7271196 C4.1256875,10.829837 3.7269375,10.8846196 3.315125,10.8846196 C3.0243125,10.8846196 2.74175,10.8565435 2.4660625,10.8045 C3.040125,12.590413 4.7073125,13.8901304 6.6825,13.9264239 C5.1376875,15.1323261 3.191375,15.850663 1.076625,15.850663 C0.71225,15.850663 0.353375,15.8294348 0,15.7883478 C1.9971875,17.063413 4.36975,17.8077717 6.919,17.8077717 C15.22125,17.8077717 19.7608125,10.9572065 19.7608125,5.01671739 C19.7608125,4.82155435 19.7566875,4.62776087 19.74775,4.43465217 C20.6298125,3.80122826 21.395,3.00961957 22,2.10776087' id='twitter'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
  background-size: contain;
}
.introduction-socials__item:nth-child(2) {
  border-right: 1px solid #000;
}
.introduction-socials__item:nth-child(2) span {
  width: 9px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg width='9px' height='18px' viewBox='0 0 9 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3ef_1_%3c/title%3e %3cg id='Subpage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='hm-hp-1680' transform='translate(-505.000000, -850.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cpath d='M510.842252,868 L510.842252,859.789956 L513.494693,859.789956 L513.892638,856.589407 L510.842252,856.589407 L510.842252,854.546323 C510.842252,853.61998 511.088929,852.988688 512.369456,852.988688 L514,852.987991 L514,850.125307 C513.71802,850.087251 512.750084,850 511.623506,850 C509.271031,850 507.660485,851.491269 507.660485,854.229343 L507.660485,856.589407 L505,856.589407 L505,859.789956 L507.660485,859.789956 L507.660485,868 L510.842252,868 Z' id='f_1_'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}
.introduction-socials__item:nth-child(3) span {
  width: 25px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3csvg width='25px' height='9px' viewBox='0 0 25 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3ctitle%3eicon-link%3c/title%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='share' transform='translate(-152.000000, -17.000000)' fill='%23000000' fill-rule='nonzero'%3e %3cpath d='M159.470235,17 C159.96657,17 160.362753,17.4272603 160.362753,17.9477857 C160.362753,18.4282707 160.025176,18.8292872 159.582861,18.8881389 L159.470235,18.8955714 L156.186358,18.8955714 C154.863555,18.8955714 153.785036,20.0586916 153.785036,21.5 C153.785036,22.8177306 154.68965,23.9120424 155.862939,24.0814039 L156.024538,24.0986996 L156.186358,24.1044286 L163.280783,24.1044286 C164.603586,24.1044286 165.682105,22.9413084 165.682105,21.5 C165.682105,21.0484174 166.081234,20.765232 166.574623,20.765232 C167.068012,20.765232 167.467141,21.0484174 167.467141,21.5 C167.467141,23.9071362 165.707924,25.877292 163.490016,25.994485 L163.280783,26 L156.186358,26 C153.870886,26 152,23.9823592 152,21.5 C152,19.0928638 153.759217,17.122708 155.977125,17.005515 L156.186358,17 L159.470235,17 Z M172.813642,17 C175.129114,17 177,19.0176408 177,21.5 C177,23.9071362 175.240783,25.877292 173.022875,25.994485 L172.813642,26 L169.529765,26 C169.03343,26 168.637247,25.5727397 168.637247,25.0522143 C168.637247,24.5717293 168.974824,24.1707128 169.417139,24.1118611 L169.529765,24.1044286 L172.813642,24.1044286 C174.136445,24.1044286 175.214964,22.9413084 175.214964,21.5 C175.214964,20.1822694 174.31035,19.0879576 173.137061,18.9185961 L172.975462,18.9013004 L172.813642,18.8955714 L165.719217,18.8955714 C164.396414,18.8955714 163.317895,20.0586916 163.317895,21.5 C163.317895,21.9515826 162.918766,22.234768 162.425377,22.234768 C161.931988,22.234768 161.532859,21.9515826 161.532859,21.5 C161.532859,19.0928638 163.292076,17.122708 165.509984,17.005515 L165.719217,17 L172.813642,17 Z' id='icon-link'%3e%3c/path%3e %3c/g%3e %3c/g%3e %3c/svg%3e");
}

.introduction-authors {
  margin-top: 1rem;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  opacity: 0.7;
}
.introduction-authors span {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  z-index: 1;
  opacity: 0.75;
}
.introduction-authors p {
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  display: inline;
}
.introduction-authors a {
  color: #000;
  text-decoration: none;
  font-family: "articulatcf-medium", serif;
  font-size: 1.1rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2727272727;
  transition: background-color 0.22s;
  padding: 6px 3px 5px 3px;
  margin-left: -1px;
}
.introduction-authors a:hover {
  background-color: var(--main-color);
}
.introduction-authors a > p {
  margin-left: 0.333em;
  opacity: 0.75;
}

.twitter-tweet {
  margin: 40px auto !important;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
.maintaince {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  border: 2rem solid black;
  padding: 0px 1rem;
}
.maintaince h1 {
  font-size: clamp(24px, 5vw, 64px);
}
.maintaince .text p,
.maintaince .text p p {
  margin: 0.5rem 0px;
}
.maintaince .text {
  width: 100% !important;
  margin: 2rem 0px 0px 0px;
}
.maintaince #cookie-notice {
  display: none !important;
}

.with-background + .with-background {
  margin-top: 0px;
}
@media all and (min-width: 38.75em) {
  .with-background + .with-background {
    margin-top: 0px;
  }
}
@media all and (min-width: 64em) {
  .with-background + .with-background {
    margin-top: 0px;
  }
}

.category-pill {
  background: var(--main-color);
  padding: 4px 8px;
  color: var(--text-color);
  font-size: 12px;
  border-radius: 30px;
  margin-left: 8px;
}

.add-to-favorite--remove svg {
  fill: var(--main-color);
}

.loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1200;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.loader-container.active {
  opacity: 1;
  visibility: visible;
}
.loader-container .loader {
  width: 48px;
  height: 48px;
  border: 5px solid #000;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.d-desktop {
  display: none;
}
@media screen and (min-width: 620px) {
  .d-desktop {
    display: block;
  }
}

@media screen and (min-width: 620px) {
  .d-mobile {
    display: none;
  }
}

.hero-badge {
  position: absolute;
  bottom: 15px;
  right: 15px;
  max-width: clamp(100px, 50%, 175px);
  min-width: 80px;
  width: auto;
  height: auto;
  min-height: clamp(50px, 50%, 80px);
  max-height: clamp(50px, 50%, 80px);
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 4;
}