/* https://css-tricks.com/how-to-tame-line-height-in-css/ */
/* Source: https://medium.com/codyhouse/line-height-crop-a-simple-css-formula-to-remove-top-space-from-your-text-9c3de06d7c6f */
/* Converts XD font-spacing to browser */
:root {
  --breakpoint-mobile-small: 480px;
}
:root {
  --breakpoint-mobile: 768px;
}
:root {
  --breakpoint-tablet: 998px;
}
:root {
  --breakpoint-laptop: 1200px;
}
:root {
  --breakpoint-desktop: 1920px;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
:root {
  --color-white: #ffffff;
}
:root {
  --color-black: #000000;
}
:root {
  --color-brand-blue: #1C2A60;
}
:root {
  --color-brand-grey: #C1C2C4;
}
:root {
  --color-light-grey: rgba(193, 194, 196, 0.4);
}
:root {
  --standard-transition-duration: 0.25s;
}
:root {
  --spacer-red: clamp(10.5rem, 10rem + 0.0104166667 * 100vw, 12rem);
  --spacer-yellow: clamp(8.25rem, 8.25rem + 0 * 100vw, 8.25rem);
  --spacer-orange: clamp(6.375rem, 6.375rem + 0 * 100vw, 6.375rem);
  --spacer-purple: clamp(4.875rem, 4.875rem + 0 * 100vw, 4.875rem);
  --spacer-brown: clamp(4.3rem, 3.6083333333rem + 0.0144097222 * 100vw, 6.375rem);
  --spacer-green: clamp(2.775rem, 2.325rem + 0.009375 * 100vw, 4.125rem);
  --spacer-aqua: clamp(3.375rem, 3.375rem + 0 * 100vw, 3.375rem);
  --spacer-forest: clamp(2.475rem, 2.475rem + 0 * 100vw, 2.475rem);
  --spacer-blue: clamp(0.75rem, 0.75rem + 0 * 100vw, 0.75rem);
  --spacer-maroon: 6rem;
}
:root {
  --font-headline: 'English', serif;
  --font-body: 'Avenir', sans-serif;
}
page#Blog section#Categories ul.category-container {
  display: flex;
  flex-direction: row;
  padding-inline-start: 0;
}
page#Blog section#Categories ul.category-container .category-item {
  --mixin: typography-subNav(.category-item);
  color: var(--color-brand-blue);
  font-family: var(--font-body);
  text-decoration: none;
  font-size: clamp(1.5rem, 1.375rem + 0.0026041667 * 100vw, 1.875rem);
  display: block;
  padding-right: 1em;
  border-right: 1px solid var(--color-brand-blue);
  margin-right: 1em;
}
page#Blog section#Categories ul.category-container .category-item:last-child {
  padding-right: 0;
  border-right: unset;
  margin-right: 0;
}
page#Blog section#Categories ul.category-container .category-item-current {
  pointer-events: none;
  text-decoration: underline;
  text-decoration-color: var(--color-brand-grey);
}
page#Blog section#Categories ul.category-container .category-item a {
  text-decoration: inherit;
  color: inherit;
  font-family: inherit;
  font: inherit;
  transition-duration: var(--standard-transition-duration);
}
page#Blog section#Categories ul.category-container .category-item a:hover {
  color: var(--color-brand-grey);
}
page#Blog section#Articles {
  margin-top: var(--spacer-orange);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap {
  --mixin: pattern-articles(.articles, .article);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers {
  margin-top: var(--spacer-aqua);
  display: flex;
  flex-direction: row;
  border-color: white;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers .prev, page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers .next {
  --triangle-color: white;
  --triangle-height: 20px;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers .prev {
  margin-right: 20px;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers .next {
  margin-left: 20px;
}
@media screen and (min-width: 998px) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .triggers {
    display: none;
  }
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles {
  --mixin: slider(.articles, .article);
  --slider-width: 100%;
  width: var(--slider-width);
  max-width: var(--slider-width);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  --color-foreground: var(--color-brand-blue);
  --color-background: var(--color-white);
  --color-foreground: var(--color-brand-blue);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article {
  width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 998px) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow: visible;
    gap: calc(var(--spacer-green)*2);
  }
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article {
  --mixin: typography-news;
  justify-content: space-between;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .headline {
  --mixin: typography-news-headline(.headline);
  font-family: var(--font-headline);
  font-size: clamp(2.1rem, 2.05rem + 0.0010416667 * 100vw, 2.25rem);
  line-height: clamp(3.3rem, 3.3rem + 0 * 100vw, 3.3rem);
  color: var(--color-foreground);
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 9px;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .body {
  --mixin: typography-news-body(.body);
  font-family: var(--font-body);
  font-size: clamp(1.6rem, 1.6833333333rem + -0.0017361111 * 100vw, 1.35rem);
  line-height: clamp(2.6rem, 2.4916666667rem + 0.0022569444 * 100vw, 2.925rem);
  color: var(--color-foreground);
  font-weight: 300;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.5px;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .body span {
  display: inline;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .body b, page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .body strong {
  font-weight: 600;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .image {
  width: 100%;
  background-size: cover !important;
  background-position: center;
  aspect-ratio: 1.6;
  position: relative;
}
@supports not (aspect-ratio: 1.6) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 62.5%;
  }
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .image > .aspectified {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .headline {
  margin-top: var(--spacer-green);
  margin-bottom: -0.5em;
  margin-bottom: -0.68em;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .body {
  margin-top: var(--spacer-forest);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions {
  --mixin: pattern-actions(.actions);
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-inline-start: 0;
  margin-top: var(--spacer-aqua);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .action + .action {
  margin-left: 3rem;
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .button {
  --mixin: pattern-button(.button);
  font-family: var(--font-body);
  font-size: clamp(1.35rem, 1.225rem + 0.0026041667 * 100vw, 1.725rem);
  font-weight: 500;
  text-decoration: none;
  color: var(--color-foreground);
  border: 1px solid var(--color-foreground);
  background-color: var(--color-background);
  text-transform: uppercase;
  padding: calc(4px + 0.05em) 20px 1px;
  padding: 8px 20px;
  padding-top: calc(8px + 0.15em);
  --letter-spacing: 17.5px;
  letter-spacing: var(--letter-spacing);
  text-indent: calc(var(--letter-spacing)*-1);
  direction: rtl;
  transition-duration: var(--standard-transition-duration);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .button:hover {
  color: var(--color-background);
  background-color: var(--color-foreground);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .button + .button {
  margin-left: x-rem(40);
}
page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .button {
  width: 100%;
  padding: 8px 20px;
  letter-spacing: 17.5px;
}
@media screen and (max-width: 998px) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article .actions .button {
    width: unset;
  }
}
@media screen and (min-width: 998px) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article {
    grid-row-start: unset;
    grid-row-end: unset;
    grid-column-start: unset;
    grid-column-end: unset;
    min-width: unset;
  }
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article + .article {
    position: relative;
  }
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article + .article::before {
    content: '';
    position: absolute;
    left: calc(var(--spacer-green)*-1);
    height: 100%;
    border-left: 1px solid var(--color-foreground);
  }
}
@media screen and (max-width: 998px) {
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles {
    grid-template-columns: 1fr;
    flex-wrap: wrap;
  }
  page#Blog section#Articles.ct-section > .ct-section-inner-wrap .articles .article + .article {
    margin-top: var(--spacer-aqua);
    border-top: 1px solid var(--color-brand-blue);
    padding-top: var(--spacer-red);
  }
}