/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes tick {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes tick {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tick {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #fff;
  color: #000;
}
button,
html,
input,
select,
textarea {
  font-family: sans-serif;
}
body {
  margin: 0;
}
a {
  background: transparent;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
}
q {
  quotes: "“" "”" "‘" "’";
}
q:after,
q:before {
  content: "";
  content: none;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
button,
select {
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: none;
  border: 0;
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
button,
input {
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button[disabled],
input[disabled] {
  cursor: default;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}







@-webkit-keyframes link-hover {
  0% {
    background-size: 0 1px;
  }
  to {
    background-size: 100% 1px;
  }
}
@-o-keyframes link-hover {
  0% {
    background-size: 0 1px;
  }
  to {
    background-size: 100% 1px;
  }
}
@keyframes link-hover {
  0% {
    background-size: 0 1px;
  }
  to {
    background-size: 100% 1px;
  }
}
:root {
  --viewPortHeight: 100vh;
  --viewPortWidth: 100vw;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
body.hide-outline :focus {
  outline: none;
}
body .skip-link {
  background-color: #000;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  left: 0;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 12px 17px;
  position: fixed;
  top: 0;
  -webkit-transform: translateY(-110%);
  -o-transform: translateY(-110%);
  transform: translateY(-110%);
  z-index: 11;
}
body .skip-link:focus {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
}
.container .wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 20px;
}
@media (min-width: 768px) {
  .container .wrapper {
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .container .wrapper {
    margin: 0 60px;
  }
}
@media (min-width: 1920px) {
  .container .wrapper {
    margin: 0 auto;
    max-width: 1800px;
  }
}
@media (min-width: 1280px) {
  .container .wrapper--full-bleed {
    margin: 0 60px;
    max-width: none;
  }
}
pre {
  background: #fff;
}
[hidden] {
  display: none !important;
}
img.preload {
  -webkit-filter: blur(4px);
  filter: blur(4px);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
img.preload.scaled {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
img.preload.loaded {
  -webkit-filter: none;
  filter: none;
}
.time-tick {
  -webkit-animation: tick 2s steps(1) infinite;
  -o-animation: tick 2s steps(1) infinite;
  animation: tick 2s steps(1) infinite;
  opacity: 1;
}
#nprogress .bar {
  background: #fff;
  z-index: 100000;
}
#nprogress .peg {
  -webkit-box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
}
body[nav-theme="white"] #nprogress .bar {
  background: #000;
  z-index: 100000;
}
body[nav-theme="white"] #nprogress .peg {
  -webkit-box-shadow: 0 0 10px #000, 0 0 5px #000;
  box-shadow: 0 0 10px #000, 0 0 5px #000;
}
.card__image picture {
  display: block;
  height: 100%;
  width: 100%;
}
.card__image img {
  display: block;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  width: 100%;
}
.card__image a {
  display: block;
  overflow: hidden;
}
.card__image a:focus img,
.card__image a:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.card__link {
  height: 100%;
}
.card__link[data-orientation] img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.card__link[data-orientation="landscape"] {
  position: relative;
}
.card__link[data-orientation="landscape"]:before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.card__link[data-orientation="landscape"] > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.card__link[data-orientation="portrait"] {
  position: relative;
}
.card__link[data-orientation="portrait"]:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.card__link[data-orientation="portrait"] > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.card__link[data-orientation="square"] {
  position: relative;
}
.card__link[data-orientation="square"]:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.card__link[data-orientation="square"] > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.card.--no-image .card__details-title a:after,
.card.--no-image .card__details-title a:before,
.card.card-publication .card__details-title a:after,
.card.card-publication .card__details-title a:before {
  background-color: #000;
  content: "";
  height: 2px;
  position: absolute;
  -webkit-transition: width 0.32s ease-in-out;
  -o-transition: width 0.32s ease-in-out;
  transition: width 0.32s ease-in-out;
  width: 0;
}
.card.--no-image .card__details-title a:before,
.card.card-publication .card__details-title a:before {
  left: 20px;
  top: 14px;
}
@media (min-width: 1280px) {
  .card.--no-image .card__details-title a:before,
  .card.card-publication .card__details-title a:before {
    left: 24px;
  }
}
.card.--no-image .card__details-title a:after,
.card.card-publication .card__details-title a:after {
  bottom: 14px;
  right: 20px;
}
@media (min-width: 1280px) {
  .card.--no-image .card__details-title a:after,
  .card.card-publication .card__details-title a:after {
    right: 24px;
  }
}
.card.--no-image .card__details-title a:focus:after,
.card.--no-image .card__details-title a:focus:before,
.card.card-publication .card__details-title a:focus:after,
.card.card-publication .card__details-title a:focus:before {
  width: calc(100% - 40px);
}
@media (min-width: 1280px) {
  .card.--no-image .card__details-title a:focus:after,
  .card.--no-image .card__details-title a:focus:before,
  .card.card-publication .card__details-title a:focus:after,
  .card.card-publication .card__details-title a:focus:before {
    width: calc(100% - 48px);
  }
}
.card.--no-image:hover .card__details-title a:after,
.card.--no-image:hover .card__details-title a:before,
.card.card-publication:hover .card__details-title a:after,
.card.card-publication:hover .card__details-title a:before {
  width: calc(100% - 40px);
}
@media (min-width: 1280px) {
  .card.--no-image:hover .card__details-title a:after,
  .card.--no-image:hover .card__details-title a:before,
  .card.card-publication:hover .card__details-title a:after,
  .card.card-publication:hover .card__details-title a:before {
    width: calc(100% - 48px);
  }
}
[data-theme="white"] .card.--no-image .card__details-title a:after,
[data-theme="white"] .card.--no-image .card__details-title a:before,
[data-theme="white"] .card.card-publication .card__details-title a:after,
[data-theme="white"] .card.card-publication .card__details-title a:before {
  background-color: #fff;
}
.button {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: -0.01em;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 13px 40px;
}
@media (min-width: 768px) {
  .button {
    padding: 15px 33px;
  }
}
@media (min-width: 1280px) {
  .button {
    padding: 13px 25px;
  }
}
.img--full picture,
.img--landscape picture,
.img--portrait picture,
.img--square picture,
.pull-quote__image picture {
  display: block;
  height: 100%;
  width: 100%;
}
.img--full img,
.img--landscape img,
.img--portrait img,
.img--square img,
.pull-quote__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.img--full {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.img--square {
  position: relative;
}
.img--square:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.img--square > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.img--landscape {
  position: relative;
}
.img--landscape:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.img--landscape > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.img--portrait,
.pull-quote__image {
  position: relative;
}
.img--portrait:before,
.pull-quote__image:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.img--portrait > :not(.card__image-title),
.pull-quote__image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.video {
  position: relative;
}
.video,
.video video {
  height: 100%;
  width: 100%;
}
.video video {
  z-index: 1;
}
.video:after {
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  z-index: 2;
}
.video__toggle {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: 12px;
  height: 40px;
  position: absolute;
  right: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 40px;
  z-index: 3;
}
@media (min-width: 768px) {
  .video__toggle {
    bottom: 20px;
    right: 20px;
  }
}
@media (min-width: 1280px) {
  .video__toggle {
    right: 30px;
  }
}
.video__toggle__pause,
.video__toggle__play {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.video__toggle__pause svg,
.video__toggle__play svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video__toggle__pause svg path,
.video__toggle__play svg path {
  -webkit-transition: fill 0.3s ease-in-out;
  -o-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}
.video__toggle:focus,
.video__toggle:hover {
  background-color: #fff;
}
.video__toggle:focus svg path,
.video__toggle:hover svg path {
  fill: #000;
}
.video__toggle__pause {
  display: none;
}
.video[data-playing]:hover .video__toggle,
.video[data-playing]:hover:after {
  opacity: 1;
}
.video[data-playing] .video__toggle {
  opacity: 0;
}
.video[data-playing] .video__toggle:focus {
  opacity: 1;
}
.video[data-playing] .video__toggle__play {
  display: none;
}
.video[data-playing] .video__toggle__pause {
  display: block;
}
.share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.share .icon {
  display: block;
  height: 11px;
}
@media (min-width: 1280px) {
  .share .icon {
    height: 9px;
  }
}
.share .icon svg {
  fill: #000;
  display: block;
  height: 100%;
  -webkit-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
  width: auto;
}
.share .icon--facebook {
  height: 13px;
}
@media (min-width: 1280px) {
  .share .icon--facebook {
    height: 11px;
  }
  .share .icon--weibo {
    height: 10px;
  }
}
.share .icon--mail {
  height: 7px;
}
.share__item:not(:last-child) {
  margin-right: 10px;
}
.share__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-transition-property: border, background;
  -o-transition-property: border, background;
  transition-property: border, background;
  width: 24px;
}
@media (min-width: 1280px) {
  .share__link {
    height: 20px;
    width: 20px;
  }
}
.share__link:focus,
.share__link:hover {
  background-color: #000;
  border-color: #000;
}
.share__link:focus .icon svg,
.share__link:hover .icon svg {
  fill: #fff;
}
.share--dark .share__link {
  border-color: #3a3a3a;
}
.share--dark .share__link .icon svg {
  fill: #fff;
}
.share--dark .share__link:focus,
.share--dark .share__link:hover {
  background-color: #fff;
  border-color: #fff;
}
.share--dark .share__link:focus .icon svg,
.share--dark .share__link:hover .icon svg {
  fill: #000;
}
.link-button {
  background-color: transparent;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  min-width: 158px;
  mix-blend-mode: difference;
  padding: 13px 20px;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .link-button {
    min-width: 162px;
  }
}
@media (min-width: 1280px) {
  .link-button {
    min-width: 192px;
  }
}
.link-button:before {
  background-color: currentColor;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: difference;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.35s ease-in-out;
  -o-transition: width 0.35s ease-in-out;
  transition: width 0.35s ease-in-out;
  width: 0;
  z-index: 0;
}
.link-button span {
  mix-blend-mode: difference;
  z-index: 1;
}
.link-button:focus,
.link-button:hover {
  background-position: 0;
}
.link-button:focus:before,
.link-button:hover:before {
  width: 100%;
}
.link-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  mix-blend-mode: difference;
}
.link-text__text {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  margin-right: 8px;
}
.link-text__icon,
.link-text__text {
  -webkit-transition: background 0.35s ease-in;
  -o-transition: background 0.35s ease-in;
  transition: background 0.35s ease-in;
}
.link-text__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #000;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  mix-blend-mode: difference;
  width: 24px;
}
.link-text__icon svg {
  fill: currentColor;
  height: 7px;
  mix-blend-mode: difference;
  width: 9px;
}
.link-text__icon svg.download {
  height: 100%;
  width: 100%;
}
.link-text:not(:disabled):focus .link-text__text,
.link-text:not(:disabled):hover .link-text__text {
  background-size: 100% 1px;
}
.link-text:not(:disabled):focus .link-text__icon,
.link-text:not(:disabled):hover .link-text__icon {
  background-color: #fff;
}
.article .link-button ::selection,
.article .link-text ::selection {
  background: #000;
  color: #fff;
}
.article .link-button ::-moz-selection,
.article .link-text ::-moz-selection {
  background: #000;
  color: #fff;
}
.article.black .link-button ::selection,
.article.black .link-text ::selection {
  background: #fff;
  color: #000;
}
.article.black .link-button ::-moz-selection,
.article.black .link-text ::-moz-selection {
  background: #fff;
  color: #000;
}
.icon-circle {
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  position: relative;
}
.icon-circle svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.checkbox {
  display: inline-block;
  position: relative;
}
.checkbox input[type="checkbox"] {
  -moz-appearance: initial;
  appearance: none;
  -webkit-appearance: initial;
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.checkbox input[type="checkbox"] + label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 13px;
  line-height: 0.8125rem;
  position: relative;
}
.checkbox input[type="checkbox"] + label .checkbox__label {
  padding-left: 22px;
}
.checkbox input[type="checkbox"] + label .checkbox__check-container {
  border: 1px solid #3a3a3a;
  height: 16px;
  position: absolute;
  width: 16px;
}
@media (min-width: 1280px) {
  .checkbox input[type="checkbox"] + label .checkbox__check-container {
    height: 14px;
    width: 14px;
  }
}
.checkbox input[type="checkbox"] + label .checkbox__check-container svg {
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.checkbox input[type="checkbox"]:checked + label {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
.checkbox input[type="checkbox"]:checked + label .checkbox__check-container {
  border: 1px solid #fff;
}
.checkbox
  input[type="checkbox"]:checked
  + label
  .checkbox__check-container
  svg {
  display: block;
}
.checkbox input[type="checkbox"]:disabled + label {
  color: #767676;
}
@media not all and (-o-min-device-pixel-ratio: 0/1),
  not all and (-webkit-min-device-pixel-ratio: 0),
  not all and (min-resolution: 0.001dpcm) {
  .checkbox input[type="checkbox"] {
    outline-offset: -4px;
  }
}
.toggle {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 40px;
}
.toggle input[type="checkbox"] {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.toggle input[type="checkbox"] + label {
  background-color: #3a3a3a;
  border-radius: 20px;
  height: 16px;
  width: 100%;
}
.toggle input[type="checkbox"] + label,
.toggle input[type="checkbox"] + label:after {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.toggle input[type="checkbox"] + label:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 20px;
  -webkit-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
  width: 20px;
}
.toggle input[type="checkbox"]:checked + label:after {
  -webkit-transform: translate(20px, -50%);
  -o-transform: translate(20px, -50%);
  transform: translate(20px, -50%);
}
.select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  position: relative;
}
.select select {
  background-color: #000;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: #fff;
  cursor: pointer;
  margin-right: 32px;
  -webkit-transition: background 0.35s ease-in;
  -o-transition: background 0.35s ease-in;
  transition: background 0.35s ease-in;
}
.select:hover select {
  background-size: 100% 1px;
}
.select:hover .select__icon {
  background-color: #fff;
}
.select:hover .select__icon path,
.select:hover .select__icon svg {
  stroke: #000;
}
.select__icon {
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  height: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: background 0.35s ease-in;
  -o-transition: background 0.35s ease-in;
  transition: background 0.35s ease-in;
  width: 24px;
}
.select__icon svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.accordion {
  display: none;
  overflow: hidden;
}
.accordion__content {
  display: block;
}
.accordion[data-absolute] {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}
.filter {
  position: relative;
  -webkit-transition: margin-bottom 0.3s ease-in-out;
  -o-transition: margin-bottom 0.3s ease-in-out;
  transition: margin-bottom 0.3s ease-in-out;
  width: 100%;
  z-index: 3;
}
.filter ::selection {
  background: #fff;
  color: #000;
}
.filter ::-moz-selection {
  background: #fff;
  color: #000;
}
.filter__bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  border-bottom: 1px solid #3a3a3a;
  border-top: 1px solid #3a3a3a;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  height: 86px;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 0 20px;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .filter__bar {
    font-size: 16px;
    font-size: 1rem;
    height: 86px;
    line-height: 19px;
    line-height: 1.1875rem;
    padding: 0 30px;
  }
}
@media (min-width: 1280px) {
  .filter__bar {
    padding: 0 60px;
  }
}
@media (min-width: 1920px) {
  .filter__bar {
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.filter__bar__toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
  margin-right: 9px;
  padding: 0;
}
.filter__bar__toggle .icon-circle {
  height: 24px;
  margin-right: 8px;
  pointer-events: none;
  position: relative;
  width: 24px;
}
.filter__bar__toggle .icon-circle__close {
  display: none;
}
.filter__bar__toggle .icon-circle__filter,
.filter__bar__toggle--active .icon-circle__close {
  display: inline-block;
}
.filter__bar__toggle--active .icon-circle__filter {
  display: none;
}
@media screen and (max-width: 767px) {
  .filter__bar__toggle {
    margin-right: auto;
  }
}
.filter__bar__toggle:focus {
  outline: auto;
  outline-color: blue;
}
.filter__bar__results {
  color: #767676;
  margin: 0 auto 0 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .filter__bar__results {
    display: none;
  }
}
.filter__bar__sort {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
  padding: 0;
  position: relative;
}
@media (min-width: 1280px) {
  .filter__bar__sort {
    margin-right: 30.5px;
  }
}
.filter__bar__sort[disable] {
  opacity: 0.6;
  pointer-events: none;
}
.filter__bar__sort .select {
  font-family: Benton Sans Book, sans-serif;
  margin-left: 8px;
}
.filter__bar__sort .select select {
  -webkit-appearance: none;
  background-color: transparent;
  z-index: 1;
}
.filter__bar__sort .select span {
  z-index: 0;
}
.filter__bar__sort .select--backend {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.filter__bar__sort .select--frontend {
  position: unset;
}
.filter__bar__sort .select--frontend__toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-left: 8px;
  padding: 0;
}
@media (min-width: 768px) {
  .filter__bar__sort .select--frontend__toggle {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.filter__bar__sort .select--frontend__toggle .text {
  margin-right: 8px;
}
.filter__bar__sort .select--frontend__toggle .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 24px;
}
.filter__bar__sort .select--frontend__toggle .icon svg {
  width: 7.38px;
}
.filter__bar__sort .select--frontend__toggle .icon svg path {
  stroke: #fff;
  -webkit-transition: stroke 0.32s ease-in-out;
  -o-transition: stroke 0.32s ease-in-out;
  transition: stroke 0.32s ease-in-out;
}
.filter__bar__sort .select--frontend__toggle:focus .icon,
.filter__bar__sort .select--frontend__toggle:hover .icon {
  background-color: #fff;
}
.filter__bar__sort .select--frontend__toggle:focus .icon svg path,
.filter__bar__sort .select--frontend__toggle:hover .icon svg path {
  stroke: #000;
}
.filter__bar__sort .select--frontend__toggle.is-active .icon {
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.filter__bar__sort .select--frontend__toggle:focus {
  outline: auto;
  outline-color: blue;
}
.filter__bar__sort .select--frontend__listing {
  background-color: #000;
  border-bottom: 0 solid #3a3a3a;
  border-left: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a;
  height: 0;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  right: -20px;
  top: calc(100% + 31px);
  width: 100vw;
  z-index: 2;
}
@media (min-width: 768px) {
  .filter__bar__sort .select--frontend__listing {
    padding: 0 30px;
    right: -31px;
    top: calc(100% + 31px);
    width: calc(100% + 62px);
  }
}
@media (min-width: 1280px) {
  .filter__bar__sort .select--frontend__listing {
    right: -31px;
    width: calc(100% + 62px);
  }
}
.filter__bar__sort .select--frontend__listing__item {
  margin-bottom: 16px;
}
.filter__bar__sort .select--frontend__listing__item:first-child {
  margin-top: 20px;
}
.filter__bar__sort .select--frontend__listing__item:last-child {
  margin-bottom: 20px;
}
.filter__bar__sort .select--frontend__listing__btn {
  background-color: transparent;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding: 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  .filter__bar__sort .select--frontend__listing__btn {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.filter__bar__sort .select--frontend__listing__btn.selected {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  .filter__bar__sort.sort-only {
    border-left: 1px solid #3a3a3a;
    height: 100%;
    margin: -30px 0;
    padding: 30px 0 30px 30px;
  }
  .filter__bar__sort.sort-only .select--frontend__listing {
    top: calc(100% + 1px);
    width: calc(100% + 32px);
  }
}
@media (min-width: 1280px) {
  .filter__bar__sort.sort-only .select--frontend__listing {
    padding-right: 60px;
    right: -60px;
    width: calc(100% + 61px);
  }
}
.filter__bar__view-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 60px;
  position: relative;
}
@media (min-width: 1280px) {
  .filter__bar__view-toggle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 3.5 + 150px);
    flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 3.5 + 150px);
    height: 100%;
    justify-content: center;
    margin-left: 0;
    margin-right: -60px;
  }
}
@media (min-width: 1920px) {
  .filter__bar__view-toggle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(385.3125px + (var(--viewPortWidth) - 1800px) / 2 * 1);
    flex: 0 0 calc(385.3125px + (var(--viewPortWidth) - 1800px) / 2 * 1);
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
  }
}
.filter__bar__view-toggle .toggle {
  margin: 0 12px;
}
.filter__bar__view-toggle .toggle.is-focused {
  outline: auto;
  outline-color: blue;
}
.filter__bar__view-toggle:before {
  background-color: #3a3a3a;
  content: "";
  height: calc(100% + 40px);
  left: -30px;
  position: absolute;
  top: -20px;
  width: 1px;
}
@media (min-width: 768px) {
  .filter__bar__view-toggle:before {
    height: calc(100% + 60px);
    top: -30px;
  }
}
@media (min-width: 1280px) {
  .filter__bar__view-toggle:before {
    height: 100%;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .filter__bar__view-toggle {
    display: none;
  }
}
.filter__bar__view-toggle .desktop,
.filter__bar__view-toggle .tablet {
  display: none;
}
@media (min-width: 1280px) {
  .filter__bar__view-toggle .desktop {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .filter__bar__view-toggle .tablet {
    display: block;
  }
}
.filter__bar__divider {
  margin-left: auto;
}
.filter__bar .accordion {
  margin-left: -20px;
}
@media (min-width: 768px) {
  .filter__bar .accordion {
    margin-left: -30px;
  }
}
@media (min-width: 1280px) {
  .filter__bar .accordion {
    margin-left: -60px;
  }
}
@media (min-width: 1920px) {
  .filter__bar .accordion {
    margin-left: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
  }
}
.filter__bar.hidden {
  display: none;
}
.filter__sub-bar {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #000;
  border-bottom: 1px solid #3a3a3a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .filter__sub-bar {
    padding: 0 30px;
  }
}
@media (min-width: 1280px) {
  .filter__sub-bar {
    padding: 0 60px;
  }
}
@media (min-width: 1920px) {
  .filter__sub-bar {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .filter__sub-bar {
    display: none;
  }
}
.filter__sub-bar__results {
  color: #767676;
  margin: 0;
  padding: 23px 0;
}
.filter__sub-bar__view-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 23px 0;
  position: relative;
}
.filter__sub-bar__view-toggle .toggle {
  margin: 0 12px;
}
.filter__list {
  background-color: #000;
  border-bottom: 1px solid #3a3a3a;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  max-height: 510px;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}
.filter__list__wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 30px 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .filter__list__wrapper {
    padding: 30px;
  }
}
@media (min-width: 1280px) {
  .filter__list__wrapper {
    padding: 30px 60px 0;
  }
}
@media (min-width: 1920px) {
  .filter__list__wrapper {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .filter__list__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .filter__list__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .filter__list__wrapper {
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-top: 30px;
  }
}
.filter__list__item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 40px;
  page-break-inside: avoid;
}
.filter__list__item:nth-child(n) {
  grid-column: 1/7;
}
@media (min-width: 768px) {
  .filter__list__item:nth-child(n) {
    grid-column: 1/13;
  }
}
@media (min-width: 1280px) {
  .filter__list__item {
    margin-bottom: 30px;
  }
  .filter__list__item:nth-child(2n-1) {
    grid-column: 1/10;
  }
  .filter__list__item:nth-child(2n-1) .filter__list__item__selections {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .filter__list__item:nth-child(2n) {
    grid-column: 11/17;
  }
  .filter__list__item:nth-child(2n) .filter__list__item__selections {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .filter__list__item:last-child,
  .filter__list__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .filter__list__item:last-child,
  .filter__list__item:nth-last-child(2) {
    margin-bottom: 30px;
  }
}
.filter__list__item__label {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 19px;
  line-height: 1.1875rem;
  margin: 0 0 30px;
  padding: 0;
}
@media (min-width: 1280px) {
  .filter__list__item__label {
    margin-bottom: 16px;
  }
}
.filter__list__item__selections {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .filter__list__item__selections {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media (min-width: 1280px) {
  .filter__list__item__selections {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.filter__list__item__selections li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  padding-bottom: 24px;
  page-break-inside: avoid;
}
@media (min-width: 768px) {
  .filter__list__item__selections li {
    padding-bottom: 20px;
  }
}
.filter__list__item__selections__sub {
  list-style: none;
  margin: 24px 0 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .filter__list__item__selections__sub {
    margin-left: 24px;
    margin-top: 20px;
  }
}
.filter__applied,
.filter__selected {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  background-color: #000;
  border-bottom: 1px solid #3a3a3a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .filter__applied,
  .filter__selected {
    padding: 20px 30px;
  }
}
@media (min-width: 1280px) {
  .filter__applied,
  .filter__selected {
    padding: 20px 60px;
  }
}
@media (min-width: 1920px) {
  .filter__applied,
  .filter__selected {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .filter__applied,
  .filter__selected {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .filter__applied,
  .filter__selected {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .filter__applied,
  .filter__selected {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
.filter__applied__overflow-shadow,
.filter__selected__overflow-shadow {
  position: relative;
}
.filter__applied__overflow-shadow:before,
.filter__selected__overflow-shadow:before {
  background: -webkit-linear-gradient(
    175.1deg,
    #000 53.13%,
    transparent 85.22%
  );
  background: -o-linear-gradient(175.1deg, #000 53.13%, transparent 85.22%);
  background: linear-gradient(274.9deg, #000 53.13%, transparent 85.22%);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 73px;
}
.filter__applied__chips,
.filter__selected__chips {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  overflow-y: scroll;
  padding-right: 50px;
  scrollbar-width: none;
  white-space: pre;
}
.filter__applied__chips::-webkit-scrollbar,
.filter__selected__chips::-webkit-scrollbar {
  display: none;
}
.filter__applied__chips button,
.filter__selected__chips button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #3a3a3a;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-right: 8px;
  max-width: 160px;
  padding: 10px;
}
@media (min-width: 768px) {
  .filter__applied__chips button,
  .filter__selected__chips button {
    max-width: 300px;
  }
}
.filter__applied__chips .label,
.filter__selected__chips .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter__applied__chips .icon,
.filter__selected__chips .icon {
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  height: 20px;
  margin-left: 8px;
  min-width: 20px;
  position: relative;
  width: 20px;
}
.filter__applied__chips .icon svg,
.filter__selected__chips .icon svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.filter__selected__cta {
  background-color: transparent;
  color: #fff;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  min-width: 162px;
  mix-blend-mode: difference;
  position: relative;
  white-space: nowrap;
}
.filter__selected__cta:before {
  background-color: currentColor;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: difference;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.35s ease-in-out;
  -o-transition: width 0.35s ease-in-out;
  transition: width 0.35s ease-in-out;
  width: 0;
  z-index: 0;
}
@media (min-width: 768px) {
  .filter__selected__cta {
    min-width: 150px;
  }
}
.filter__selected__cta:focus,
.filter__selected__cta:hover {
  background-position: 0;
}
.filter__selected__cta:focus:before,
.filter__selected__cta:hover:before {
  width: 100%;
}
.filter__applied__cta {
  border: none;
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}
.filter__tabs {
  background-color: #000;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  height: 86px;
  line-height: 19px;
  line-height: 1.1875rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .filter__tabs {
    height: 86px;
  }
}
.filter__tabs:before {
  background: -webkit-linear-gradient(2deg, #000 14.71%, transparent 85.53%);
  background: -o-linear-gradient(2deg, #000 14.71%, transparent 85.53%);
  background: linear-gradient(88deg, #000 14.71%, transparent 85.53%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
  width: 118px;
}
@media (min-width: 768px) {
  .filter__tabs:before {
    background: -webkit-linear-gradient(2deg, #000 14.71%, transparent 85.53%);
    background: -o-linear-gradient(2deg, #000 14.71%, transparent 85.53%);
    background: linear-gradient(88deg, #000 14.71%, transparent 85.53%);
    width: 192px;
  }
}
.filter__tabs:after {
  background: -webkit-linear-gradient(
    175.5deg,
    #000 14.71%,
    transparent 85.53%
  );
  background: -o-linear-gradient(175.5deg, #000 14.71%, transparent 85.53%);
  background: linear-gradient(274.5deg, #000 14.71%, transparent 85.53%);
  content: "";
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
  width: 118px;
}
@media (min-width: 768px) {
  .filter__tabs:after {
    background: -webkit-linear-gradient(
      175.5deg,
      #000 14.71%,
      transparent 85.53%
    );
    background: -o-linear-gradient(175.5deg, #000 14.71%, transparent 85.53%);
    background: linear-gradient(274.5deg, #000 14.71%, transparent 85.53%);
    width: 192px;
  }
}
.filter__tabs.show-end:after,
.filter__tabs.show-start:before {
  opacity: 1;
}
.filter__tabs__container {
  height: 100%;
  overflow: auto;
  width: 100%;
}
.filter__tabs__ctas,
.filter__tabs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
}
@media (min-width: 1280px) {
  .filter__tabs__ctas {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .filter__tabs__ctas.minimum {
    min-width: 100%;
  }
}
.filter__tabs__ctas button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: none;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  padding: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .filter__tabs__ctas button {
    margin-right: 50px;
  }
}
.filter__tabs__ctas button:first-child {
  margin-left: 20px;
}
@media (min-width: 768px) {
  .filter__tabs__ctas button:first-child {
    margin-left: 30px;
  }
}
@media (min-width: 1280px) {
  .filter__tabs__ctas button:first-child {
    margin-left: 60px;
  }
}
.filter__tabs__ctas button:last-child {
  margin-right: 90px;
}
@media (min-width: 768px) {
  .filter__tabs__ctas button:last-child {
    margin-right: 132px;
  }
}
@media (min-width: 1280px) {
  .filter__tabs__ctas button:last-child {
    margin-right: 60px;
  }
}
.filter__tabs__ctas button[data-active] {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
.filter .accordion.list {
  top: 86px;
}
@media (min-width: 768px) {
  .filter .accordion.list {
    top: 85px;
  }
}
.filter > .filter:first-child {
  border-top: 1px solid #3a3a3a;
}
.filter--has-tabs .accordion.list {
  top: 85px;
}
.filter.hidden {
  display: none;
}
@media (min-width: 1280px) {
  .people-hub .filter__tabs__wrapper {
    width: 100%;
  }
}
@media (min-width: 1920px) {
  .people-hub .filter__tabs__wrapper {
    margin: 0 auto;
    max-width: 1920px;
  }
}
.people-hub .filter__bar__results {
  opacity: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
}
.people-hub .filter__bar__toggle--active + .filter__bar__results {
  opacity: 1;
}
.people-hub .filter.filtered .filter__bar__results,
.people-hub .filter__sub-bar {
  display: none;
}
.pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 12px 20px 0;
  position: relative;
  width: 100%;
}
.pagination ::selection {
  background: #fff;
  color: #000;
}
.pagination ::-moz-selection {
  background: #fff;
  color: #000;
}
@media (min-width: 768px) {
  .pagination {
    padding: 0 30px;
  }
}
@media (min-width: 1280px) {
  .pagination {
    padding: 0 60px;
  }
}
@media (min-width: 1920px) {
  .pagination {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .pagination {
    padding-top: 16px;
  }
}
@media (min-width: 1280px) {
  .pagination {
    padding-top: 20px;
  }
}
.pagination:before {
  background-color: #e4e4e4;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .pagination:before {
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  .pagination:before {
    width: 1800px;
  }
}
.pagination__pages {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
}
.pagination__pages button {
  background-color: transparent;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .pagination__pages button {
    padding: 0 6px;
  }
}
.pagination__pages button[data-active] {
  font-weight: 700;
}
.pagination__control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 0;
}
.pagination__control span {
  display: block;
  position: relative;
}
.pagination__control span:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.32s ease-in-out;
  -o-transition: width 0.32s ease-in-out;
  transition: width 0.32s ease-in-out;
  width: 0;
}
.pagination__control__icon {
  background-color: transparent;
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  height: 24px;
  margin-right: 4px;
  position: relative;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 24px;
}
.pagination__control__icon svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pagination__control__icon svg path {
  fill: #fff;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.pagination__control[data-direction="prev"] {
  margin-left: auto;
}
.pagination__control[data-direction="prev"] span:before {
  left: auto;
  right: 0;
}
.pagination__control[data-direction="prev"] .pagination__control__icon {
  margin-right: 4px;
}
.pagination__control[data-direction="next"] {
  margin-left: 12px;
}
.pagination__control[data-direction="next"] .pagination__control__icon {
  margin-left: 4px;
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination__control[disabled] {
  opacity: 0.7;
  pointer-events: none;
}
.pagination__control:focus span:before,
.pagination__control:hover span:before {
  width: 100%;
}
.pagination__control:focus .pagination__control__icon,
.pagination__control:hover .pagination__control__icon {
  background-color: #fff;
}
.pagination__control:focus .pagination__control__icon svg path,
.pagination__control:hover .pagination__control__icon svg path {
  fill: #000;
}
.pagination[data-theme="white"] {
  background-color: #fff;
  color: #151515;
}
.pagination[data-theme="white"] ::selection {
  background: #000;
  color: #fff;
}
.pagination[data-theme="white"] ::-moz-selection {
  background: #000;
  color: #fff;
}
.pagination[data-theme="white"] .pagination__control__icon {
  border: 1px solid #e4e4e4;
}
.pagination[data-theme="white"] .pagination__control svg path {
  fill: #151515;
}
.pagination[data-theme="white"]
  .pagination__control:focus
  .pagination__control__icon,
.pagination[data-theme="white"]
  .pagination__control:hover
  .pagination__control__icon {
  background-color: #000;
}
.pagination[data-theme="white"]
  .pagination__control:focus
  .pagination__control__icon
  svg
  path,
.pagination[data-theme="white"]
  .pagination__control:hover
  .pagination__control__icon
  svg
  path {
  fill: #fff;
}
.lazy-loading {
  position: relative;
}
.lazy-loading .intersection-sentry {
  position: absolute;
}
.intersection-sentry {
  height: 1px;
  width: 100%;
}
.alignnone {
  height: auto;
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.aligncenter {
  display: block;
  height: auto;
  margin: 1rem auto;
}
.alignleft,
.alignright {
  height: auto;
  margin-bottom: 1rem;
}
@media (min-width: 30rem) {
  .alignleft {
    float: left;
    margin-right: 1rem;
  }
  .alignright {
    float: right;
    margin-left: 1rem;
  }
}
.screen-reader-text {
  clip: rect(0, 0, 0, 0);
  background: #fff;
  border: 0;
  color: #000;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.topics__title {
  color: #fff;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .topics__title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .topics__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 25px;
  }
}
.topics__links {
  margin: 0;
  padding: 0;
}
.topics__links li {
  list-style: none;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .topics__links li {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .topics__links li {
    margin-bottom: 15px;
  }
}
.topics__links li a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.topics__links li a:focus,
.topics__links li a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
@media (min-width: 1280px) {
  .topics__links li a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.topics__links li:last-child {
  margin-bottom: 0;
}
.topics[data-theme="white"] .topics__links li a,
.topics[data-theme="white"] .topics__title {
  color: #151515;
}
.article {
  overflow: hidden;
}
.article > .wrapper {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .article > .wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .article > .wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.article > .wrapper.last .content > :last-child {
  margin-bottom: 0;
}
.article > .wrapper.last + .wrapper {
  margin-top: 38px;
}
@media (min-width: 768px) {
  .article > .wrapper.last + .wrapper {
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .article > .wrapper.last + .wrapper {
    margin-top: 63px;
  }
}
.article > .wrapper:first-child .content,
.article > .wrapper:first-child .sidebar {
  margin-top: 0;
  padding-top: 50px;
}
@media (min-width: 768px) {
  .article > .wrapper:first-child .content,
  .article > .wrapper:first-child .sidebar {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .article > .wrapper:first-child .content,
  .article > .wrapper:first-child .sidebar {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .article > .wrapper:first-child .content.aligned-top,
  .article > .wrapper:first-child .sidebar.aligned-top {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .article > .wrapper:first-child .sidebar {
    padding-top: 0;
  }
}
.article > .wrapper:last-child {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .article > .wrapper:last-child {
    padding-bottom: 60px;
  }
}
@media (min-width: 1280px) {
  .article > .wrapper:last-child {
    padding-bottom: 80px;
  }
}
.article > .wrapper:last-child .content > :last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .article > .wrapper:last-child .sidebar > :last-child {
    margin-bottom: 0;
  }
}
.article.black {
  background-color: #000;
}
.article.black .wrapper .content,
.article.black .wrapper .sidebar,
.article.black .wrapper.switch .content {
  border-color: #3a3a3a;
}
@media (min-width: 768px) {
  .article.black + .article.white .wrapper:first-child {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .article.black + .article.white .wrapper:first-child {
    padding-top: 80px;
  }
}
.article.black + .content-package[data-theme="black"] .content-package__content,
.article.black
  + .spotlight-package[data-theme="black"]
  .content-package__content {
  padding-top: 0;
}
.article.black + .chaptering-checkpoint + .divider {
  background-color: #3a3a3a;
}
.article .sidebar {
  background-color: transparent;
  grid-column: 1 / span 6;
}
@media screen and (max-width: 767px) {
  body[class*="news"] .article .sidebar,
  body[class*="publication"] .article .sidebar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 768px) {
  .article .sidebar {
    border-right: 1px solid;
    border-color: #e4e4e4;
    grid-column: auto/span 3;
    grid-column-start: 1;
    margin-left: -30px;
    margin-right: calc(-13.33333% + -20px);
    padding-left: 30px;
    padding-right: calc(13.33333% + 20px);
  }
}
@media (min-width: 1280px) {
  .article .sidebar {
    grid-column: auto/span 4;
    grid-column-start: 1;
    margin-left: -60px;
    margin-right: -15px;
    padding-left: 60px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .article .sidebar--right {
    display: none;
  }
}
.article .sidebar.black {
  background-color: #000;
}
.article .content {
  background-color: transparent;
  border-color: #e4e4e4;
  grid-column: span 6;
}
@media (min-width: 768px) {
  .article .content {
    border-color: #e4e4e4;
    grid-column: auto/span 8;
    grid-column-start: 5;
    margin-left: -8.3333333333%;
    margin-right: -30px;
    padding-left: 8.3333333333%;
    padding-right: 30px;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 1280px) {
  .article .content {
    grid-column: auto/span 11;
    grid-column-start: 6;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.article .content.black {
  background-color: #000;
  border-color: #3a3a3a;
}
.article .wrapper.switch .sidebar {
  border-right: 0;
}
@media (min-width: 768px) {
  .article .wrapper.switch .sidebar {
    border-left-style: solid;
    border-left-width: 1px;
    grid-column-start: 10;
    grid-row-start: 1;
    margin-left: calc(-13.33333% + -20px);
    margin-right: -30px;
    padding-left: calc(13.33333% + 20px);
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .article .wrapper.switch .sidebar {
    grid-column-start: 13;
    margin-left: -15px;
    margin-right: -60px;
    padding-left: 15px;
    padding-right: 60px;
  }
}
@media (min-width: 768px) {
  .article .wrapper.switch .sidebar:not(.sidebar--right) {
    display: none;
  }
  .article .wrapper.switch .content {
    grid-column-start: 1;
    margin-left: -30px;
    margin-right: -8.3333333333%;
    padding-left: 30px;
    padding-right: calc(8.33333% - 1px);
  }
}
@media (min-width: 1280px) {
  .article .wrapper.switch .content {
    grid-column-start: 1;
    margin-left: 0;
    margin-right: -90px;
    padding-left: 0;
    padding-right: 0;
  }
}
.centered .article .wrapper .sidebar {
  display: none;
}
@media (min-width: 768px) {
  .centered .article .wrapper .content {
    grid-column-start: 3;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .centered .article .wrapper .content {
    grid-column-start: 4;
    margin-left: -37px;
  }
}
@media (min-width: 768px) {
  .article.white + .article.black .wrapper:first-child {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .article.white + .article.black .wrapper:first-child {
    padding-top: 80px;
  }
}
.article.white + .content-package[data-theme="white"] .content-package__content,
.article.white
  + .spotlight-package[data-theme="white"]
  .content-package__content {
  padding-top: 0;
}
.article.white + .chaptering-checkpoint + .divider {
  background-color: #e4e4e4;
}
.toolkit {
  margin-bottom: 38px;
}
@media (min-width: 768px) {
  .toolkit {
    margin-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .toolkit {
    margin-bottom: 63px;
  }
}
.toolkit.white {
  background-color: #fff;
}
.toolkit.black {
  background-color: #000;
}
@media (min-width: 768px) {
  [class*="hero"] + .article .wrapper .content,
  [class*="hero"] + .article .wrapper .sidebar {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  [class*="hero"] + .article .wrapper .content,
  [class*="hero"] + .article .wrapper .sidebar {
    margin-top: 80px;
  }
}
.card-research .card__wrapper {
  position: relative;
}
.card-research .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-research .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-research .card__image {
    margin-bottom: 24px;
  }
}
.card-research .card__details-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-research .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-research .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-research .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.card-research .card__details-title a {
  color: #fff;
}
[data-theme="white"] .card-research .card__details-eyebrow,
[data-theme="white"] .card-research .card__details-title,
[data-theme="white"] .card-research .card__details-title a {
  color: #151515;
}
.card-project .card__wrapper {
  position: relative;
}
.card-project .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-project .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-project .card__image {
    margin-bottom: 24px;
  }
}
.card-project .card__details-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-project .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-project .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-project .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.card-project .card__details-title a {
  color: #fff;
}
.card-project .card__details-subtitle {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
[data-theme="white"] .card-project .card__details-eyebrow,
[data-theme="white"] .card-project .card__details-title a {
  color: #151515;
}
[data-theme="white"] .card-project .card__details-subtitle {
  color: #767676;
}
.card-person .card__wrapper {
  position: relative;
}
.card-person .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-person .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-person .card__image {
    margin-bottom: 24px;
  }
}
.card-person .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-person .card__details-title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
@media (min-width: 1280px) {
  .card-person .card__details-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.card-person .card__details-title a {
  color: #fff;
}
.card-person .card__details-job {
  color: #767676;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.card-person[data-theme="white"] .card__details-title,
[data-theme="white"] .card-person .card__details-title a {
  color: #151515;
}
[data-theme="white"] .card-person .card__details-job {
  color: #767676;
}
@media (min-width: 768px) {
  .card-person.--three-up .card-person .card__details-title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.card-publication ::selection {
  background: #000;
  color: #fff;
}
.card-publication ::-moz-selection {
  background: #000;
  color: #fff;
}
.card-publication .card__wrapper .wrapper-core {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  min-height: 276px;
  padding: 28px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .card-publication .card__wrapper .wrapper-core {
    min-height: 378px;
    padding: 28px 20px;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .card-publication .card__wrapper .wrapper-core {
    min-height: 356px;
    padding: 32px 24px;
    position: relative;
  }
}
.card-publication .card__brow .card__details-eyebrow,
.card-publication .card__brow-eyebrow {
  color: #151515;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
@media (min-width: 1280px) {
  .card-publication .card__brow .card__details-eyebrow,
  .card-publication .card__brow-eyebrow {
    margin-bottom: 16px;
  }
}
.card-publication .card__details-title {
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-publication .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-publication .card__details-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.card-publication .card__details-title a {
  color: #151515;
}
.card-publication .card__details-subtitle {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
[data-theme="white"] .card-publication ::selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-publication ::-moz-selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-publication .card__wrapper .wrapper-core {
  background-color: #000;
}
[data-theme="white"] .card-publication .card__brow-eyebrow,
[data-theme="white"] .card-publication .card__details-title,
[data-theme="white"] .card-publication .card__details-title a {
  color: #fff;
}
[data-theme="white"] .card-publication .card__details-subtitle {
  color: #767676;
}
@media (min-width: 768px) {
  .card-publication.--three-up .card-publication .card__details-subtitle {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
  }
}
.card-news .card__wrapper {
  position: relative;
}
.card-news .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-news .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-news .card__image {
    margin-bottom: 24px;
  }
}
.card-news .card__details {
  position: relative;
}
.card-news .card__details-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-news .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-news .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-news .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.card-news .card__details-title a {
  color: #fff;
}
.card-news .card__details-byline {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
@media (min-width: 768px) {
  .card-news .card__details-byline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.card-news .card__details-byline .author {
  border-right: 1px solid #3a3a3a;
  margin-right: 8px;
  padding-right: 8px;
}
.card-news .card__external-link {
  background: none;
  height: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
.card-news.--no-image .card__wrapper .wrapper-core {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  min-height: 276px;
  padding: 28px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .card-news.--no-image .card__wrapper .wrapper-core {
    min-height: 378px;
  }
}
@media (min-width: 1280px) {
  .card-news.--no-image .card__wrapper .wrapper-core {
    min-height: 356px;
    padding: 32px 24px;
  }
}
.card-news.--no-image .card__details {
  margin-bottom: 0;
  position: unset;
}
.card-news.--no-image .card__external-link {
  right: 20px;
  top: 28px;
}
@media (min-width: 1280px) {
  .card-news.--no-image .card__external-link {
    right: 24px;
    top: 32px;
  }
}
[data-theme="black"] .card-news.--no-image ::selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-news.--no-image ::-moz-selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-news.--no-image .card__wrapper .wrapper-core {
  background-color: #fff;
}
[data-theme="black"] .card-news.--no-image .card__details-eyebrow,
[data-theme="black"] .card-news.--no-image .card__details-title,
[data-theme="black"] .card-news.--no-image .card__details-title a {
  color: #151515;
}
[data-theme="black"] .card-news.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="black"] .card-news.--no-image .card__details-byline .author {
  border-right: 1px solid #e4e4e4;
}
[data-theme="white"] .card-news.--no-image ::selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-news.--no-image ::-moz-selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-news.--no-image .card__wrapper .wrapper-core {
  background-color: #000;
}
[data-theme="white"] .card-news.--no-image .card__details-eyebrow,
[data-theme="white"] .card-news.--no-image .card__details-title,
[data-theme="white"] .card-news.--no-image .card__details-title a {
  color: #fff;
}
[data-theme="white"] .card-news.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="white"] .card-news.--no-image .card__details-byline .author {
  border-right: 1px solid #3a3a3a;
}
[data-theme="white"] .card-news .card__details-eyebrow,
[data-theme="white"] .card-news .card__details-title a {
  color: #151515;
}
.card-deep-dive .card__wrapper {
  position: relative;
}
.card-deep-dive .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-deep-dive .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-deep-dive .card__image {
    margin-bottom: 24px;
  }
}
.card-deep-dive .card__brow-eyebrow,
.card-deep-dive .card__details-eyebrow {
  color: #151515;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-deep-dive .card__details-title {
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
.card-deep-dive .card__details-title a {
  color: #151515;
}
.card-deep-dive .card__details-subtitle {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.card-deep-dive.--no-image .card__wrapper .wrapper-core {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  min-height: 276px;
  padding: 28px 20px;
}
@media (min-width: 768px) {
  .card-deep-dive.--no-image .card__wrapper .wrapper-core {
    min-height: 378px;
    padding: 28px 20px;
  }
}
@media (min-width: 1280px) {
  .card-deep-dive.--no-image .card__wrapper .wrapper-core {
    min-height: 356px;
    padding: 32px 24px;
  }
}
.card-deep-dive.--no-image .card__details {
  margin-bottom: 0;
}
.card-deep-dive.--no-image .card__details-title {
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-deep-dive.--no-image .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-deep-dive.--no-image .card__details-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.card-deep-dive.--no-image .card__details-title a {
  color: #151515;
}
.card-deep-dive.--no-image .card__details-subtitle {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
[data-theme="white"] .card-deep-dive.--no-image ::selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-deep-dive.--no-image ::-moz-selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-deep-dive.--no-image .card__wrapper {
  background-color: #000;
}
[data-theme="white"] .card-deep-dive.--no-image .card__details-eyebrow,
[data-theme="white"] .card-deep-dive.--no-image .card__details-title a {
  color: #fff;
}
[data-theme="white"] .card-deep-dive.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="white"] .card-deep-dive.--no-image .card__details-byline .author {
  border-right: 1px solid #3a3a3a;
}
[data-theme="black"] .card-deep-dive.--no-image ::selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-deep-dive.--no-image ::-moz-selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-deep-dive.--no-image .card__wrapper {
  background-color: #fff;
}
[data-theme="black"] .card-deep-dive.--no-image .card__details-eyebrow,
[data-theme="black"] .card-deep-dive.--no-image .card__details-title a {
  color: #151515;
}
[data-theme="black"] .card-deep-dive.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="black"] .card-deep-dive.--no-image .card__details-byline .author {
  border-right: 1px solid #e4e4e4;
}
[data-theme="black"] .card-deep-dive .card__details-eyebrow,
[data-theme="black"] .card-deep-dive .card__details-title a,
[data-theme="white"] .card-deep-dive .card__brow-eyebrow {
  color: #fff;
}
@media (min-width: 768px) {
  .card-deep-dive.--three-up .card-deep-dive .card__details-subtitle {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px;
    line-height: 0.875rem;
  }
}
.card-expertise .card__wrapper {
  position: relative;
}
.card-expertise .card__image {
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 768px) {
  .card-expertise .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-expertise .card__image {
    margin-bottom: 24px;
  }
}
.card-expertise .card__image.--landing:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(rgba(0, 0, 0, 0.25)),
    to(#000)
  );
  background: -webkit-linear-gradient(
    top,
    transparent,
    rgba(0, 0, 0, 0.25),
    #000
  );
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.25), #000);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.25), #000);
  bottom: 0;
  content: "";
  height: 25%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}
.card-expertise .card__image.--landing img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.card-expertise .card__image.--landing .card__image-title a {
  color: #fff;
}
.card-expertise .card__image-title {
  bottom: 12px;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  left: 8px;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .card-expertise .card__image-title {
    bottom: 16px;
    font-size: 18px;
    font-size: 1.125rem;
    left: 12px;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-expertise .card__image-title {
    bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    left: 20px;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.card-expertise .card__details-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-expertise .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-expertise .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-expertise .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.card-expertise .card__details-title a,
.card-expertise[data-theme="white"] .card_image-title {
  color: #fff;
}
.card-expertise[data-theme="white"] .card__details-eyebrow,
.card-expertise[data-theme="white"] .card__details-title,
.card-expertise[data-theme="white"] .card__details-title a {
  color: #151515;
}
.card-expertise.--one-up .card__image {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .card-expertise.--one-up .card__image {
    grid-column: 1 / span 8;
  }
}
@media (min-width: 1280px) {
  .card-expertise.--one-up .card__image {
    grid-column: 1 / span 11;
  }
}
.card-expertise.--one-up .card__details {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .card-expertise.--one-up .card__details {
    grid-column: 9 / span 4;
  }
}
@media (min-width: 1280px) {
  .card-expertise.--one-up .card__details {
    grid-column: 12 / span 5;
  }
}
.card-expertise.--one-up .card__details-title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .card-expertise.--one-up .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-expertise.--one-up .card__details-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.card-office {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-column: 1 / span 6;
  grid-template-columns: repeat(6, 1fr);
  padding: 16px 0 20px;
  position: relative;
}
@media (min-width: 768px) {
  .card-office {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: none;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: repeat(6, 1fr);
    height: 100%;
    justify-content: space-between;
    padding: 0 0 15px;
  }
  .card-office:nth-child(odd) {
    grid-column: 1 / span 6;
  }
  .card-office:nth-child(2n) {
    grid-column: 7 / span 6;
  }
}
@media (min-width: 1280px) {
  .card-office {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    -ms-flex-direction: unset;
    flex-direction: unset;
    grid-template-columns: repeat(8, 1fr);
    height: auto;
    justify-content: unset;
    padding: 0 0 15px;
  }
  .card-office:nth-child(odd) {
    grid-column: 1 / span 8;
  }
  .card-office:nth-child(2n) {
    grid-column: 9 / span 8;
  }
}
.card-office .card__image {
  display: none;
}
@media (min-width: 768px) {
  .card-office .card__image {
    display: block;
    grid-column: 1 / span 6;
    position: relative;
  }
  .card-office .card__image:before {
    content: "";
    display: block;
    padding-top: 75%;
    width: 100%;
  }
  .card-office .card__image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .card-office .card__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    grid-column: 1 / span 4;
    order: 1;
  }
}
.card-office .card__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.card-office .card__details {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  grid-column: 1 / span 6;
  margin-bottom: 0;
  order: 1;
}
.card-office .card__details .card__details-top {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-office .card__details {
    grid-column: 1 / span 6;
    margin-bottom: 16px !important;
  }
  .card-office .card__details .card__details-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-office .card__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: 5 / span 4;
    justify-content: space-between;
    margin-bottom: 0 !important;
    order: 2;
  }
  .card-office .card__details .card__details-top {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    display: block;
    justify-content: unset;
    margin-bottom: 0;
  }
}
.card-office .card__details-city,
.card-office .card__details-time {
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .card-office .card__details-city,
  .card-office .card__details-time {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .card-office .card__details-city,
  .card-office .card__details-time {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-bottom: 8px;
  }
}
.card-office .card__details-time {
  color: #767676;
}
.card-office .card__details-address,
.card-office .card__details-contact {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.card-office .card__details-image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  display: block;
  margin-top: 12px;
  order: 2;
  position: relative;
}
.card-office .card__details-image:before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.card-office .card__details-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .card-office .card__details-image {
    display: none;
  }
}
.card-office .card__details-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.card-office[data-theme="black"] {
  background-color: #000;
}
.card-office[data-theme="black"] .card__details-city,
.card-office[data-theme="black"] .card__details-time {
  color: #fff;
}
.card-story .card__wrapper {
  position: relative;
}
.card-story .card__image {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .card-story .card__image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .card-story .card__image {
    margin-bottom: 24px;
  }
}
.card-story .card__details-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
.card-story .card__details-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .card-story .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .card-story .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.card-story .card__details-title a {
  color: #fff;
}
.card-story .card__details-byline {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
@media (min-width: 768px) {
  .card-story .card__details-byline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.card-story .card__details-byline .author {
  border-right: 1px solid #3a3a3a;
  margin-right: 8px;
  padding-right: 8px;
}
.card-story .card__external-link {
  background: none;
  height: 16px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
[data-theme="white"] .card-story .card__details-eyebrow,
[data-theme="white"] .card-story .card__details-title,
[data-theme="white"] .card-story .card__details-title a {
  color: #151515;
}
[data-theme="white"] .card-story .card__details-byline {
  color: #767676;
}
[data-theme="white"] .card-story .card__details-byline .author {
  border-right: 1px solid #e4e4e4;
}
.card-story.--no-image .card__wrapper .wrapper-core {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  min-height: 276px;
  padding: 28px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .card-story.--no-image .card__wrapper .wrapper-core {
    min-height: 378px;
  }
}
@media (min-width: 1280px) {
  .card-story.--no-image .card__wrapper .wrapper-core {
    min-height: 356px;
    padding: 32px 24px;
  }
}
.card-story.--no-image .card__details {
  margin-bottom: 0;
}
[data-theme="white"] .card-story.--no-image ::selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-story.--no-image ::-moz-selection {
  background: #fff;
  color: #000;
}
[data-theme="white"] .card-story.--no-image .card__wrapper {
  background-color: #000;
}
[data-theme="white"] .card-story.--no-image .card__details-eyebrow,
[data-theme="white"] .card-story.--no-image .card__details-title,
[data-theme="white"] .card-story.--no-image .card__details-title a {
  color: #fff;
}
[data-theme="white"] .card-story.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="white"] .card-story.--no-image .card__details-byline .author {
  border-right: 1px solid #3a3a3a;
}
[data-theme="black"] .card-story.--no-image ::selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-story.--no-image ::-moz-selection {
  background: #000;
  color: #fff;
}
[data-theme="black"] .card-story.--no-image .card__wrapper {
  background-color: #fff;
}
[data-theme="black"] .card-story.--no-image .card__details-eyebrow,
[data-theme="black"] .card-story.--no-image .card__details-title,
[data-theme="black"] .card-story.--no-image .card__details-title a {
  color: #000;
}
[data-theme="black"] .card-story.--no-image .card__details-byline {
  color: #767676;
}
[data-theme="black"] .card-story.--no-image .card__details-byline .author {
  border-right: 1px solid #e4e4e4;
}
.no-results {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  color: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 591px;
  padding: 60px 0 0;
}
@media (min-width: 1280px) {
  .no-results {
    min-height: 620px;
    padding: 50px 0 0;
  }
}
.no-results .wrapper {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 20px;
}
@media (min-width: 768px) {
  .no-results .wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 40px;
  }
}
@media (min-width: 1280px) {
  .no-results .wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    width: 100%;
  }
}
.no-results h2,
.no-results p {
  grid-column: 1/7;
  margin: 0;
}
@media (min-width: 768px) {
  .no-results h2,
  .no-results p {
    grid-column: 1/9;
  }
}
@media (min-width: 1280px) {
  .no-results h2,
  .no-results p {
    grid-column: 1/8;
  }
}
.no-results h2 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 33px;
  line-height: 2.0625rem;
}
@media (min-width: 768px) {
  .no-results h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .no-results h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.no-results p {
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  line-height: 1.5625rem;
}
@media (min-width: 768px) {
  .no-results p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
.no-results__cta {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #151515;
  padding: 0;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  51% {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
@-o-keyframes loading {
  0% {
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  51% {
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
@keyframes loading {
  0% {
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  51% {
    -webkit-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  to {
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}
.loading-line {
  background-color: #fff;
  z-index: 1;
}
.loading-line,
.loading-line span {
  height: 2px;
  position: absolute;
  width: 100%;
}
.loading-line span {
  -webkit-animation: loading 1.5s ease infinite;
  -o-animation: loading 1.5s ease infinite;
  animation: loading 1.5s ease infinite;
  background-color: #000;
  display: block;
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.loading-line[data-theme="white"] span {
  background-color: #fff;
}
.people-hub .loading-line {
  bottom: 0;
  left: 0;
}
.loading-block {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 60px 0;
  width: 50%;
}
@media (min-width: 1280px) {
  .loading-block {
    padding: 50px 0;
  }
}
.nf-form-cont {
  margin: 0;
}
.nf-form-cont .nf-form-fields-required,
.nf-form-cont .nf-form-title,
.nf-form-cont .ninja-forms-req-symbol {
  display: none;
}
.nf-form-cont .nf-form-wrap .nf-debug-msg p {
  color: #ff4135;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 19px;
  line-height: 1.1875rem;
  margin: 0;
}
.nf-form-cont .nf-form-content {
  margin: 0;
  padding: 0;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-label {
  margin: 0 !important;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-label label {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  line-height: 0.875rem;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element {
  position: relative;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"],
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #3a3a3a;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  height: 35px;
  line-height: 25px;
  line-height: 1.5625rem;
  padding: 0;
}
@media (min-width: 768px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="email"],
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="text"] {
    font-size: 18px;
    font-size: 1.125rem;
    height: 35px;
    line-height: 27px;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="email"],
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="text"] {
    font-size: 18px;
    font-size: 1.125rem;
    height: 40px;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]:focus {
  background-color: transparent;
  border-color: #fff;
  outline: 1px auto -webkit-focus-ring-color;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-webkit-input-placeholder,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-moz-placeholder,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-moz-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]:-ms-input-placeholder,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]:-ms-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-ms-input-placeholder,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-ms-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::placeholder,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"].disabled,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"].disabled {
  color: hsla(0, 0%, 100%, 0.4);
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element select {
  -moz-appearance: initial;
  appearance: none;
  -webkit-appearance: initial;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #3a3a3a;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  height: 40px;
  line-height: 29px;
  line-height: 1.8125rem;
  padding: 0;
  z-index: 1;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"] {
  background-color: transparent;
  border: none;
  height: 32px;
  left: unset;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  z-index: 2;
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    select
    ~ div[for^="nf-field"] {
    height: 36px;
    width: 36px;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text {
  cursor: pointer;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text__icon {
  height: 32px;
  width: 32px;
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    select
    ~ div[for^="nf-field"]
    .link-text__icon {
    height: 36px;
    width: 36px;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text__icon
  svg {
  fill: unset;
  height: 8px;
  width: 12px;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text:hover {
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text:hover
  .link-text__icon {
  background-color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]:after {
  content: none;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div.nf-custom-dropdown.is-visible
  ~ div[for^="nf-field"]
  .link-text {
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div.nf-custom-dropdown.is-visible
  ~ div[for^="nf-field"]
  .link-text__icon {
  background-color: #fff;
  border: 1px solid #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:focus {
  border-bottom: 1px solid #fff;
  outline: 1px auto -webkit-focus-ring-color;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select[multiple] {
  border-bottom: none !important;
  height: auto;
  max-height: 120px;
  overflow: auto;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select[multiple]
  + div[for^="nf-field"] {
  display: none;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-field-element textarea {
  background-color: transparent;
  border: 1px solid #3a3a3a;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  height: 305px;
  line-height: 29px;
  line-height: 1.8125rem;
  padding: 20px;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus {
  background-color: transparent;
  border-color: #fff;
  outline: 1px auto -webkit-focus-ring-color;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus::-moz-placeholder {
  color: transparent;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus::placeholder {
  color: transparent;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-webkit-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-moz-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-ms-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-ms-input-placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::placeholder {
  color: #fff;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"] {
  -webkit-appearance: none;
  background: transparent;
  background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, #000),
      color-stop(50%, #fff)
    )
    100%;
  background: -webkit-linear-gradient(right, #000 50%, #fff 0) 100%;
  background: -o-linear-gradient(right, #000 50%, #fff 50%) 100%;
  background: linear-gradient(270deg, #000 50%, #fff 0) 100%;
  background-size: 200%;
  border: 1px solid;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 22px;
  line-height: 1.375rem;
  min-width: 158px;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
@media (min-width: 768px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="button"] {
    min-width: 162px;
  }
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    input[type="button"] {
    min-width: 192px;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:hover {
  background-position: 0;
  color: #000;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:disabled {
  border: 1px solid #767676;
  color: #767676;
  cursor: default;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown {
  background: #000 !important;
  border: 1px solid #3a3a3a;
  border-top-color: #fff;
  display: none;
  height: auto;
  left: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 100%;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  width: 100%;
  z-index: 9;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(transparent),
    to(#000)
  );
  background: -webkit-linear-gradient(bottom, transparent, #000);
  background: -o-linear-gradient(bottom, transparent 0, #000 100%);
  background: linear-gradient(0deg, transparent, #000);
  content: "";
  display: none;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#000)
  );
  background: -webkit-linear-gradient(top, transparent, #000);
  background: -o-linear-gradient(top, transparent 0, #000 100%);
  background: linear-gradient(180deg, transparent, #000);
  bottom: 0;
  content: "";
  display: none;
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown.is-visible,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown.show-bottom-gradient:after,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown.show-top-gradient:before {
  display: block;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul {
  margin: 0;
  max-height: 272px;
  overflow: auto;
  padding: 20px 0;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li {
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  line-height: 1.5625rem;
  list-style: none;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    .nf-custom-dropdown
    ul
    li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-field-container
    .nf-field-element
    .nf-custom-dropdown
    ul
    li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li.selected,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:active,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:hover,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:active,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:hover,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:active,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff;
  background-color: unset !important;
  -webkit-box-shadow: inset 0 0 0 30px #000 !important;
  box-shadow: inset 0 0 0 30px #000 !important;
  outline: 0 none !important;
  -webkit-transition: unset !important;
  transition: unset !important;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-error
  .nf-field-element:after,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element:after,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .textarea-wrap
  .nf-field-label {
  display: none;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-error
  .nf-field-label {
  display: block;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-error
  .nf-field-label
  label {
  color: #ff4135;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-label {
  display: block;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea {
  border-color: #3a3a3a !important;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus {
  border-color: #fff !important;
}
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .field-wrap.focus-in
  .nf-field-label,
.nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .list-multiselect-wrap
  .nf-field-label {
  display: block;
}
.nf-form-cont .nf-form-content .nf-field-container .nf-error-msg {
  color: #ff4135;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-bottom: 30px;
}
.nf-form-cont .nf-form-content .nf-mp-footer .nf-next-previous {
  margin: 0 !important;
  width: auto;
  
}
.nf-form-cont .nf-form-content .nf-mp-footer .nf-next-previous .nf-next-item,
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item {
  float: none;
}
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item:before,
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item:before {
  display: none;
}
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"],
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"] {
  -webkit-appearance: none;
  background: transparent;
  background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, #000),
      color-stop(50%, #fff)
    )
    100%;
  background: -webkit-linear-gradient(right, #000 50%, #fff 0) 100%;
  background: -o-linear-gradient(right, #000 50%, #fff 50%) 100%;
  background: linear-gradient(270deg, #000 50%, #fff 0) 100%;
  background-size: 200%;
  border: 1px solid;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 22px;
  line-height: 1.375rem;
  min-width: 158px;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
@media (min-width: 768px) {
  .nf-form-cont
    .nf-form-content
    .nf-mp-footer
    .nf-next-previous
    .nf-next-item
    input[type="button"],
  .nf-form-cont
    .nf-form-content
    .nf-mp-footer
    .nf-next-previous
    .nf-previous-item
    input[type="button"] {
    min-width: 162px;
  }
}
@media (min-width: 1280px) {
  .nf-form-cont
    .nf-form-content
    .nf-mp-footer
    .nf-next-previous
    .nf-next-item
    input[type="button"],
  .nf-form-cont
    .nf-form-content
    .nf-mp-footer
    .nf-next-previous
    .nf-previous-item
    input[type="button"] {
    min-width: 192px;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"]:focus,
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"]:hover,
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"]:focus,
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"]:hover {
  background-position: 0;
  color: #000;
}
.nf-form-cont .nf-form-content .nf-mp-footer .nf-next-previous .nf-next-item {
  margin: 30px 0 40px !important;
}
@media (min-width: 768px) {
  .nf-form-cont .nf-form-content .nf-mp-footer .nf-next-previous .nf-next-item {
    margin: 40px 0 0 !important;
  }
}
@media (min-width: 1280px) {
  .nf-form-cont .nf-form-content .nf-mp-footer .nf-next-previous .nf-next-item {
    margin: 40px 0 0 !important;
  }
}
.nf-form-cont
  .nf-form-content
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item {
  display: none;
}
.nf-form-cont .nf-form-content .nf-row .nf-field-container {
  margin-bottom: 30px;
}
.nf-form-cont .nf-form-content .nf-row:last-child .nf-field-container {
  margin-bottom: 0;
}
.nf-form-cont .nf-after-form-content {
  display: none;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"],
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"] {
  border-color: #e4e4e4;
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]:focus {
  border-color: #000;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-webkit-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-webkit-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-moz-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-moz-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]:-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]:-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="email"]::placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="text"]::placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select {
  border-bottom: 1px solid #e4e4e4;
  color: #151515;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]
  .link-text__icon {
  background-color: #fff;
  border: 1px solid #e4e4e4;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div[for^="nf-field"]:hover
  .link-text__icon {
  background-color: #000;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select
  ~ div.nf-custom-dropdown.is-visible
  + div[for^="nf-field"]
  .link-text__icon {
  background-color: #000;
  border: 1px solid #000;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:focus {
  border-bottom: 1px solid #000;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea {
  border-color: #e4e4e4;
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:focus {
  border-color: #000;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-webkit-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-moz-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea::placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"] {
  background: transparent;
  background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, #fff),
      color-stop(50%, #000)
    )
    100%;
  background: -webkit-linear-gradient(right, #fff 50%, #000 0) 100%;
  background: -o-linear-gradient(right, #fff 50%, #000 50%) 100%;
  background: linear-gradient(270deg, #fff 50%, #000 0) 100%;
  background-size: 200%;
  border: 1px solid;
  color: #000;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:hover {
  background-position: 0;
  color: #fff;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input[type="button"]:disabled {
  border: 1px solid #e4e4e4;
  color: #767676;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown {
  background: #fff !important;
  border: 1px solid #e4e4e4;
  border-top-color: #000;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0), #fff);
  background: -o-linear-gradient(bottom, hsla(0, 0%, 100%, 0) 0, #fff 100%);
  background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
  background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li.selected,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  .nf-custom-dropdown
  ul
  li:hover {
  background: rgba(0, 0, 0, 0.05);
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:active,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  input:-webkit-autofill:hover,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:active,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  select:-webkit-autofill:hover,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:active,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field-element
  textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: #3a3a3a;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
  box-shadow: inset 0 0 0 30px #fff !important;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea {
  border-color: #e4e4e4 !important;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus {
  border-color: #000 !important;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus::-webkit-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus::-webkit-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus::-moz-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus::-moz-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus::-moz-placeholder {
  color: transparent;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus:-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus:-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus:-ms-input-placeholder {
  color: transparent;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus::-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus::-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus::-ms-input-placeholder {
  color: transparent;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:focus::placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:focus::placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:focus::placeholder {
  color: transparent;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input::-webkit-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select::-webkit-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea::-webkit-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input::-moz-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select::-moz-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea::-moz-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input:-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select:-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea:-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input::-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select::-ms-input-placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea::-ms-input-placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  input::placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  select::placeholder,
[data-theme="white"]
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .nf-field
  .nf-pass
  .nf-field-element
  textarea::placeholder {
  color: #3a3a3a;
}
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"],
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"] {
  background: transparent;
  background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(50%, #fff),
      color-stop(50%, #000)
    )
    100%;
  background: -webkit-linear-gradient(right, #fff 50%, #000 0) 100%;
  background: -o-linear-gradient(right, #fff 50%, #000 50%) 100%;
  background: linear-gradient(270deg, #fff 50%, #000 0) 100%;
  background-size: 200%;
  border: 1px solid;
  color: #000;
  -webkit-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"]:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-next-item
  input[type="button"]:hover,
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"]:focus,
[data-theme="white"]
  .nf-form-cont
  .nf-mp-footer
  .nf-next-previous
  .nf-previous-item
  input[type="button"]:hover {
  background-position: 0;
  color: #fff;
}
.bold-stat {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  color: #151515;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 20px 0;
  width: 100%;
}
.bold-stat ::selection {
  background: #000;
  color: #fff;
}
.bold-stat ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .bold-stat {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    padding: 30px 0 20px;
  }
}
@media (min-width: 1280px) {
  .bold-stat {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    padding: 30px 0;
  }
}
.bold-stat__stat {
  color: inherit;
  font-family: Benton Sans Light, sans-serif;
  font-size: 84px;
  font-size: 5.25rem;
  font-weight: 300;
  grid-column: 1/7;
  line-height: 100px;
  line-height: 6.25rem;
  margin-bottom: -20px;
}
@media (min-width: 768px) {
  .bold-stat__stat {
    font-size: 100px;
    font-size: 6.25rem;
    grid-column: 1/6;
    line-height: 120px;
    line-height: 7.5rem;
  }
}
@media (min-width: 1280px) {
  .bold-stat__stat {
    font-size: 120px;
    font-size: 7.5rem;
    grid-column: 1/6;
    line-height: 144px;
    line-height: 9rem;
    margin-bottom: 0;
  }
}
.bold-stat__stat span {
  display: block;
  margin-top: -15px;
}
@media (min-width: 768px) {
  .bold-stat__stat span {
    margin-top: -20px;
  }
}
.bold-stat__stat sup {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 34px;
  line-height: 2.125rem;
  position: relative;
  top: -42px;
}
@media (min-width: 768px) {
  .bold-stat__stat sup {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
@media (min-width: 1280px) {
  .bold-stat__stat sup {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.625rem;
    top: -54px;
  }
}
.bold-stat__content {
  grid-column: 1/6;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .bold-stat__content {
    grid-column: 1/8;
  }
}
@media (min-width: 1280px) {
  .bold-stat__content {
    grid-column: 6/12;
    margin-top: 0;
  }
}
.bold-stat__title {
  color: inherit;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0;
}
@media (min-width: 1280px) {
  .bold-stat__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.bold-stat__description {
  color: inherit;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .bold-stat__description {
    margin-top: 12px;
  }
}
@media (min-width: 1280px) {
  .bold-stat__description {
    margin-top: 50px;
  }
}
.bold-stat.black {
  background-color: #000;
  border-color: #3a3a3a;
  color: #fff;
}
.bold-stat.black ::selection {
  background: #fff;
  color: #000;
}
.bold-stat.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.bold-stat + .bold-stat {
  border-top: none;
  margin-top: -37px;
}
.divider {
  background-color: #e4e4e4;
  border: 0;
  display: block;
  height: 1px;
  margin: -1px auto 0;
  position: relative;
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .divider {
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  .divider {
    max-width: 1800px;
    width: calc(100% - 120px);
  }
}
.black .divider,
.black + .divider,
[data-theme="black"] + .divider {
  background-color: #3a3a3a;
}
.article .divider {
  margin-bottom: 38px;
  width: 100%;
}
@media (min-width: 768px) {
  .article .divider {
    margin-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .article .divider {
    margin-bottom: 63px;
  }
}
.divider + .article .wrapper:first-child .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .divider + .article .wrapper:first-child .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .divider + .article .wrapper:first-child .content.aligned-top {
    padding-top: 80px;
  }
}
@media (min-width: 768px) {
  .single-story .divider,
  .template-centered .divider {
    margin-left: auto;
    margin-right: auto;
    width: calc(66.66667vw - 46.66667px);
  }
}
@media (min-width: 1280px) {
  .single-story .divider,
  .template-centered .divider {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 10 + 344px);
  }
}
@media (min-width: 1920px) {
  .single-story .divider,
  .template-centered .divider {
    width: calc(1187.75px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
@media (min-width: 768px) {
  .single-story .divider + .article .wrapper .content,
  .single-story .divider + .chaptering-checkpoint + .article .wrapper .content,
  .template-centered .divider + .article .wrapper .content,
  .template-centered
    .divider
    + .chaptering-checkpoint
    + .article
    .wrapper
    .content {
    padding-top: 50px;
  }
}
@media (min-width: 1280px) {
  .single-story .divider + .article .wrapper .content,
  .single-story .divider + .chaptering-checkpoint + .article .wrapper .content,
  .template-centered .divider + .article .wrapper .content,
  .template-centered
    .divider
    + .chaptering-checkpoint
    + .article
    .wrapper
    .content {
    padding-top: 63px;
  }
}
@media (min-width: 768px) {
  .single-project main.main > .divider,
  .single-research main.main > .divider {
    margin-left: auto;
    margin-right: 0;
    width: calc(70.83333vw - 8.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project main.main > .divider,
  .single-research main.main > .divider {
    max-width: none;
    width: calc((var(--viewPortWidth) - 1160px) / 2 + 877.5px);
  }
}
@media (min-width: 768px) {
  .single-project main.main > .divider + .article > .wrapper > .content,
  .single-project
    main.main
    > .divider
    + .chaptering-checkpoint
    + .article
    > .wrapper
    > .content,
  .single-research main.main > .divider + .article > .wrapper > .content,
  .single-research
    main.main
    > .divider
    + .chaptering-checkpoint
    + .article
    > .wrapper
    > .content {
    padding-top: 50px;
  }
}
@media (min-width: 1280px) {
  .single-project main.main > .divider + .article > .wrapper > .content,
  .single-project
    main.main
    > .divider
    + .chaptering-checkpoint
    + .article
    > .wrapper
    > .content,
  .single-research main.main > .divider + .article > .wrapper > .content,
  .single-research
    main.main
    > .divider
    + .chaptering-checkpoint
    + .article
    > .wrapper
    > .content {
    padding-top: 63px;
  }
}
.flipbook {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.flipbook__close {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  height: 48px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  width: 48px;
  z-index: 1;
}
@media (min-width: 768px) {
  .flipbook__close {
    height: 60px;
    right: 30px;
    width: 60px;
  }
}
@media (min-width: 1280px) {
  .flipbook__close {
    right: 20px;
  }
}
.flipbook__close svg {
  fill: #fff;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
}
@media (min-width: 768px) {
  .flipbook__close svg {
    height: 17px;
    width: 17px;
  }
}
.flipbook__close:hover {
  background-color: #fff;
}
.flipbook__close:hover rect,
.flipbook__close:hover svg {
  fill: #000;
}
.flipbook__wrapper {
  bottom: 0;
  height: calc(100% - 100px);
  left: 0;
  position: absolute;
  width: 100%;
}
.flipbook.is-open {
  display: block;
}
.flipbook-button {
  background: transparent;
  display: block;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
}
.flipbook-button__icon {
  background: transparent;
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  display: block;
  height: 40px;
  -webkit-transition: background 0.35s ease-in-out;
  -o-transition: background 0.35s ease-in-out;
  transition: background 0.35s ease-in-out;
  width: 40px;
}
.flipbook-button__icon span {
  bottom: 0;
  color: #fff;
  display: block;
  height: 18px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
}
.flipbook-button__icon span:after,
.flipbook-button__icon span:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  width: 2px;
}
.flipbook-button__icon span:after {
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.flipbook-button:focus .flipbook-button__icon,
.flipbook-button:hover .flipbook-button__icon {
  background: #fff;
}
.flipbook-button:focus .flipbook-button__icon span,
.flipbook-button:hover .flipbook-button__icon span {
  color: #000;
}
.flipbook-button__wrapper {
  background: -webkit-linear-gradient(
    262.69deg,
    rgba(0, 0, 0, 0.6) 1.91%,
    transparent 61.14%
  );
  background: -o-linear-gradient(
    262.69deg,
    rgba(0, 0, 0, 0.6) 1.91%,
    transparent 61.14%
  );
  background: linear-gradient(
    187.31deg,
    rgba(0, 0, 0, 0.6) 1.91%,
    transparent 61.14%
  );
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  width: 100%;
}
.flipbook-button__wrapper:focus-within,
.flipbook-button__wrapper:hover {
  opacity: 1;
}
@media (hover: none) and (pointer: coarse) {
  .flipbook-button__wrapper {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .flipbook-button.medium .flipbook-button__icon {
    height: 60px;
    width: 60px;
  }
  .flipbook-button.medium .flipbook-button__icon span {
    height: 28px;
    width: 28px;
  }
}
.immersive-gallery {
  background-color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.immersive-gallery ::selection {
  background: #000;
  color: #fff;
}
.immersive-gallery ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .immersive-gallery {
    margin-bottom: 0;
    margin-left: calc(-33.33333vw + -16.66667px);
    margin-right: -30px;
    padding: 50px 30px;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery {
    margin-left: calc((var(--viewPortWidth) - 570px) / 16 * 5 * -1 + -210px);
    margin-right: -60px;
    padding: 63px 60px;
  }
}
@media (min-width: 1920px) {
  .immersive-gallery {
    margin-left: calc(
      -571.875px + (var(--viewPortWidth) - 1800px) / 2 * 1 * -1
    );
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.immersive-gallery__wrapper {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .immersive-gallery__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.immersive-gallery .bottom-gradient,
.immersive-gallery .top-gradient {
  display: none;
}
.immersive-gallery .images {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  grid-column: 1/-1;
  margin-bottom: 8px;
  margin-left: -20px;
  margin-right: -20px;
  order: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .immersive-gallery .images {
    margin-bottom: 11.98px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery .images {
    margin-bottom: 12px;
  }
}
.immersive-gallery .images__listing {
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out,
    -o-transform 0.3s ease-out;
}
.immersive-gallery .images__listing.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.immersive-gallery .images__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  position: relative;
  width: 100%;
}
.immersive-gallery .images__item:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.immersive-gallery .images__item > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.immersive-gallery .images__item .lightbox-button__wrapper {
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.immersive-gallery .images__item-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.immersive-gallery .images__item img,
.immersive-gallery .images__item picture {
  display: block;
  height: 100%;
  width: 100%;
}
.immersive-gallery .images__item img {
  -o-object-fit: contain;
  object-fit: contain;
}
.immersive-gallery .identifiers {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1/-1;
  justify-content: space-between;
  margin-bottom: 8px;
  order: 2;
}
@media (min-width: 768px) {
  .immersive-gallery .identifiers {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-self: flex-start;
    grid-column: 1 / span 4;
    justify-content: flex-start;
    margin-bottom: 0;
  }
}
.immersive-gallery .counter {
  color: #151515;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  .immersive-gallery .counter {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-right: 25px;
    width: 80px;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery .counter {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin-right: 70px;
    width: 40px;
  }
}
.immersive-gallery .ctrls,
.immersive-gallery .ctrls__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.immersive-gallery .ctrls__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: transparent;
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  height: 40px;
  justify-content: center;
  padding: 0;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 40px;
}
.immersive-gallery .ctrls__btn--prev {
  margin-right: 8px;
}
.immersive-gallery .ctrls__btn svg {
  height: 12.44px;
  width: 14.82px;
}
.immersive-gallery .ctrls__btn svg path {
  fill: #000;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.immersive-gallery .ctrls__btn:not([disabled]):focus,
.immersive-gallery .ctrls__btn:not([disabled]):hover {
  background-color: #000;
}
.immersive-gallery .ctrls__btn:not([disabled]):focus svg path,
.immersive-gallery .ctrls__btn:not([disabled]):hover svg path {
  fill: #fff;
}
.immersive-gallery .ctrls__btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.immersive-gallery .captions {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  grid-column: 1/-1;
  line-height: 14px;
  line-height: 0.875rem;
  order: 3;
  overflow: hidden;
}
@media (min-width: 768px) {
  .immersive-gallery .captions {
    grid-column: 5/-1;
    margin-top: 3px;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery .captions {
    font-size: 14px;
    font-size: 0.875rem;
    grid-column: 6/-1;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-top: 12px;
  }
}
.immersive-gallery .captions__listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out,
    -o-transform 0.3s ease-out;
}
.immersive-gallery .captions__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.immersive-gallery .captions .credits {
  color: #767676;
}
@media (min-width: 768px) {
  .immersive-gallery--bleed .images {
    width: calc(100% + 30px);
  }
}
@media (min-width: 1280px) {
  .immersive-gallery--bleed .images {
    width: calc(100% + 60px);
  }
}
@media (min-width: 768px) {
  .immersive-gallery--centered .identifiers {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    grid-column: 1/-1;
    justify-content: space-between;
  }
  .immersive-gallery--centered .identifiers .counter {
    margin-right: 0;
  }
  .immersive-gallery--centered .captions {
    grid-column: 1/-1;
    margin: -37px auto 0;
    max-width: 465px;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery--centered .captions {
    margin-top: -29px;
    max-width: 788px;
  }
}
@media (min-width: 768px) {
  .immersive-gallery--single-image.immersive-gallery--left .captions {
    grid-column: 1 / span 8;
  }
  .immersive-gallery--single-image.immersive-gallery--centered .captions {
    margin-top: 0;
  }
}
.immersive-gallery[color-scheme="black"] {
  background-color: #000;
}
.immersive-gallery[color-scheme="black"] ::selection {
  background: #fff;
  color: #000;
}
.immersive-gallery[color-scheme="black"] ::-moz-selection {
  background: #fff;
  color: #000;
}
.immersive-gallery[color-scheme="black"] .ctrls__btn {
  border: 1px solid hsla(0, 0%, 89%, 0.2);
}
.immersive-gallery[color-scheme="black"] .ctrls__btn svg path {
  fill: #fff;
}
.immersive-gallery[color-scheme="black"] .ctrls__btn:focus,
.immersive-gallery[color-scheme="black"] .ctrls__btn:hover {
  background-color: #fff;
}
.immersive-gallery[color-scheme="black"] .ctrls__btn:focus svg path,
.immersive-gallery[color-scheme="black"] .ctrls__btn:hover svg path {
  fill: #000;
}
.immersive-gallery[color-scheme="black"] .captions,
.immersive-gallery[color-scheme="black"] .counter {
  color: #fff;
}
.article.white .immersive-gallery[color-scheme="black"] {
  padding-bottom: 30px;
  padding-top: 30px;
}
.immersive-gallery[color-scheme="black"] .images picture {
  background-color: #000;
}
.article.black .immersive-gallery[color-scheme="white"] {
  padding-bottom: 30px;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .immersive-gallery--multi-left .captions {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    grid-column: 1 / span 8;
    order: 2;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery--multi-left .captions {
    grid-column: 1 / span 11;
  }
}
@media (min-width: 768px) {
  .immersive-gallery--multi-left .identifiers {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    grid-column: 9/-1;
    justify-content: flex-end;
    order: 3;
  }
}
@media (min-width: 1280px) {
  .immersive-gallery--multi-left .identifiers {
    grid-column: 12/-1;
  }
}
@media (min-width: 768px) {
  .switch .immersive-gallery {
    margin-left: -30px;
    margin-right: calc(-33.33333vw + -16.66667px);
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .switch .immersive-gallery {
    margin-left: -60px;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 5 * -1 + -210px);
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .switch .immersive-gallery {
    margin-left: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    margin-right: calc(
      -571.875px + (var(--viewPortWidth) - 1800px) / 2 * 1 * -1
    );
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .centered .immersive-gallery {
    margin-left: calc(-16.66667vw + -23px);
    margin-right: calc(-16.66667vw + -23px);
  }
}
@media (min-width: 1280px) {
  .centered .immersive-gallery {
    margin-left: calc((var(--viewPortWidth) - 570px) / 16 * 3 * -1 + -113px);
    margin-right: 0;
    padding-left: 60px;
    padding-right: 60px;
    width: var(--viewPortWidth);
  }
}
@media (min-width: 1920px) {
  .centered .immersive-gallery {
    margin-left: calc(-306.125px + (var(--viewPortWidth) - 1800px) / 2 * -1);
    margin-right: 0;
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .centered .immersive-gallery--single-image .images {
    width: 100%;
  }
  .centered .immersive-gallery--single-image .captions {
    grid-column-start: 3;
  }
}
@media (min-width: 1280px) {
  .centered .immersive-gallery--single-image .captions {
    grid-column: 4 / span 10;
    margin-left: -37px;
    margin-right: -37px;
  }
}
.immersive-gallery.panoramic .images__item:before {
  content: none;
}
.immersive-gallery.panoramic .images__item-wrapper {
  bottom: auto;
  left: auto;
  position: relative;
  right: auto;
  top: auto;
}
@media (min-width: 768px) {
  .single-project .immersive-gallery,
  .single-research .immersive-gallery {
    background-color: transparent;
  }
  .single-project .immersive-gallery:before,
  .single-research .immersive-gallery:before {
    background-color: #000;
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(70.83333vw - 1.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .immersive-gallery:before,
  .single-research .immersive-gallery:before {
    height: 50px;
    width: calc(884.5px + (var(--viewPortWidth) - 1160px) / 2);
  }
}
@media (min-width: 768px) {
  .single-project .immersive-gallery .top-gradient,
  .single-research .immersive-gallery .top-gradient {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#000),
      to(transparent)
    );
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: -o-linear-gradient(bottom, #000 0, transparent 100%);
    background: linear-gradient(0deg, #000, transparent);
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .single-project .immersive-gallery .top-gradient,
  .single-research .immersive-gallery .top-gradient {
    height: 50px;
  }
}
@media (min-width: 768px) {
  .single-project .immersive-gallery .bottom-gradient,
  .single-research .immersive-gallery .bottom-gradient {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(51.37%, #000),
      to(transparent)
    );
    background: -webkit-linear-gradient(top, #000 51.37%, transparent);
    background: -o-linear-gradient(top, #000 51.37%, transparent 100%);
    background: linear-gradient(180deg, #000 51.37%, transparent);
    bottom: 0;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .single-project .immersive-gallery .bottom-gradient:before,
  .single-research .immersive-gallery .bottom-gradient:before {
    background-color: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(70.83333vw - 1.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .immersive-gallery .bottom-gradient:before,
  .single-research .immersive-gallery .bottom-gradient:before {
    width: calc(884.5px + (var(--viewPortWidth) - 1160px) / 2);
  }
}
.single-project .deep-dive-modal__body .immersive-gallery:before,
.single-research .deep-dive-modal__body .immersive-gallery:before {
  content: none;
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal__body .immersive-gallery .top-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .top-gradient {
    width: calc(29.16667vw + 8.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .deep-dive-modal__body .immersive-gallery .top-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .top-gradient {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 4 + 165px);
  }
}
@media (min-width: 1920px) {
  .single-project .deep-dive-modal__body .immersive-gallery .top-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .top-gradient {
    width: calc(442.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal__body .immersive-gallery .bottom-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .bottom-gradient {
    width: calc(29.16667vw + 8.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .deep-dive-modal__body .immersive-gallery .bottom-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .bottom-gradient {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 4 + 165px);
  }
}
@media (min-width: 1920px) {
  .single-project .deep-dive-modal__body .immersive-gallery .bottom-gradient,
  .single-research .deep-dive-modal__body .immersive-gallery .bottom-gradient {
    width: calc(442.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
@media (min-width: 768px) {
  .single-project
    .deep-dive-modal__body
    .immersive-gallery
    .bottom-gradient:before,
  .single-research
    .deep-dive-modal__body
    .immersive-gallery
    .bottom-gradient:before {
    content: none;
  }
}
.single-project .deep-dive-modal__body .immersive-gallery .captions,
.single-project .deep-dive-modal__body .immersive-gallery .counter,
.single-research .deep-dive-modal__body .immersive-gallery .captions,
.single-research .deep-dive-modal__body .immersive-gallery .counter {
  color: #151515;
}
.inline-images {
  color: #151515;
  display: block;
}
.inline-images ::selection {
  background: #000;
  color: #fff;
}
.inline-images ::-moz-selection {
  background: #000;
  color: #fff;
}
.inline-images__figure {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .inline-images__figure + .inline-images__figure {
    margin-top: 30px;
  }
}
.inline-images__image {
  position: relative;
}
.inline-images__image img,
.inline-images__image picture {
  display: block;
}
.inline-images__image img {
  width: 100%;
}
.inline-images__caption {
  color: inherit;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 12px;
}
.inline-images__caption .credits {
  color: #767676;
}
@media (min-width: 768px) {
  .inline-images--2-up {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .inline-images--2-up .inline-images__figure {
    width: calc(50% - 10px);
  }
}
@media (min-width: 1280px) {
  .inline-images--2-up .inline-images__figure {
    width: calc(50% - 15px);
  }
}
.inline-images.black {
  background-color: #000;
  color: #fff;
}
.inline-images.black ::selection {
  background: #fff;
  color: #000;
}
.inline-images.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.inline-video {
  color: #151515;
}
.inline-video__media {
  position: relative;
}
.inline-video__media:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.inline-video__media > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.inline-video__media .overlay {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
  width: 100%;
  z-index: 1;
}
.inline-video__media .play-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 2px solid hsla(0, 0%, 100%, 0.7);
  border-radius: 100%;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  right: auto;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 40px;
  z-index: 2;
}
@media (min-width: 768px) {
  .inline-video__media .play-btn {
    bottom: 20px;
    height: 64px;
    right: 20px;
    width: 64px;
  }
}
.inline-video__media .play-btn svg {
  height: 9px;
  -webkit-transform: translateX(1px);
  -o-transform: translateX(1px);
  transform: translateX(1px);
  width: 11px;
}
@media (min-width: 768px) {
  .inline-video__media .play-btn svg {
    height: 12px;
    width: 15px;
  }
}
.inline-video__media .play-btn svg path {
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.inline-video__media .play-btn:focus,
.inline-video__media .play-btn:hover {
  background-color: #fff;
}
.inline-video__media .play-btn:focus svg path,
.inline-video__media .play-btn:hover svg path {
  fill: #000;
}
.inline-video__media .play-btn:focus + .overlay,
.inline-video__media .play-btn:hover + .overlay {
  opacity: 1;
}
.inline-video__media .play-btn:focus + .overlay + picture img,
.inline-video__media .play-btn:hover + .overlay + picture img {
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.inline-video__image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
  width: 100%;
}
.inline-video__video {
  width: 100%;
}
.inline-video__caption {
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .inline-video__caption {
    margin-top: 12px;
  }
}
.inline-video.is-playing .inline-video__image,
.inline-video.is-playing .inline-video__media .overlay,
.inline-video.is-playing .inline-video__media picture,
.inline-video.is-playing .play-btn {
  opacity: 0;
  pointer-events: none;
}
.inline-video--vimeo .inline-video__media iframe,
.inline-video--youku .inline-video__media iframe,
.inline-video--youtube .inline-video__media iframe {
  height: 100%;
  width: 100%;
}
.inline-video .bottom-gradient,
.inline-video .top-gradient {
  display: none;
}
.inline-video--immersive {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .inline-video--immersive {
    margin-left: calc(-33.33333vw + -16.66667px);
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .inline-video--immersive {
    margin-left: calc((var(--viewPortWidth) - 570px) / 16 * 5 * -1 + -210px);
    margin-right: -60px;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .inline-video--immersive {
    margin-left: calc(
      -571.875px + (var(--viewPortWidth) - 1800px) / 2 * 1 * -1
    );
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.inline-video--immersive .inline-video__caption {
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .inline-video--immersive .inline-video__caption {
    margin-left: 0;
    margin-right: 0;
    width: 60.546875vw;
  }
}
@media (min-width: 1280px) {
  .inline-video--immersive .inline-video__caption {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-left: auto;
    margin-right: 0;
    width: calc((var(--viewPortWidth) - 570px) / 16 * 10 + 270px);
  }
}
@media (min-width: 1920px) {
  .inline-video--immersive .inline-video__caption {
    width: calc(1113.75px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
@media (min-width: 768px) {
  .inline-video--immersive.inline-video--center .inline-video__caption {
    margin-left: auto;
    margin-right: auto;
  }
  .inline-video--immersive.inline-video--bleed .inline-video__caption,
  .inline-video--immersive.inline-video--right .inline-video__caption {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .inline-video--immersive.inline-video--left .inline-video__caption {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .inline-video--immersive.inline-video--bleed .inline-video__media {
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .inline-video--immersive.inline-video--bleed .inline-video__media {
    margin-right: -60px;
  }
}
@media (min-width: 1920px) {
  .inline-video--immersive.inline-video--bleed .inline-video__media {
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
  }
}
@media (min-width: 768px) {
  .switch .inline-video--immersive {
    margin-left: -30px;
    margin-right: calc(-33.33333vw + -16.66667px);
  }
}
@media (min-width: 1280px) {
  .switch .inline-video--immersive {
    margin-left: -60px;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 5 * -1 + -210px);
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .switch .inline-video--immersive {
    margin-left: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    margin-right: calc(
      -571.875px + (var(--viewPortWidth) - 1800px) / 2 * 1 * -1
    );
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .centered .inline-video--immersive {
    margin-left: calc(-16.66667vw + -23.33333px);
    margin-right: calc(-16.66667vw + -23.33333px);
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .centered .inline-video--immersive {
    margin-left: calc(var(--viewPortWidth) / 16 * 3 * -1 + -6.125px);
    margin-right: calc(var(--viewPortWidth) / 16 * 3 * -1 + -6.125px);
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .centered .inline-video--immersive {
    margin-left: calc(-306.125px + (var(--viewPortWidth) - 1800px) / 2 * -1);
    margin-right: calc(-266.125px + (var(--viewPortWidth) - 1800px) / 2 * -1);
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .centered .inline-video--immersive .inline-video__caption {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .centered .inline-video--immersive .inline-video__caption {
    width: 61.5625vw;
  }
}
@media (min-width: 1920px) {
  .centered .inline-video--immersive .inline-video__caption {
    width: 1182px;
  }
}
.inline-video.white {
  background-color: #fff;
}
.inline-video.white ::selection {
  background: #000;
  color: #fff;
}
.inline-video.white ::-moz-selection {
  background: #000;
  color: #fff;
}
.inline-video.white .inline-video__caption {
  color: #000;
}
.article.black .inline-video.white {
  padding-bottom: 30px;
  padding-top: 30px;
}
.inline-video.black {
  background-color: #000;
  color: #fff;
}
.inline-video.black ::selection {
  background: #fff;
  color: #000;
}
.inline-video.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.inline-video.black .inline-video__caption {
  color: #fff;
}
.article.white .inline-video.black {
  padding-bottom: 30px;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .single-project .inline-video--immersive,
  .single-research .inline-video--immersive {
    margin-bottom: 0;
    padding: 50px 30px;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .single-project .inline-video--immersive,
  .single-research .inline-video--immersive {
    padding: 63px 60px;
  }
}
@media (min-width: 1920px) {
  .single-project .inline-video--immersive,
  .single-research .inline-video--immersive {
    margin-left: calc(
      -571.875px + (var(--viewPortWidth) - 1800px) / 2 * 1 * -1
    );
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .single-project .inline-video--immersive .top-gradient,
  .single-research .inline-video--immersive .top-gradient {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#000),
      to(transparent)
    );
    background: -webkit-linear-gradient(bottom, #000, transparent);
    background: -o-linear-gradient(bottom, #000 0, transparent 100%);
    background: linear-gradient(0deg, #000, transparent);
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .single-project .inline-video--immersive .top-gradient,
  .single-research .inline-video--immersive .top-gradient {
    height: 63px;
  }
}
@media (min-width: 768px) {
  .single-project .inline-video--immersive .top-gradient:before,
  .single-research .inline-video--immersive .top-gradient:before {
    background-color: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(70.83333vw - 1.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .inline-video--immersive .top-gradient:before,
  .single-research .inline-video--immersive .top-gradient:before {
    width: calc(884.5px + (var(--viewPortWidth) - 1160px) / 2);
  }
}
@media (min-width: 768px) {
  .single-project .inline-video--immersive .bottom-gradient,
  .single-research .inline-video--immersive .bottom-gradient {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(51.37%, #000),
      to(transparent)
    );
    background: -webkit-linear-gradient(top, #000 51.37%, transparent);
    background: -o-linear-gradient(top, #000 51.37%, transparent 100%);
    background: linear-gradient(180deg, #000 51.37%, transparent);
    bottom: 0;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .single-project .inline-video--immersive .bottom-gradient:before,
  .single-research .inline-video--immersive .bottom-gradient:before {
    background-color: #000;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(70.83333vw - 1.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .inline-video--immersive .bottom-gradient:before,
  .single-research .inline-video--immersive .bottom-gradient:before {
    width: calc(884.5px + (var(--viewPortWidth) - 1160px) / 2);
  }
}
.single-project .inline-video--immersive .inline-video__caption,
.single-research .inline-video--immersive .inline-video__caption {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal__body .inline-video--immersive .top-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .top-gradient {
    width: calc(29.16667vw + 8.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project .deep-dive-modal__body .inline-video--immersive .top-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .top-gradient {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 4 + 165px);
  }
}
@media (min-width: 1920px) {
  .single-project .deep-dive-modal__body .inline-video--immersive .top-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .top-gradient {
    width: calc(442.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
@media (min-width: 768px) {
  .single-project
    .deep-dive-modal__body
    .inline-video--immersive
    .top-gradient:before,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .top-gradient:before {
    content: none;
  }
  .single-project
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient {
    width: calc(29.16667vw + 8.33333px);
  }
}
@media (min-width: 1280px) {
  .single-project
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 4 + 165px);
  }
}
@media (min-width: 1920px) {
  .single-project
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient {
    width: calc(442.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
@media (min-width: 768px) {
  .single-project
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient:before,
  .single-research
    .deep-dive-modal__body
    .inline-video--immersive
    .bottom-gradient:before {
    content: none;
  }
}
.pull-quote {
  color: #151515;
  width: 100%;
}
.pull-quote ::selection {
  background: #000;
  color: #fff;
}
.pull-quote ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 1280px) {
  .pull-quote {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
}
.pull-quote__content {
  margin: 0;
  padding-top: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .pull-quote__content {
    padding-top: 30px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: span 10;
  }
}
.pull-quote__content:before {
  background-color: #000;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 85px;
}
@media (min-width: 768px) {
  .pull-quote__content:before {
    width: 100px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__content:before {
    width: 85px;
  }
}
.pull-quote__content .link-button {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 30px;
}
@media (min-width: 1280px) {
  .pull-quote__content .link-button {
    margin-top: 50px;
  }
}
.pull-quote__text {
  color: inherit;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 32px;
  line-height: 2rem;
  margin: 0;
  position: relative;
}
@media (min-width: 768px) {
  .pull-quote__text {
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
  }
}
@media (min-width: 1280px) {
  .pull-quote__text {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.pull-quote__text .quote {
  left: -12px;
  position: absolute;
}
@media (min-width: 768px) {
  .pull-quote__text .quote {
    left: -15px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__text .quote {
    left: -18px;
  }
}
.pull-quote__byline {
  color: inherit;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .pull-quote__byline {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__byline {
    margin-top: 80px;
  }
}
.pull-quote__byline span:not(:first-child) {
  color: #767676;
  font-weight: 300;
}
.pull-quote__byline span.source {
  font-family: Benton Sans Italic, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.pull-quote__button {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .pull-quote__button {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__button {
    margin-top: 50px;
  }
}
.pull-quote__image {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .pull-quote__image {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .pull-quote__image {
    grid-column: 7/12;
    margin-top: 0;
  }
  .pull-quote--image .pull-quote__content {
    grid-column: 1/6;
  }
  .pull-quote--left .pull-quote__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    grid-column: 7/12;
    order: 2;
  }
}
.pull-quote--left .pull-quote__image {
  margin-left: -20px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .pull-quote--left .pull-quote__image {
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .pull-quote--left .pull-quote__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    display: none;
    grid-column: 1/6;
    order: 1;
  }
}
.pull-quote--left .pull-quote__image--left {
  display: none;
}
@media (min-width: 1280px) {
  .pull-quote--left .pull-quote__image--left {
    display: block;
  }
}
.pull-quote--left.pull-quote--bleed .pull-quote__image {
  margin-right: 0;
}
.pull-quote--bleed .pull-quote__image {
  margin-right: -20px;
}
@media (min-width: 768px) {
  .pull-quote--bleed .pull-quote__image {
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .pull-quote--bleed .pull-quote__image {
    margin-right: -60px;
  }
}
.pull-quote--sans-serif .pull-quote__text {
  font-family: Benton Sans Book, sans-serif;
}
@media (min-width: 768px) {
  .switch .pull-quote--right .pull-quote__image {
    margin-left: -30px;
  }
}
.switch .pull-quote--bleed .pull-quote__image {
  margin-left: -20px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .switch .pull-quote--bleed .pull-quote__image {
    margin-left: -30px;
  }
}
@media (min-width: 1280px) {
  .switch .pull-quote--bleed .pull-quote__image {
    margin-left: -60px;
  }
}
.pull-quote.black {
  background-color: #000;
  color: #fff;
}
.pull-quote.black ::selection {
  background: #fff;
  color: #000;
}
.pull-quote.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.pull-quote.black .pull-quote__content:before {
  background-color: currentColor;
}
.pull-quote.black .pull-quote__source .date {
  color: #fff;
}
.rail-facts {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #fff;
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.rail-facts ::selection {
  background: #000;
  color: #fff;
}
.rail-facts ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .rail-facts {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-right: -20px;
    position: sticky;
    top: 125px;
  }
}
@media (min-width: 1280px) {
  .rail-facts {
    margin-right: 42px;
    top: 120px;
  }
}
.rail-facts__heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .rail-facts__heading {
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .rail-facts__heading {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
.rail-facts__heading .rail-facts__icon {
  display: none;
}
@media screen and (max-width: 767px) {
  .rail-facts__heading .rail-facts__icon {
    display: block;
  }
}
.rail-facts__heading .rail-facts__heading {
  display: inline;
  margin-bottom: 0;
  padding-right: 26px;
}
.rail-facts__heading::-webkit-direct-focus {
  outline: none;
}
.rail-facts__heading::-webkit-details-marker {
  display: none;
}
.rail-facts__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rail-facts__list + .rail-facts__heading,
.rail-facts__list + .rail-facts__purchase {
  margin-top: 40px;
}
.rail-facts__item {
  display: block;
  margin: 0 0 16px;
  width: 100%;
}
.rail-facts__item:last-child {
  margin-bottom: 0;
}
.rail-facts__term {
  color: inherit;
  display: block;
  padding: 0;
}
.rail-facts__description {
  color: rgba(0, 0, 0, 0.6);
  color: #151515;
  display: block;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .rail-facts__description {
    margin-top: 4px;
  }
}
.rail-facts__description span {
  display: block;
}
.rail-facts__details__heading {
  cursor: pointer;
  display: inline;
  position: relative;
}
.rail-facts__details__heading::-webkit-details-marker {
  display: none;
}
.rail-facts__details__heading:hover .rail-facts__icon {
  background-color: #fff;
  border-color: transparent;
}
.rail-facts__details__heading .rail-facts__details__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.rail-facts__details__content {
  color: #151515;
  margin-top: 4px;
}
.rail-facts__details[open] .rail-facts__icon {
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.rail-facts__text {
  margin-right: 26px;
}
.rail-facts__icon {
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 20px;
  margin: auto 0 auto 6px;
  right: 0;
  top: 0;
  -webkit-transition: background 0.35s ease-in;
  -o-transition: background 0.35s ease-in;
  transition: background 0.35s ease-in;
  width: 20px;
}
.rail-facts__icon,
.rail-facts__icon svg {
  mix-blend-mode: difference;
  position: absolute;
}
.rail-facts__icon svg {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.rail-facts__icon svg path {
  fill: none;
  stroke: #fff;
  mix-blend-mode: difference;
}
.rail-facts a:not(.link-text):not(.link-button) {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: currentColor;
}
.rail-facts a:not(.link-text):not(.link-button):focus,
.rail-facts a:not(.link-text):not(.link-button):hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.rail-facts .pad {
  display: block;
}
.rail-facts .pad:not(:first-child) {
  margin-top: 16px;
}
.rail-facts .link-text {
  font-size: inherit;
  line-height: inherit;
}
.rail-facts .link-text__icon {
  height: 20px;
  width: 20px;
}
.rail-facts.black {
  background-color: #000;
  color: #fff;
}
.rail-facts.black ::selection {
  background: #fff;
  color: #000;
}
.rail-facts.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.rail-facts.black .rail-facts__description,
.rail-facts.black .rail-facts__details__content {
  color: #767676;
}
@media screen and (max-width: 767px) {
  .rail-facts--project,
  .rail-facts--research {
    display: none;
    margin: 0;
  }
  .rail-facts--project .rail-facts__heading,
  .rail-facts--research .rail-facts__heading {
    margin-bottom: 0;
  }
}
.rail-facts--project.rail-facts--mobile,
.rail-facts--research.rail-facts--mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .rail-facts--project.rail-facts--mobile,
  .rail-facts--research.rail-facts--mobile {
    display: block;
  }
}
.rail-facts--project.rail-facts--mobile[open] .rail-facts__heading,
.rail-facts--research.rail-facts--mobile[open] .rail-facts__heading {
  margin-bottom: 20px;
}
.rail-facts--project.rail-facts--mobile[open]
  .rail-facts__heading
  .rail-facts__icon,
.rail-facts--research.rail-facts--mobile[open]
  .rail-facts__heading
  .rail-facts__icon {
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
@media (min-width: 768px) {
  .rail-facts--project.rail-facts--tablet,
  .rail-facts--research.rail-facts--tablet {
    margin-bottom: 0;
    margin-right: 0;
    top: 0;
    width: calc(29.16667vw + 8.33333px);
  }
}
@media (min-width: 1280px) {
  .rail-facts--project.rail-facts--tablet,
  .rail-facts--research.rail-facts--tablet {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 4 + 165px);
  }
}
@media (min-width: 1920px) {
  .rail-facts--project.rail-facts--tablet,
  .rail-facts--research.rail-facts--tablet {
    width: calc(442.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
@media (min-width: 768px) {
  .rail-facts--project.rail-facts--tablet .rail-facts__wrapper,
  .rail-facts--research.rail-facts--tablet .rail-facts__wrapper {
    max-height: 100vh;
    overflow: auto;
    padding-left: 30px;
    padding-right: calc(4.16667vw - 11.66667px);
    padding-top: 142px;
    -webkit-transition: opacity 0.32s ease-in-out;
    -o-transition: opacity 0.32s ease-in-out;
    transition: opacity 0.32s ease-in-out;
  }
}
@media (min-width: 1280px) {
  .rail-facts--project.rail-facts--tablet .rail-facts__wrapper,
  .rail-facts--research.rail-facts--tablet .rail-facts__wrapper {
    padding-left: 60px;
    padding-right: 15px;
    padding-top: 156px;
  }
}
@media (min-width: 1920px) {
  .rail-facts--project.rail-facts--tablet .rail-facts__wrapper,
  .rail-facts--research.rail-facts--tablet .rail-facts__wrapper {
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.rail-facts--project.rail-facts--tablet .rail-facts__wrapper::-webkit-scrollbar,
.rail-facts--research.rail-facts--tablet
  .rail-facts__wrapper::-webkit-scrollbar {
  background: #000;
  height: 6px;
  width: 6px;
}
.rail-facts--project.rail-facts--tablet
  .rail-facts__wrapper::-webkit-scrollbar-thumb,
.rail-facts--research.rail-facts--tablet
  .rail-facts__wrapper::-webkit-scrollbar-thumb {
  background: #3a3a3a;
}
.rail-facts--project.rail-facts--tablet
  .rail-facts__wrapper::-webkit-scrollbar-corner,
.rail-facts--research.rail-facts--tablet
  .rail-facts__wrapper::-webkit-scrollbar-corner {
  background: #000;
}
@media (min-width: 768px) {
  .rail-facts--project.rail-facts--tablet
    .rail-facts__wrapper
    .rail-facts__list,
  .rail-facts--research.rail-facts--tablet
    .rail-facts__wrapper
    .rail-facts__list {
    margin-bottom: 100px;
  }
  .rail-facts--project.rail-facts--tablet.no-chapters .rail-facts__wrapper,
  .rail-facts--research.rail-facts--tablet.no-chapters .rail-facts__wrapper {
    padding-top: 0;
  }
  .rail-facts--project.rail-facts--tablet.has-immersive .rail-facts__list,
  .rail-facts--research.rail-facts--tablet.has-immersive .rail-facts__list {
    margin-bottom: 50vh;
  }
  .rail-facts--project.rail-facts--tablet.has-immersive.no-chapters
    .rail-facts__list,
  .rail-facts--research.rail-facts--tablet.has-immersive.no-chapters
    .rail-facts__list {
    margin-bottom: 60vh;
  }
}
@media screen and (max-width: 767px) {
  .rail-facts--news .rail-facts__heading,
  .rail-facts--publication .rail-facts__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 25px;
    line-height: 1.5625rem;
  }
  .rail-facts--news .rail-facts__item,
  .rail-facts--publication .rail-facts__item {
    display: inline;
  }
  .rail-facts--news .rail-facts__item:after,
  .rail-facts--publication .rail-facts__item:after {
    content: ",";
    display: inline-block;
    margin-left: -3px;
  }
  .rail-facts--news .rail-facts__item:last-child:after,
  .rail-facts--publication .rail-facts__item:last-child:after {
    display: none;
  }
  .rail-facts--person {
    display: none;
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  .rail-facts--person .rail-facts__heading {
    display: none;
  }
}
.rail-facts--person .rail-facts__details__heading,
.rail-facts--person .rail-facts__term {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 20px;
}
.rail-facts--person .rail-facts__details__heading .rail-facts__details__heading,
.rail-facts--person .rail-facts__term .rail-facts__details__heading {
  margin: 0;
}
.rail-facts--person
  .rail-facts__details:not([open])
  .rail-facts__details__heading {
  margin-bottom: 0;
}
.rail-facts--person .rail-facts__item {
  margin-bottom: 20px;
}
.rail-facts--person.rail-facts--mobile {
  display: none;
  margin-bottom: -20px;
}
@media screen and (max-width: 767px) {
  .rail-facts--person.rail-facts--mobile {
    display: block;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .switch .rail-facts {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .switch .rail-facts {
    margin-left: 42px;
  }
}
.references ::selection {
  background: #000;
  color: #fff;
}
.references ::-moz-selection {
  background: #000;
  color: #fff;
}
.references__title {
  color: #151515;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .references__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .references__title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 40px;
  }
}
.references__listing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.references__item {
  color: #767676;
  counter-increment: ordered-counter;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 20px;
  padding-left: 43px;
  position: relative;
}
@media (min-width: 768px) {
  .references__item {
    padding-left: 40px;
  }
}
@media (min-width: 1280px) {
  .references__item {
    padding-left: 42px;
  }
}
.references__item:last-child {
  margin-bottom: 0;
}
.references__item:before {
  color: #151515;
  content: counter(ordered-counter);
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  left: 0;
  letter-spacing: 0.01em;
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
}
.references__item p {
  margin: 0;
}
.references__item p a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #000;
}
.references__item p a:focus,
.references__item p a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.references.black ::selection {
  background: #fff;
  color: #000;
}
.references.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.references.black .references__item p a,
.references.black .references__item:before,
.references.black .references__title {
  color: #fff;
}
.vignette-image {
  color: #151515;
  display: block;
}
.vignette-image ::selection {
  background: #000;
  color: #fff;
}
.vignette-image ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .vignette-image {
    margin-bottom: 0;
    margin-right: -23px;
  }
}
@media (min-width: 1280px) {
  .vignette-image {
    margin-right: 0;
  }
}
.vignette-image__caption {
  color: inherit;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 12px;
}
.vignette-image__caption .credits {
  color: #767676;
}
.vignette-image--bleed {
  margin-left: -20px;
}
@media (min-width: 768px) {
  .vignette-image--bleed {
    margin-left: -30px;
  }
}
@media (min-width: 1280px) {
  .vignette-image--bleed {
    margin-left: -60px;
  }
}
.vignette-image--bleed .vignette-image__caption {
  padding-left: 20px;
}
@media (min-width: 768px) {
  .vignette-image--bleed .vignette-image__caption {
    padding-left: 30px;
  }
}
@media (min-width: 1280px) {
  .vignette-image--bleed .vignette-image__caption {
    padding-left: 60px;
  }
}
.vignette-image.black {
  color: #fff;
}
.vignette-image.black ::selection {
  background: #fff;
  color: #000;
}
.vignette-image.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.vignette-image__image.img:before {
  content: none;
}
.vignette-image__image.img picture {
  position: relative;
}
.vignette-image__image.img img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  width: 100%;
}
.switch .vignette-image {
  margin-left: 0;
}
@media (min-width: 768px) {
  .switch .vignette-image {
    margin-left: -23px;
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .switch .vignette-image {
    margin-left: 0;
  }
}
.switch .vignette-image__caption {
  padding-left: 0;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .switch .vignette-image__caption {
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .switch .vignette-image__caption {
    padding-right: 60px;
  }
}
.switch .vignette-image--bleed {
  margin-left: 0;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .switch .vignette-image--bleed {
    margin-left: -23px;
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .switch .vignette-image--bleed {
    margin-left: 0;
    margin-right: -60px;
  }
}
.wysiwyg {
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 25px;
  line-height: 1.5625rem;
}
.wysiwyg ::selection {
  background: #000;
  color: #fff;
}
.wysiwyg ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .wysiwyg {
    line-height: 28px;
  }
}
.wysiwyg:after {
  clear: both;
  content: "";
  display: block;
}
.wysiwyg * {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.wysiwyg > * {
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .wysiwyg > * {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.wysiwyg > :first-child {
  margin-top: 0;
}
.wysiwyg > :last-child {
  margin-bottom: 0;
}
.wysiwyg h1 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  font-weight: 400;
  line-height: 34px;
  line-height: 2.125rem;
}
@media (min-width: 768px) {
  .wysiwyg h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .wysiwyg h1 {
    font-size: 40px;
    font-size: 2.5rem;
    letter-spacing: -0.02em;
    line-height: 48px;
    line-height: 3rem;
  }
}
.wysiwyg h2 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 26px;
  line-height: 1.625rem;
}
@media (min-width: 1280px) {
  .wysiwyg h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
.wysiwyg h3 {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 28px;
  line-height: 1.75rem;
}
.wysiwyg .subtitle,
.wysiwyg h4 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 26px;
  line-height: 1.625rem;
}
@media (min-width: 1280px) {
  .wysiwyg .subtitle,
  .wysiwyg h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
.wysiwyg strong {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
.wysiwyg i {
  font-style: italic;
}
.wysiwyg a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
}
.wysiwyg a:focus,
.wysiwyg a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.wysiwyg sub,
.wysiwyg sup {
  font-size: 0.7em;
}
.wysiwyg .mark {
  color: #767676;
}
.wysiwyg ol,
.wysiwyg ul {
  list-style-type: none !important;
  padding: 0;
}
.wysiwyg ol li,
.wysiwyg ul li {
  margin: 20px 0;
  position: relative;
}
@media (min-width: 1280px) {
  .wysiwyg ol,
  .wysiwyg ul {
    width: calc(100% - 74px);
  }
  .wysiwyg ol ol,
  .wysiwyg ol ul,
  .wysiwyg ul ol,
  .wysiwyg ul ul {
    width: 100%;
  }
}
.wysiwyg ul > li {
  padding-left: 32px;
}
@media (min-width: 1280px) {
  .wysiwyg ul > li {
    padding-left: 44px;
  }
}
.wysiwyg ul > li:before {
  background-color: currentColor;
  border: 1px solid;
  border-radius: 100%;
  content: "​";
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 8px;
}
@media (min-width: 1280px) {
  .wysiwyg ul > li:before {
    height: 10px;
    width: 10px;
  }
}
.wysiwyg ul[style*="list-style-type: circle;"] > li:before {
  background-color: transparent;
  border: 1px solid;
  border-radius: 100%;
}
.wysiwyg ul[style*="list-style-type: square;"] > li:before {
  background-color: currentColor;
  border: 1px solid;
  border-radius: 0;
}
.wysiwyg ul[style*="list-style-type: disc;"] > li:before {
  background-color: currentColor;
  border: 1px solid;
  border-radius: 100%;
}
.wysiwyg ol {
  counter-reset: ordered;
}
.wysiwyg ol > li {
  counter-increment: ordered;
  padding-left: 32px;
}
@media (min-width: 1280px) {
  .wysiwyg ol > li {
    padding-left: 44px;
  }
}
.wysiwyg ol > li:before {
  background: none;
  border: none;
  content: counter(ordered, decimal-leading-zero);
  font-family: Benton Sans Bold, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  height: auto;
  left: 0;
  line-height: 29px;
  line-height: 1.8125rem;
  position: absolute;
  top: 0;
  width: auto;
}
.wysiwyg ol.large > li {
  min-height: 74px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .wysiwyg ol.large > li {
    display: block;
    padding-left: 90px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg ol.large > li {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 150px;
  }
}
.wysiwyg ol.large > li:before {
  display: block;
  font-family: Benton Sans Light, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  font-weight: 400;
  line-height: 48px;
  line-height: 3rem;
  margin-bottom: 1px;
  position: relative;
}
@media (min-width: 768px) {
  .wysiwyg ol.large > li:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 48px;
    font-size: 3rem;
    left: 0;
    line-height: 58px;
    line-height: 3.625rem;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 90px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg ol.large > li:before {
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 67px;
    line-height: 4.1875rem;
    width: 150px;
  }
}
.wysiwyg ol[style*="list-style-type: lower-alpha;"] > li:before {
  content: counter(ordered, lower-alpha) ")";
}
.wysiwyg ol[style*="list-style-type: lower-roman;"] > li:before {
  content: counter(ordered, lower-roman) ".";
}
.wysiwyg ol[style*="list-style-type: lower-greek;"] > li:before {
  content: counter(ordered, lower-greek) ".";
}
.wysiwyg ol[style="list-style-type: upper-alpha;"] > li:before {
  content: counter(ordered, upper-alpha) ")";
}
.wysiwyg ol[style="list-style-type: upper-roman;"] > li:before {
  content: counter(ordered, upper-roman) ".";
}
.wysiwyg img {
  max-width: 100%;
}
@media (min-width: 1280px) {
  .wysiwyg img.alignleft {
    margin-right: 30px;
  }
  .wysiwyg img.alignright {
    margin-left: 30px;
  }
}
.wysiwyg .wp-caption {
  margin: 30px 0;
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .wysiwyg .wp-caption {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .wysiwyg .wp-caption {
    margin-top: 0;
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1280px) {
  .wysiwyg .wp-caption {
    max-width: 342px;
  }
}
.wysiwyg .wp-caption img {
  display: block;
  height: auto;
  width: 100%;
}
.wysiwyg .wp-caption-text {
  font-family: Benton Sans Light, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  font-weight: 400;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .wysiwyg .wp-caption-text {
    margin-top: 12px;
  }
  .wysiwyg .wp-caption.alignleft {
    float: left;
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg .wp-caption.alignleft {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .wysiwyg .wp-caption.alignright {
    float: right;
    margin-left: 20px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg .wp-caption.alignright {
    margin-left: 30px;
  }
}
@media (min-width: 768px) {
  .wysiwyg .wp-caption.aligncenter {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .wysiwyg .wp-caption.alignleft + *,
  .wysiwyg .wp-caption.alignright + * {
    margin-top: 0;
  }
}
.wysiwyg .image-with-flipbook {
  margin-top: 0;
  position: relative;
}
.wysiwyg .image-with-flipbook img {
  margin: 0;
}
.wysiwyg .table {
  clear: both;
  display: block;
  overflow-x: auto;
  width: 100%;
}
.wysiwyg .table > :first-child {
  margin-top: 0;
}
.wysiwyg .table > :not(table) {
  display: inline-block;
  left: 0;
  position: sticky;
}
.wysiwyg .table.row-fixed {
  width: auto;
}
@media screen and (max-width: 767px) {
  .wysiwyg .table.row-fixed {
    margin-right: -20px;
  }
}
.wysiwyg .table.row-fixed table {
  margin-bottom: 1px;
  margin-left: 0;
}
.wysiwyg .table.row-fixed table td,
.wysiwyg .table.row-fixed table th {
  min-width: 110px;
}
@media (min-width: 768px) {
  .wysiwyg .table.row-fixed table td,
  .wysiwyg .table.row-fixed table th {
    min-width: 96px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg .table.row-fixed table td,
  .wysiwyg .table.row-fixed table th {
    min-width: 166px;
  }
}
.wysiwyg .table.row-fixed table td:first-child,
.wysiwyg .table.row-fixed table th:first-child {
  background: -webkit-linear-gradient(
    357.26deg,
    #fff 78.47%,
    hsla(0, 0%, 100%, 0) 97.11%
  );
  background: -o-linear-gradient(
    357.26deg,
    #fff 78.47%,
    hsla(0, 0%, 100%, 0) 97.11%
  );
  background: linear-gradient(
    92.74deg,
    #fff 78.47%,
    hsla(0, 0%, 100%, 0) 97.11%
  );
  border: 0;
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
  left: 0;
  min-width: 85px;
  padding-left: 0;
  position: sticky;
  text-align: left !important;
  z-index: 1;
}
@media (min-width: 768px) {
  .wysiwyg .table.row-fixed table td:first-child,
  .wysiwyg .table.row-fixed table th:first-child {
    min-width: 74px;
  }
}
@media (min-width: 1280px) {
  .wysiwyg .table.row-fixed table td:first-child,
  .wysiwyg .table.row-fixed table th:first-child {
    min-width: 120px;
    width: 120px !important;
  }
}
.wysiwyg .table::-webkit-scrollbar {
  background: #000;
  height: 6px;
  width: 6px;
}
.wysiwyg .table::-webkit-scrollbar-thumb {
  background: #3a3a3a;
}
.wysiwyg .table::-webkit-scrollbar-corner {
  background: #000;
}
.wysiwyg table {
  border-collapse: collapse !important;
  clear: both;
  display: table;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-left: 1px;
  max-width: 100%;
  min-width: calc(100% - 2px);
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.wysiwyg table td,
.wysiwyg table th {
  padding: 20px;
  width: auto !important;
}
.wysiwyg table th,
.wysiwyg table thead tr td {
  border: 0;
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
  padding-top: 0;
}
.wysiwyg table th:last-child,
.wysiwyg table thead tr td:last-child {
  border-right: 0;
}
.wysiwyg table td {
  border-left: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  font-family: Benton Sans Light, sans-serif;
  font-weight: 300;
  font-weight: 400;
  text-align: center;
}
.wysiwyg table td:last-child {
  border-right: 1px solid #e4e4e4;
}
.wysiwyg table tbody tr:last-child td {
  border-bottom: 1px solid #e4e4e4;
}
.wysiwyg .columns {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .wysiwyg .columns {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1280px) {
  .wysiwyg .columns {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
}
.wysiwyg .columns ul {
  margin: 0;
}
.wysiwyg .columns .first {
  grid-column: 1/4;
}
@media (min-width: 768px) {
  .wysiwyg .columns .first {
    grid-column: 1/5;
  }
}
.wysiwyg .columns .second {
  grid-column: 4/7;
}
@media (min-width: 768px) {
  .wysiwyg .columns .second {
    grid-column: 5/9;
  }
}
.wysiwyg .columns .item {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wysiwyg .columns .item:not(:first-child) {
  margin-top: 20px;
}
.wysiwyg .columns .item:before {
  display: none;
}
.wysiwyg.black {
  color: #fff;
}
.wysiwyg.black ::selection {
  background: #fff;
  color: #000;
}
.wysiwyg.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.wysiwyg.black .table table td {
  border-color: #3a3a3a;
}
.wysiwyg.black .table.row-fixed table td:first-child,
.wysiwyg.black .table.row-fixed table th:first-child {
  background: -webkit-linear-gradient(
    357.26deg,
    #000 78.47%,
    transparent 97.11%
  );
  background: -o-linear-gradient(357.26deg, #000 78.47%, transparent 97.11%);
  background: linear-gradient(92.74deg, #000 78.47%, transparent 97.11%);
}
.team {
  color: #fff;
}
.team ::selection {
  background: #fff;
  color: #000;
}
.team ::-moz-selection {
  background: #fff;
  color: #000;
}
.team__headline {
  font-family: Benton Sans Book, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .team__headline {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .team__headline {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.team .members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0 -1px;
  padding: 0;
}
@media (min-width: 768px) {
  .team .members {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .team .members {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 8 + 210px);
  }
}
@media (min-width: 1920px) {
  .team .members {
    width: calc(885px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
.team .members__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50vw - 30px);
  flex: 0 0 calc(50vw - 30px);
  margin-right: 20px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .team .members__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33333vw - 33.33333px);
    flex: 0 0 calc(33.33333vw - 33.33333px);
    margin-right: 20px;
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .team .members__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 4 + 90px);
    flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 4 + 90px);
    margin-right: 30px;
  }
}
@media (min-width: 1920px) {
  .team .members__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(427.5px + (var(--viewPortWidth) - 1800px) / 2 * 0);
    flex: 0 0 calc(427.5px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
.team .members__item:nth-child(2n) {
  margin-right: 0;
}
.team .members__item:first-child,
.team .members__item:nth-child(2) {
  margin-top: 0;
}
.team .member {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.team .member .spacer-box,
.team .member__image {
  margin-bottom: 12px;
  min-height: 118px;
  position: relative;
  width: 42.1333333333vw;
}
.team .member .spacer-box:before,
.team .member__image:before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.team .member .spacer-box > :not(.card__image-title),
.team .member__image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .team .member .spacer-box,
  .team .member__image {
    margin-bottom: 16px;
    min-height: 166px;
    width: 28.90625vw;
  }
}
@media (min-width: 1280px) {
  .team .member .spacer-box,
  .team .member__image {
    margin-bottom: 20px;
    min-height: 201px;
    width: 100%;
  }
}
.team .member .spacer-box img,
.team .member__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s, -o-transform 1s;
  width: 100%;
}
.team .member .spacer-box a:focus img,
.team .member .spacer-box a:hover img,
.team .member__image a:focus img,
.team .member__image a:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.team .member__name {
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .team .member__name {
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
@media (min-width: 1280px) {
  .team .member__name {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.team .member__name a {
  color: #fff;
}
.team .member__info {
  color: #929292;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
}
.navigation {
  background-color: transparent;
  height: 83px;
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.32s;
  -o-transition-duration: 0.32s;
  transition-duration: 0.32s;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform,
    -o-transform;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  width: 100%;
  z-index: 10;
}
.navigation ::selection {
  background: #000;
  color: #fff;
}
.navigation ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .navigation {
    height: 105px;
  }
}
@media (min-width: 1280px) {
  .navigation {
    height: 109px;
    width: var(--viewPortWidth);
  }
}
.navigation__wrapper.wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 83px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
  z-index: 5;
}
@media (min-width: 768px) {
  .navigation__wrapper.wrapper {
    height: 105px;
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  .navigation__wrapper.wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-bottom: 0 solid hsla(0, 0%, 100%, 0.2);
    height: 109px;
    justify-content: flex-start;
    left: 50%;
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: border-width 0.32s;
    -o-transition: border-width 0.32s;
    transition: border-width 0.32s;
    width: calc(100% - 120px);
  }
}
.navigation__brand {
  display: block;
  height: 28px;
  position: relative;
  width: 80px;
  z-index: 2;
}
@media (min-width: 768px) {
  .navigation__brand {
    height: 35px;
    margin-right: 80px;
    width: 104px;
  }
}
@media (min-width: 1280px) {
  .navigation__brand {
    height: 29px;
    width: 85px;
  }
}
.navigation__brand img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.navigation__brand img.white-nav-logo {
  opacity: 0;
}
.navigation__toggle {
  background-color: transparent;
  display: block;
  height: 28px;
  padding: 0;
  position: relative;
  width: 39px;
}
@media (min-width: 768px) {
  .navigation__toggle {
    height: 34px;
    width: 50px;
  }
}
@media (min-width: 1280px) {
  .navigation__toggle {
    display: none;
  }
}
.navigation__toggle .line {
  background-color: #fff;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 100%;
}
.navigation__toggle .line:first-child {
  top: calc(50% - 4.5px);
}
@media (min-width: 768px) {
  .navigation__toggle .line:first-child {
    top: calc(50% - 7px);
  }
}
.navigation__toggle .line:last-child {
  top: calc(50% + 4.5px);
}
@media (min-width: 768px) {
  .navigation__toggle .line:last-child {
    top: calc(50% + 7px);
  }
}
.navigation__menu {
  display: none;
}
@media (min-width: 1280px) {
  .navigation__menu {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.navigation__menu .menu-listing {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navigation__menu .menu-listing__btn {
  background-color: transparent;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  padding: 0;
  position: relative;
  z-index: 3;
}
.navigation__menu .menu-listing__btn:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  -o-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  width: 0;
}
.navigation__menu .menu-listing__item {
  margin-right: 40px;
}
.navigation__menu .menu-listing__item.is-active .menu-listing__btn:after {
  width: 100%;
}
.navigation__sub-menu {
  display: none;
}
@media (min-width: 1280px) {
  .navigation__sub-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }
}
.navigation__sub-menu .languages {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}
.navigation__sub-menu .languages__link {
  color: hsla(0, 0%, 100%, 0.6);
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-right: 10px;
  -webkit-transition: color 0.32s ease-in-out;
  -o-transition: color 0.32s ease-in-out;
  transition: color 0.32s ease-in-out;
}
.navigation__sub-menu .languages__link:focus,
.navigation__sub-menu .languages__link:hover {
  color: #fff;
}
.navigation__sub-menu .languages__link.is-active {
  color: #fff;
  pointer-events: none;
}
.navigation__sub-menu .sub-links {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}
.navigation__sub-menu .sub-links__link {
  color: #fff;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-right: 10px;
}
.navigation__sub-menu .search-toggle-container {
  height: 18.35px;
  position: relative;
  width: 18px;
}
.navigation__sub-menu .search-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.navigation__sub-menu .search-toggle span,
.navigation__sub-menu .search-toggle span svg {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.navigation__sub-menu .search-toggle span.icon-close {
  height: 12px;
  visibility: hidden;
  width: 12px;
}
.navigation.mobile-menu-open .navigation__toggle .line {
  top: 50%;
  width: 16px;
}
@media (min-width: 768px) {
  .navigation.mobile-menu-open .navigation__toggle .line {
    width: 22px;
  }
}
.navigation.mobile-menu-open .navigation__toggle .line:first-child {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.navigation.mobile-menu-open .navigation__toggle .line:last-child {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.navigation .horizontal-line {
  display: none;
}
@media (min-width: 1280px) {
  .navigation .horizontal-line {
    background-color: hsla(0, 0%, 100%, 0.2);
    bottom: 1px;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
  }
}
.navigation.hide {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.navigation.colored {
  background-color: #000;
}
.navigation.fixed,
.navigation.has-open-dropdown {
  position: fixed;
}
.navigation.fixed {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}
.navigation.fixed ::selection {
  background: #fff;
  color: #000;
}
.navigation.fixed ::-moz-selection {
  background: #fff;
  color: #000;
}
@media (min-width: 1280px) {
  .navigation.fixed,
  .navigation.fixed .navigation__wrapper {
    height: 70px;
  }
}
.mobile-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: var(--viewPortHeight);
  left: 0;
  overflow: hidden;
  padding-top: 83px;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  width: 100vw;
}
@media (min-width: 768px) {
  .mobile-menu {
    padding-top: 105px;
  }
}
@media (min-width: 1280px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu[inert] {
  display: none;
}
.mobile-menu .main-listing {
  -webkit-box-flex: 1;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  -ms-flex: 1;
  flex: 1;
  list-style-type: none;
  margin: 0;
  padding: 31px 20px;
}
@media (min-width: 768px) {
  .mobile-menu .main-listing {
    padding: 70px 30px;
  }
}
.mobile-menu .main-listing__item {
  margin-bottom: 32px;
  opacity: 0;
  -webkit-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
}
@media (min-width: 768px) {
  .mobile-menu .main-listing__item {
    margin-bottom: 60px;
  }
}
.mobile-menu .main-listing__item:last-child {
  margin-bottom: 0;
}
.mobile-menu .main-listing__item .sub-menu-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}
.mobile-menu .main-listing__item .sub-menu-toggle .text {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
}
.mobile-menu .main-listing__item .sub-menu-toggle .icon {
  margin-left: 8px;
}
.mobile-menu .main-listing__item .sub-menu-toggle .icon svg {
  height: 10px;
  width: 12px;
}
@media (min-width: 768px) {
  .mobile-menu .main-listing__item .sub-menu-toggle .icon svg {
    height: 16.67px;
    width: 20px;
  }
}
.mobile-menu .main-listing__item .sub-menu-toggle .icon svg path {
  fill: #fff;
}
.mobile-menu__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 20px 37px;
}
@media (min-width: 768px) {
  .mobile-menu__footer {
    padding: 26px 30px 40px;
  }
}
.mobile-menu__footer a {
  opacity: 0;
}
.mobile-menu__footer .languages {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .mobile-menu__footer .languages {
    margin-right: 24px;
  }
}
.mobile-menu__footer .languages a {
  color: hsla(0, 0%, 100%, 0.5);
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-right: 10px;
  -webkit-transition: color 0.32s ease-in-out;
  -o-transition: color 0.32s ease-in-out;
  transition: color 0.32s ease-in-out;
}
@media (min-width: 768px) {
  .mobile-menu__footer .languages a {
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 26px;
    line-height: 1.625rem;
    margin-right: 16px;
  }
}
.mobile-menu__footer .languages a:focus,
.mobile-menu__footer .languages a:hover {
  color: #fff;
}
.mobile-menu__footer .languages a.active {
  color: #fff;
  pointer-events: none;
}
.mobile-menu__footer .sub-links {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mobile-menu__footer .sub-links a {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
}
@media (min-width: 768px) {
  .mobile-menu__footer .sub-links a {
    font-size: 22px;
    font-size: 1.375rem;
    letter-spacing: normal;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.mobile-menu .sub-menu {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
}
.mobile-menu .sub-menu__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.mobile-menu .sub-menu__wrapper:before {
  background-color: #000;
  content: "";
  display: block;
  height: 80px;
  width: 100vw;
  z-index: 1;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__wrapper:before {
    height: 105px;
  }
}
.mobile-menu .sub-menu__container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: calc(100% - 80px);
  overflow: scroll;
  position: relative;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__container {
    max-height: calc(100% - 105px);
  }
}
.mobile-menu .sub-menu__container:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(transparent),
    color-stop(rgba(0, 0, 0, 0.3)),
    to(#000)
  );
  background: -webkit-linear-gradient(
    bottom,
    transparent,
    rgba(0, 0, 0, 0.3),
    #000
  );
  background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.3), #000);
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3), #000);
  top: 80px;
}
.mobile-menu .sub-menu__container:after,
.mobile-menu .sub-menu__container:before {
  content: "";
  display: block;
  height: 140px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  z-index: 2;
}
.mobile-menu .sub-menu__container:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(rgba(0, 0, 0, 0.5)),
    to(#000)
  );
  background: -webkit-linear-gradient(
    top,
    transparent,
    rgba(0, 0, 0, 0.5),
    #000
  );
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5), #000);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5), #000);
  bottom: 0;
}
.mobile-menu .sub-menu__container.show-bottom:after,
.mobile-menu .sub-menu__container.show-top:before {
  opacity: 1;
}
.mobile-menu .sub-menu__background {
  height: calc(100% - 80px);
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 80px;
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  width: 100%;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__background {
    height: calc(100% - 105px);
    top: 105px;
  }
}
.mobile-menu .sub-menu__background:after {
  background: -webkit-linear-gradient(
    329.55deg,
    rgba(0, 0, 0, 0.7) 42.12%,
    rgba(0, 0, 0, 0.2) 97.51%
  );
  background: -o-linear-gradient(
    329.55deg,
    rgba(0, 0, 0, 0.7) 42.12%,
    rgba(0, 0, 0, 0.2) 97.51%
  );
  background: linear-gradient(
    120.45deg,
    rgba(0, 0, 0, 0.7) 42.12%,
    rgba(0, 0, 0, 0.2) 97.51%
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__background:after {
    background: -webkit-linear-gradient(
      331.62deg,
      rgba(0, 0, 0, 0.6) 35.33%,
      rgba(0, 0, 0, 0.2) 97.34%
    );
    background: -o-linear-gradient(
      331.62deg,
      rgba(0, 0, 0, 0.6) 35.33%,
      rgba(0, 0, 0, 0.2) 97.34%
    );
    background: linear-gradient(
      118.38deg,
      rgba(0, 0, 0, 0.6) 35.33%,
      rgba(0, 0, 0, 0.2) 97.34%
    );
  }
}
.mobile-menu .sub-menu__background img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.mobile-menu .sub-menu__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  padding: 35px 20px 0;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__content {
    padding: 60px 30px 0;
  }
}
.mobile-menu .sub-menu__content__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}
.mobile-menu .sub-menu__content__head .parent-link {
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
}
.mobile-menu .sub-menu__back-toggle {
  background-color: transparent;
  margin-right: 12px;
  padding: 0;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__back-toggle {
    margin-right: 16px;
  }
}
.mobile-menu .sub-menu__back-toggle .arrow-left {
  height: 10px;
  width: 12px;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__back-toggle .arrow-left {
    height: 16.67px;
    width: 20px;
  }
}
.mobile-menu .sub-menu__back-toggle .arrow-left path {
  fill: #fff;
}
.mobile-menu .sub-menu__back-toggle .text {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__back-toggle .text {
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
  }
}
.mobile-menu .sub-menu__listing {
  list-style-type: none;
  margin: 0 0 20px;
  opacity: 0;
  padding: 0;
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin: 0;
  }
}
.mobile-menu .sub-menu__listing .list-item {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing .list-item {
    margin-bottom: 30px;
  }
}
.mobile-menu .sub-menu__listing .list-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing .list-item:last-child {
    margin-bottom: 30px;
  }
}
.mobile-menu .sub-menu__listing .list-item a {
  color: #fff;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 19px;
  line-height: 1.1875rem;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing .list-item a {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.mobile-menu .sub-menu__listing--single-col {
  margin: 41px 0;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing--single-col {
    margin: 60px 0 0;
  }
}
.mobile-menu .sub-menu__listing-outer {
  margin: 21px 0;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing-outer {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 60px 0 0;
  }
  .mobile-menu .sub-menu__listing-outer--mobile {
    display: none;
  }
}
.mobile-menu .sub-menu__listing-outer--tablet {
  display: none;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__listing-outer--tablet {
    display: grid;
  }
  .mobile-menu .sub-menu__listing-outer .sub-menu__listing {
    grid-column: auto/span 6;
  }
}
.mobile-menu .sub-menu .see-all {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu .see-all {
    -webkit-box-flex: 1;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 109px;
    padding-top: 30px;
  }
}
.mobile-menu .sub-menu .see-all__link {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu .see-all__link {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.mobile-menu .sub-menu__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  opacity: 0;
  padding: 18px 20px 37px;
  width: 100vw;
  z-index: 1;
}
@media (min-width: 768px) {
  .mobile-menu .sub-menu__footer {
    margin-left: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.mobile-menu .sub-menu__footer .languages {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}
.mobile-menu .sub-menu__footer .languages a {
  color: hsla(0, 0%, 100%, 0.5);
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-right: 10px;
  -webkit-transition: color 0.32s ease-in-out;
  -o-transition: color 0.32s ease-in-out;
  transition: color 0.32s ease-in-out;
}
.mobile-menu .sub-menu__footer .languages a:focus,
.mobile-menu .sub-menu__footer .languages a:hover {
  color: #fff;
}
.mobile-menu .sub-menu__footer .languages a.active {
  color: #fff;
  pointer-events: none;
}
.mobile-menu .sub-menu__footer .sub-links a {
  color: #fff;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-right: 10px;
}
.menu-dropdown {
  display: none;
  height: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100vw;
}
@media (min-width: 1280px) {
  .menu-dropdown {
    display: block;
  }
}
.menu-dropdown .background {
  background-color: #000;
  background-position: 50%;
  background-size: cover;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
}
.menu-dropdown .background:after {
  background: -webkit-linear-gradient(
      326.25deg,
      rgba(0, 0, 0, 0.5) 44.8%,
      rgba(0, 0, 0, 0.1) 103.4%
    ),
    -webkit-linear-gradient(263.24deg, rgba(0, 0, 0, 0.2) 52.31%, transparent
          97.21%);
  background: -o-linear-gradient(
      326.25deg,
      rgba(0, 0, 0, 0.5) 44.8%,
      rgba(0, 0, 0, 0.1) 103.4%
    ),
    -o-linear-gradient(263.24deg, rgba(0, 0, 0, 0.2) 52.31%, transparent 97.21%);
  background: linear-gradient(#000000ab, #000000ab);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.menu-dropdown .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  left: 50%;
  margin: 110px 0 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 120px);
}
.menu-dropdown .content .menu {
  margin-bottom: 40px;
  margin-top: 40px;
}
.menu-dropdown .content .menu__col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-dropdown .content .menu__col ul li {
  margin-bottom: 40px;
  overflow: hidden;
}
.menu-dropdown .content .menu__col ul li a {
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 48px;
  line-height: 3rem;
  position: relative;
}
.menu-dropdown .content .menu__col ul li a:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  -o-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  width: 0;
}
.menu-dropdown .content .menu__col ul li a:focus:after,
.menu-dropdown .content .menu__col ul li a:hover:after {
  width: 100%;
}
.menu-dropdown .content .menu--wrap {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  margin-bottom: 50px;
}
.menu-dropdown .content .menu--wrap .menu__col {
  grid-column: auto/span 5;
}
.menu-dropdown .content .menu--wrap .menu__col ul li {
  margin: -5px -5px 28px;
  padding: 5px;
}
.menu-dropdown .content .menu--wrap .menu__col ul li a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29px;
  line-height: 1.8125rem;
}
.menu-dropdown .content .see-all {
  margin: -5px;
  overflow: hidden;
  padding: 5px;
}
.menu-dropdown .content .see-all__link {
  color: #fff;
  display: inline-block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 48px;
  line-height: 3rem;
  position: relative;
}
.menu-dropdown .content .see-all__link:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  -o-transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  transition: width 0.5s cubic-bezier(0.13, 0.61, 0.64, 0.99);
  width: 0;
}
.menu-dropdown .content .see-all__link:focus:after,
.menu-dropdown .content .see-all__link:hover:after {
  width: 100%;
}
.menu-dropdown .content .see-all__link--small {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 29px;
  line-height: 1.8125rem;
}
.menu-dropdown .content .close-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 32px;
  width: 24px;
}
.menu-dropdown .content .close-btn svg {
  height: 12px;
  width: 12px;
}
@media (min-width: 1280px) {
  .menu-dropdown[data-type="single"] .content .menu--wrap .menu__col {
    grid-column: 1/-1;
  }
  .menu-dropdown[data-type="single"] .content .menu--wrap .menu__col ul li {
    margin-bottom: 40px;
  }
  .menu-dropdown[data-type="single"] .content .menu--wrap .menu__col ul li a {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.search-overlay {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-start;
  left: 0;
  padding: 110px 20px 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
@media (min-width: 768px) {
  .search-overlay {
    padding: 165px 30px 0;
  }
}
@media (min-width: 1280px) {
  .search-overlay {
    overflow: hidden;
    padding: 201px 0 0;
  }
}
.search-overlay:before {
  background-color: hsla(0, 0%, 100%, 0.2);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 83px;
  width: 100%;
}
@media (min-width: 768px) {
  .search-overlay:before {
    top: 105px;
  }
}
@media (min-width: 1280px) {
  .search-overlay:before {
    content: none;
  }
}
.search-overlay .back-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 35px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}
@media (min-width: 768px) {
  .search-overlay .back-btn {
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
    margin-bottom: 55px;
  }
}
@media (min-width: 1280px) {
  .search-overlay .back-btn {
    display: none;
  }
}
.search-overlay .back-btn svg {
  height: 10px;
  margin-right: 12px;
  width: 12px;
}
@media (min-width: 768px) {
  .search-overlay .back-btn svg {
    height: 16.67px;
    width: 20px;
  }
}
.search-overlay .back-btn svg path {
  fill: #fff;
}
.search-overlay .search-field {
  border-bottom: 1px solid #fff;
  opacity: 0;
  position: relative;
  -webkit-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  width: 100%;
}
@media (min-width: 1280px) {
  .search-overlay .search-field {
    margin: 0 60px;
    width: calc(100% - 120px);
  }
}
@media (min-width: 1920px) {
  .search-overlay .search-field {
    margin: 0 auto;
    max-width: 1800px;
  }
}
.search-overlay .search-field input {
  background-color: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-top: 5px;
  width: 100%;
}
@media (min-width: 768px) {
  .search-overlay .search-field input {
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
    padding-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .search-overlay .search-field input {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    padding-bottom: 19px;
  }
}
.search-overlay .search-field input::-webkit-input-placeholder {
  color: #767676;
}
.search-overlay .search-field input:-moz-placeholder,
.search-overlay .search-field input::-moz-placeholder {
  color: #767676;
}
.search-overlay .search-field button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}
@media (min-width: 768px) {
  .search-overlay .search-field button {
    height: 63px;
  }
}
@media (min-width: 1280px) {
  .search-overlay .search-field button {
    height: 72px;
  }
}
.search-overlay .search-field button svg {
  height: 18.35px;
  width: 18px;
}
.search-overlay .loading-line {
  bottom: 0;
  height: 4px;
  position: absolute;
}
body[nav-theme="white"] .navigation {
  height: 80px;
}
@media (min-width: 768px) {
  body[nav-theme="white"] .navigation {
    height: 105px;
  }
}
@media (min-width: 1280px) {
  body[nav-theme="white"] .navigation {
    height: 100px;
  }
}
body[nav-theme="white"] .navigation__wrapper {
  height: 80px;
}
@media (min-width: 768px) {
  body[nav-theme="white"] .navigation__wrapper {
    height: 105px;
  }
}
@media (min-width: 1280px) {
  body[nav-theme="white"] .navigation__wrapper {
    border-bottom-color: #e4e4e4;
    height: 100px;
  }
}
body[nav-theme="white"] .navigation__brand img {
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
body[nav-theme="white"] .navigation__brand img.white-nav-logo {
  opacity: 1;
}
body[nav-theme="white"] .navigation__brand img.black-nav-logo {
  opacity: 0;
}
body[nav-theme="white"] .navigation__toggle .line {
  background-color: #000;
}
body[nav-theme="white"] .navigation__menu .menu-listing__btn {
  color: #000;
  -webkit-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
body[nav-theme="white"] .navigation__menu .menu-listing__btn:after {
  background-color: #000;
  -webkit-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
}
body[nav-theme="white"] .navigation__sub-menu .languages__link {
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
body[nav-theme="white"] .navigation__sub-menu .languages__link.is-active {
  color: #000;
}
body[nav-theme="white"] .navigation__sub-menu .sub-links__link {
  color: #000;
  -webkit-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}
body[nav-theme="white"] .navigation__sub-menu .search-toggle svg circle,
body[nav-theme="white"] .navigation__sub-menu .search-toggle svg path {
  stroke: #000;
  -webkit-transition: stroke 0.5s ease-in-out;
  -o-transition: stroke 0.5s ease-in-out;
  transition: stroke 0.5s ease-in-out;
}
body[nav-theme="white"] .navigation__sub-menu .search-toggle svg rect {
  fill: #000;
}
body[nav-theme="white"] .navigation.colored {
  background-color: #fff;
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__brand
  img.white-nav-logo {
  opacity: 1;
}
@media (min-width: 1280px) {
  body[nav-theme="white"]
    .navigation.has-open-dropdown
    .navigation__brand
    img.white-nav-logo {
    opacity: 0;
  }
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__brand
  img.black-nav-logo {
  opacity: 0;
}
@media (min-width: 1280px) {
  body[nav-theme="white"]
    .navigation.has-open-dropdown
    .navigation__brand
    img.black-nav-logo {
    opacity: 1;
  }
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__menu
  .menu-listing__btn {
  color: #fff;
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__menu
  .menu-listing__btn:after {
  background-color: #fff;
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__sub-menu
  .languages__link {
  color: hsla(0, 0%, 100%, 0.6);
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__sub-menu
  .languages__link.is-active,
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__sub-menu
  .sub-links__link {
  color: #fff;
}
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__sub-menu
  .search-toggle
  svg
  circle,
body[nav-theme="white"]
  .navigation.has-open-dropdown
  .navigation__sub-menu
  .search-toggle
  svg
  path {
  stroke: #fff;
}
@media (min-width: 1280px) {
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__brand
    img.white-nav-logo {
    opacity: 1;
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__brand
    img.black-nav-logo {
    opacity: 0;
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__menu
    .menu-listing__btn {
    color: #000;
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__menu
    .menu-listing__btn:after {
    background-color: #000;
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__sub-menu
    .languages__link {
    color: rgba(0, 0, 0, 0.6);
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__sub-menu
    .languages__link.is-active,
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__sub-menu
    .sub-links__link {
    color: #000;
  }
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__sub-menu
    .search-toggle
    svg
    circle,
  body[nav-theme="white"]
    .navigation.search-open
    .navigation__sub-menu
    .search-toggle
    svg
    path {
    stroke: #000;
  }
}
body[nav-theme="white"] .navigation.fixed {
  border-bottom: 1px solid #e4e4e4;
}
@media (min-width: 1280px) {
  body[nav-theme="white"] .navigation.fixed,
  body[nav-theme="white"] .navigation.fixed .navigation__wrapper {
    height: 70px;
  }
}
body[nav-theme="white"] .mobile-menu {
  background-color: #fff;
  padding-top: 80px;
}
@media (min-width: 768px) {
  body[nav-theme="white"] .mobile-menu {
    padding-top: 105px;
  }
}
body[nav-theme="white"] .mobile-menu .main-listing {
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.2);
}
body[nav-theme="white"] .mobile-menu .main-listing__item button .text {
  color: #000;
}
body[nav-theme="white"] .mobile-menu .main-listing__item button .icon svg path {
  fill: #000;
}
body[nav-theme="white"] .mobile-menu__footer .languages a,
body[nav-theme="white"] .mobile-menu__footer .sub-links a {
  color: #000;
}
body[nav-theme="white"] .mobile-menu .sub-menu__wrapper:before {
  background-color: #fff;
}
body[nav-theme="white"] .mobile-menu .sub-menu__back-toggle .arrow-left path {
  fill: #fff;
}
body[nav-theme="white"] .search-overlay {
  background-color: #fff;
}
body[nav-theme="white"] .search-overlay:before {
  background-color: rgba(0, 0, 0, 0.2);
}
@media (min-width: 1280px) {
  body[nav-theme="white"] .search-overlay:before {
    top: 100px;
  }
}
body[nav-theme="white"] .search-overlay .back-btn {
  color: #000;
}
body[nav-theme="white"] .search-overlay .back-btn__icon path {
  fill: #000;
}
body[nav-theme="white"] .search-overlay .search-field {
  border-bottom-color: #000;
}
body[nav-theme="white"] .search-overlay .search-field input {
  color: #000;
}
body[nav-theme="white"] .search-overlay .search-field .search-submit svg circle,
body[nav-theme="white"] .search-overlay .search-field .search-submit svg path {
  stroke: #000;
}
.footer {
  background-color: #fff;
  /* border-top: 1px solid #3a3a3a; */
  color: #fff;
  position: relative;
  z-index: 0;
}
.footer ::selection {
  background: #fff;
  color: #000;
}
.footer ::-moz-selection {
  background: #fff;
  color: #000;
}
.footer a {
  color: #fff;
}
.footer .socials {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .footer .socials {
    margin-bottom: 0;
  }
}
.footer .socials__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-right: 16px;
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 30px;
}
.footer .socials__link:last-child {
  margin-right: 0;
}
.footer .socials__link--facebook svg {
  height: 15px;
  width: 7.5px;
}
.footer .socials__link--instagram svg {
  height: 16px;
  width: 16px;
}
.footer .socials__link--linkedin svg {
  height: 14px;
  width: 14.61px;
}
.footer .socials__link--medium svg {
  height: 9.61px;
  width: 17px;
}
.footer .socials__link--youtube svg {
  height: 11.5px;
  width: 16px;
}
.footer .socials__link--twitter svg {
  height: 13.75px;
  width: 16.8px;
}
.footer .socials__link--weibo svg {
  height: 14.71px;
  width: 18.26px;
}
.footer .socials__link svg {
  fill: #fff;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.footer .socials__link:focus,
.footer .socials__link:hover {
  background-color: #fff;
  border-color: #fff;
}
.footer .socials__link:focus svg,
.footer .socials__link:hover svg {
  fill: #000;
}
.footer__wrapper.wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 0;
}
@media (min-width: 1280px) {
  .footer__wrapper.wrapper {
    max-width: none;
    padding: 50px 0;
    width: calc(100% - 120px);
  }
}
.footer .links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.footer .links a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  display: inline-block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-bottom: 21px;
  position: relative;
}
.footer .links a:focus,
.footer .links a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
@media (min-width: 768px) {
  .footer .links a {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .footer .links a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-right: 40px;
  }
}
.footer .links a:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer .links a:last-child {
    margin-right: 0;
  }
}
.footer__main {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .footer__main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
}
.footer__main .company-name {
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .footer__main .company-name {
    margin-bottom: 0;
    margin-top: 2px;
  }
}
@media (min-width: 1280px) {
  .footer__main .company-name {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.footer__main .socials {
  display: none;
}
@media (min-width: 768px) {
  .footer__main .socials,
  .footer__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__sub {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.footer__sub .links {
  display: none;
}
@media (min-width: 768px) {
  .footer__sub .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer__sub .credit-copyright {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .footer__sub .credit-copyright {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0;
  }
}
.footer__sub .credit-copyright .credit {
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (min-width: 768px) {
  .footer__sub .credit-copyright .credit {
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .footer__sub .credit-copyright .credit {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
}
.footer__sub .credit-copyright .credit a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  position: relative;
}
.footer__sub .credit-copyright .credit a:focus,
.footer__sub .credit-copyright .credit a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.footer__sub .credit-copyright .copyright {
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: -0.01em;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (min-width: 1280px) {
  .footer__sub .credit-copyright .copyright {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
}
@media (min-width: 768px) {
  .footer__sub .socials {
    display: none;
  }
}
.hero--article {
  margin-top: 110px;
}
.hero--article ::selection {
  background: #000;
  color: #fff;
}
.hero--article ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .hero--article {
    margin-top: 145px;
  }
}
@media (min-width: 1280px) {
  .hero--article {
    margin-top: 151px;
  }
}
.hero--article .hero__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1280px) {
  .hero--article .hero__wrapper {
    margin: 0;
  }
}
.hero--article .hero__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #151515;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 20px;
}
@media (min-width: 768px) {
  .hero--article .hero__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 30px;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin: 0 60px;
  }
}
@media (min-width: 768px) {
  .hero--article .hero__content:after {
    background-color: #fff;
    bottom: -40px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content:after {
    bottom: -50px;
  }
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.hero--article .hero__content .article-details__main {
  grid-column: 1/-1;
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details__main {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details__main {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details__main .info {
    grid-column: 1 / span 8;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details__main .info {
    grid-column: 1 / span 13;
  }
}
.hero--article .hero__content .article-details .eyebrow {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 16px;
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details .eyebrow {
    margin-bottom: 20px;
  }
}
.hero--article .hero__content .article-details .headline {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details .headline {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 43px;
    line-height: 2.6875rem;
    margin-bottom: 20px;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details .headline {
    font-size: 48px;
    font-size: 3rem;
    line-height: 57px;
    line-height: 3.5625rem;
    margin-bottom: 30px;
  }
}
.hero--article .hero__content .article-details .details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details .details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-column: 1/-1;
  }
}
.hero--article .hero__content .article-details .details .byline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details .details .byline {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .article-details .details .byline {
    margin-right: 40px;
  }
}
.hero--article .hero__content .article-details .details .byline .author {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
}
.hero--article .hero__content .article-details .details .byline .divider {
  background-color: #e4e4e4;
  height: 13px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 8px;
  width: 1px;
}
.hero--article .hero__content .article-details .details .byline .date {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
}
.hero--article .hero__content .article-details .details .share-links-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .hero--article
    .hero__content
    .article-details
    .details
    .share-links-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
  }
}
.hero--article
  .hero__content
  .article-details
  .details
  .share-links-container
  .label {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
  -webkit-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
@media (min-width: 768px) {
  .hero--article
    .hero__content
    .article-details
    .details
    .share-links-container
    .label {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.hero--article .hero__content .article-details .details .share-links {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .hero--article .hero__content .article-details .details .share-links {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .hero--article
    .hero__content
    .article-details.has-card
    .article-details__main
    .info {
    grid-column: 1 / span 12;
  }
}
.hero--article .hero__content .card {
  border-top: 1px solid #e4e4e4;
  margin-top: 30px;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .hero--article .hero__content .card {
    grid-column: 9/-1;
    margin-top: 33px;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content .card {
    grid-column: 13/-1;
    margin-top: 37px;
  }
}
@media (min-width: 768px) {
  .hero--article .hero__content .card--mobile {
    display: none;
  }
}
.hero--article .hero__content .card--tablet {
  display: none;
}
@media (min-width: 768px) {
  .hero--article .hero__content .card--tablet {
    display: block;
  }
}
.hero--article .hero__content .card__link {
  display: block;
}
.hero--article .hero__content .card__eyebrow {
  color: #151515;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 12px;
}
.hero--article .hero__content .card__title {
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
}
@media (min-width: 768px) {
  .hero--article .hero__content.plain {
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content.plain {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .hero--article .hero__content.plain:after {
    bottom: -40px;
  }
}
@media (min-width: 1280px) {
  .hero--article .hero__content.plain:after {
    bottom: -80px;
  }
}
.hero--article .hero__background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  position: relative;
}
.hero--article .hero__background--tablet {
  display: none;
}
@media (min-width: 768px) {
  .hero--article .hero__background {
    margin-top: 40px;
  }
  .hero--article .hero__background--mobile {
    display: none;
  }
  .hero--article .hero__background--tablet {
    display: block;
  }
}
.hero--article .hero__background img,
.hero--article .hero__background picture {
  width: 100%;
}
.hero--article .hero__background .video:after {
  opacity: 0 !important;
}
.hero-homepage {
  height: var(--viewPortHeight);
  width: var(--viewPortWidth);
}
.hero-homepage ::selection {
  background: #000;
  color: #fff;
}
.hero-homepage ::-moz-selection {
  background: #000;
  color: #fff;
}
.hero-homepage__wrapper {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
.hero-homepage__theme {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  left: 0;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 20px -20px;
  position: sticky;
  top: 100px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-homepage__theme {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin: 0 30px -20px;
    top: 145px;
  }
}
@media (min-width: 1280px) {
  .hero-homepage__theme {
    margin: 0 60px;
    top: 130px;
  }
}
.hero-homepage__top-gradient {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(transparent),
    to(rgba(var(--top-gradient-color), 0.45))
  );
  background: -webkit-linear-gradient(
    bottom,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  background: -o-linear-gradient(
    bottom,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  background: linear-gradient(
    to top,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  height: 178px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-homepage__top-gradient {
    height: 474px;
  }
}
@media (min-width: 1280px) {
  .hero-homepage__top-gradient {
    height: 419px;
  }
}
.hero-homepage__backgrounds {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-homepage__backgrounds .background {
  cursor: -webkit-grab;
  cursor: grab;
  height: 100%;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.hero-homepage__backgrounds .background.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.hero-homepage__backgrounds .background__wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  width: 100%;
  will-change: transform;
}
.hero-homepage__backgrounds .background__wrapper-media {
  height: 100%;
  width: 100%;
}
.hero-homepage__backgrounds .background__wrapper-media.media--mobile {
  display: block;
}
.hero-homepage__backgrounds .background__wrapper-media.media--tablet {
  display: none;
}
@media (min-width: 768px) {
  .hero-homepage__backgrounds .background__wrapper-media.media--mobile {
    display: none;
  }
  .hero-homepage__backgrounds .background__wrapper-media.media--tablet {
    display: block;
  }
}
.hero-homepage__backgrounds .background__wrapper .video {
  pointer-events: none;
}
.hero-homepage__backgrounds .background img,
.hero-homepage__backgrounds .background picture,
.hero-homepage__backgrounds .background video {
  height: 100%;
  width: 100%;
}
.hero-homepage__backgrounds .background img,
.hero-homepage__backgrounds .background video {
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-homepage__titles {
  text-align: end;
  bottom: 40px;
  right: 20px;
  position: absolute;
  z-index: 2;
  width: 100%;
}
@media (min-width: 768px) {
  .hero-homepage__titles {
    right: 30px;
    width: calc(66.66667vw - 16.66667px);
  }
}
@media (min-width: 1280px) {
  .hero-homepage__titles {
    bottom: 60px;
    right: 60px;
    width: 713.75px;
  }
}
.hero-homepage__titles--multi {
  bottom: 78px;
}
@media (min-width: 1280px) {
  .hero-homepage__titles--multi {
    bottom: 98px;
  }
}
.hero-homepage__titles .title {
  bottom: 0;
  right: 0;
  position: absolute;
}
.hero-homepage__titles .title__link {
  color: #fff;
}
.hero-homepage__titles .title__eyebrow {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 16px;
}
.hero-homepage__titles .title__text {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  font-weight: 400;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-homepage__titles .title__text {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 43px;
    line-height: 2.6875rem;
  }
}
@media (min-width: 1280px) {
  .hero-homepage__titles .title__text {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.625rem;
  }
}
.hero-homepage__titles .title__text div {
  overflow: hidden;
}
.hero-homepage__titles .title__text div span {
  display: inline-block;
}
.hero-homepage__buttons {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  right: 20px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-homepage__buttons {
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .hero-homepage__buttons {
    bottom: 60px;
    right: 60px;
  }
}
.hero-homepage__buttons__item {
  margin-left: 24px;
}
.hero-homepage__buttons .button {
  background-color: #fff;
  border-radius: 100%;
  display: block;
  height: 8px;
  opacity: 0.4;
  padding: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
  width: 8px;
}
.hero-homepage__buttons .button.is-active,
.hero-homepage__buttons .button:focus,
.hero-homepage__buttons .button:hover {
  opacity: 1;
}
.hero-homepage .video__toggle {
  bottom: 30px;
  opacity: 1;
  position: absolute;
  left: 20px;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
}
@media (min-width: 768px) {
  .hero-homepage .video__toggle {
    bottom: 32px;
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .hero-homepage .video__toggle {
    bottom: 48px;
    right: 60px;
  }
}
.hero-homepage .video__toggle[data-playing] .video__toggle__pause {
  display: block;
}
.hero-homepage .video__toggle[data-playing] .video__toggle__play {
  display: none;
}
.hero-homepage .video__toggle.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.hero-homepage__bottom-gradient {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(rgba(var(--top-gradient-color), 0.45))
  );
  background: -webkit-linear-gradient(
    top,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  background: -o-linear-gradient(
    top,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(var(--top-gradient-color), 0.45)
  );
  bottom: 0;
  height: 349px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-homepage__bottom-gradient {
    height: 549px;
  }
}
@media (min-width: 1280px) {
  .hero-homepage__bottom-gradient {
    height: 547px;
  }
}
.hero-homepage__cover {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.hero--search {
  background-color: #000;
  color: #fff;
}
.hero--search ::selection {
  background: #fff;
  color: #000;
}
.hero--search ::-moz-selection {
  background: #fff;
  color: #000;
}
.hero--search .hero__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
}
.hero--search .hero__wrapper .search-field {
  border-top: 1px solid #151515;
  margin: 80px 20px 50px;
}
@media (min-width: 768px) {
  .hero--search .hero__wrapper .search-field {
    border-top: 0;
    margin: 80px 30px;
  }
}
@media (min-width: 1280px) {
  .hero--search .hero__wrapper .search-field {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    margin: 100px 60px 80px;
  }
}
@media (min-width: 1920px) {
  .hero--search .hero__wrapper .search-field {
    margin-left: auto;
    margin-right: auto;
    max-width: 1800px;
    width: 100%;
  }
}
.hero--search .hero__wrapper .search-field__wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 74px;
  position: relative;
}
@media (min-width: 768px) {
  .hero--search .hero__wrapper .search-field__wrapper {
    margin-top: 89px;
  }
}
@media (min-width: 1280px) {
  .hero--search .hero__wrapper .search-field__wrapper {
    margin-top: 104px;
  }
}
.hero--search .hero__wrapper .search-field__wrapper input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  padding: 5px 0 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .hero--search .hero__wrapper .search-field__wrapper input {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    padding: 5px 0 20px;
  }
}
@media (min-width: 1280px) {
  .hero--search .hero__wrapper .search-field__wrapper input {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.hero--search
  .hero__wrapper
  .search-field__wrapper
  input::-webkit-input-placeholder {
  color: #fff;
}
.hero--search .hero__wrapper .search-field__wrapper input:-moz-placeholder,
.hero--search .hero__wrapper .search-field__wrapper input::-moz-placeholder {
  color: #fff;
}
.hero--search .hero__wrapper .search-field__wrapper button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
@media (min-width: 768px) {
  .hero--search .hero__wrapper .search-field__wrapper button {
    height: 66px;
  }
}
.hero--search .hero__wrapper .search-field__wrapper button svg {
  height: 18.35px;
  -webkit-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  width: 18px;
}
@media (min-width: 1280px) {
  .hero--search .hero__wrapper .search-field__wrapper button svg {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.hero__fs-bar {
  background-color: #000;
  border-top: 1px solid #3a3a3a;
  position: sticky;
  top: 0;
  z-index: 2;
}
.hero__fs-bar .fs-bar__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__wrapper {
    margin: 0 30px;
    padding: 28px 0;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .fs-bar__wrapper {
    margin: 0 auto;
    max-width: 1800px;
    position: relative;
  }
}
.hero__fs-bar .fs-bar__filter-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__filter-toggle {
    margin-right: 8px;
  }
}
.hero__fs-bar .fs-bar__filter-toggle .circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-right: 6px;
  width: 24px;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__filter-toggle .circle {
    margin-right: 8px;
  }
}
.hero__fs-bar .fs-bar__filter-toggle .circle .icon-filter {
  height: 8px;
  width: 12px;
}
.hero__fs-bar .fs-bar__filter-toggle .text {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
}
.hero__fs-bar .fs-bar__result-count {
  display: none;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__result-count {
    color: #767676;
    display: block;
    font-family: Benton Sans Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.hero__fs-bar .fs-bar__sort-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 0;
}
.hero__fs-bar .fs-bar__sort-toggle .label {
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__sort-toggle .label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.hero__fs-bar .fs-bar__sort-toggle .value {
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
}
@media (min-width: 768px) {
  .hero__fs-bar .fs-bar__sort-toggle .value {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 19px;
    line-height: 1.1875rem;
  }
}
.hero__fs-bar .fs-bar__sort-toggle .circle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  width: 24px;
}
.hero__fs-bar .fs-bar__sort-toggle .circle .icon-chevron-down {
  height: 6px;
  -webkit-transition: -webkit-transform 0.32s ease-in-out;
  transition: -webkit-transform 0.32s ease-in-out;
  -o-transition: -o-transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out, -webkit-transform 0.32s ease-in-out,
    -o-transform 0.32s ease-in-out;
  width: 10px;
}
.hero__fs-bar .fs-bar__sort-toggle.is-open .circle .icon-chevron-down {
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.hero__fs-bar .result-count-bar {
  background-color: #000;
  border-top: 1px solid #3a3a3a;
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 23px 20px;
  position: sticky;
  top: 66px;
}
@media (min-width: 768px) {
  .hero__fs-bar .result-count-bar {
    display: none;
  }
}
.hero__fs-bar .sort-dropdown {
  background-color: #000;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 66px;
  visibility: hidden;
  width: 100%;
  z-index: 5;
}
@media (min-width: 768px) {
  .hero__fs-bar .sort-dropdown {
    width: 191px;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .sort-dropdown {
    right: -60px;
    width: 215px;
  }
}
.hero__fs-bar .sort-dropdown__listing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.hero__fs-bar .sort-dropdown__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  height: 48px;
  line-height: 20px;
  line-height: 1.25rem;
  padding: 0 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .hero__fs-bar .sort-dropdown__btn {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 19px;
    line-height: 1.1875rem;
    padding: 0 30px;
  }
}
.hero__fs-bar .sort-dropdown__btn.is-active {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
.hero__fs-bar .filter-dropdown {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  clip: rect(0, 100vw, 0, 0);
  background-color: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  visibility: hidden;
  width: 100vw;
  z-index: 5;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown {
    height: auto;
    max-height: 100vh;
  }
}
.hero__fs-bar .filter-dropdown.is-open {
  clip: rect(0, 100vw, 100vh, 0);
}
.hero__fs-bar .filter-dropdown__header__wrapper {
  padding: 20px 16px;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__header__wrapper {
    padding: 28px 30px;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__header__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1800px;
    padding: 28px 0;
  }
}
.hero__fs-bar .filter-dropdown__header__wrapper .result-count {
  display: none;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__header__wrapper .result-count {
    color: #767676;
    display: block;
    font-family: Benton Sans Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.01em;
    line-height: 19px;
    line-height: 1.1875rem;
    margin-left: 8px;
  }
}
.hero__fs-bar .filter-dropdown__close {
  background-color: transparent;
  padding: 0;
}
.hero__fs-bar .filter-dropdown__close,
.hero__fs-bar .filter-dropdown__close .close-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero__fs-bar .filter-dropdown__close .close-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  height: 24px;
  justify-content: center;
  margin-right: 6px;
  width: 24px;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__close .close-icon {
    margin-right: 8px;
  }
}
.hero__fs-bar .filter-dropdown__close .close-icon .icon {
  height: 8px;
  width: 8px;
}
.hero__fs-bar .filter-dropdown__close .text {
  color: #fff;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
}
.hero__fs-bar .filter-dropdown__filters {
  -webkit-box-flex: 1;
  border-bottom: 1px solid #3a3a3a;
  border-top: 1px solid #3a3a3a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  padding: 40px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__filters {
    padding: 40px 30px 0;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters {
    padding: 0;
  }
}
.hero__fs-bar .filter-dropdown__filters:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(transparent),
    color-stop(rgba(0, 0, 0, 0.5)),
    to(#000)
  );
  background: -webkit-linear-gradient(
    bottom,
    transparent,
    rgba(0, 0, 0, 0.5),
    #000
  );
  background: -o-linear-gradient(bottom, transparent, rgba(0, 0, 0, 0.5), #000);
  background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.5), #000);
  top: 67px;
}
.hero__fs-bar .filter-dropdown__filters:after,
.hero__fs-bar .filter-dropdown__filters:before {
  content: "";
  height: 140px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  z-index: 2;
}
.hero__fs-bar .filter-dropdown__filters:after {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(rgba(0, 0, 0, 0.5)),
    to(#000)
  );
  background: -webkit-linear-gradient(
    top,
    transparent,
    rgba(0, 0, 0, 0.5),
    #000
  );
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5), #000);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5), #000);
  bottom: 88px;
}
.hero__fs-bar .filter-dropdown__filters.show-bottom:after,
.hero__fs-bar .filter-dropdown__filters.show-top:before {
  opacity: 1;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin: 0 auto;
    max-width: 1800px;
    padding: 30px 0 14px;
    row-gap: 14px;
  }
}
.hero__fs-bar .filter-dropdown__filters .filter-group {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group {
    margin-bottom: 0;
  }
}
.hero__fs-bar .filter-dropdown__filters .filter-group__title {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin: 0 0 30px;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__title {
    margin-bottom: 16px;
  }
}
.hero__fs-bar .filter-dropdown__filters .filter-group__options {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__options {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.hero__fs-bar .filter-dropdown__filters .filter-group__options .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  position: relative;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__options .option {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__options .option {
    margin-bottom: 16px;
  }
}
.hero__fs-bar .filter-dropdown__filters .filter-group__options .option .box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid #3a3a3a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  justify-content: center;
  margin-right: 8px;
  pointer-events: none;
  width: 16px;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__options .option .box {
    height: 14px;
    width: 14px;
  }
}
.hero__fs-bar
  .filter-dropdown__filters
  .filter-group__options
  .option
  .box
  svg {
  display: none;
  height: 6px;
  pointer-events: none;
  width: 8px;
}
.hero__fs-bar .filter-dropdown__filters .filter-group__options .option input {
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: none;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero__fs-bar
  .filter-dropdown__filters
  .filter-group__options
  .option
  input:checked
  + .box {
  border-color: #fff;
}
.hero__fs-bar
  .filter-dropdown__filters
  .filter-group__options
  .option
  input:checked
  + .box
  svg {
  display: block;
}
.hero__fs-bar .filter-dropdown__filters .filter-group__options .option label {
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group__options .option label {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.01em;
    line-height: 13px;
    line-height: 0.8125rem;
    -webkit-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
  }
}
.hero__fs-bar
  .filter-dropdown__filters
  .filter-group__options
  .option--all
  label {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__filters .filter-group:nth-child(odd) {
    grid-column: 1 / span 9;
  }
  .hero__fs-bar
    .filter-dropdown__filters
    .filter-group:nth-child(odd)
    .filter-group__options {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .hero__fs-bar .filter-dropdown__filters .filter-group:nth-child(2n) {
    grid-column: 11/-1;
  }
  .hero__fs-bar
    .filter-dropdown__filters
    .filter-group:nth-child(2n)
    .filter-group__options {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.hero__fs-bar .filter-dropdown__footer__wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  text-align: right;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__footer__wrapper {
    padding: 16px 30px;
  }
}
@media (min-width: 1280px) {
  .hero__fs-bar .filter-dropdown__footer__wrapper {
    margin: 0 auto;
    max-width: 1800px;
    padding: 16px 0;
  }
}
.hero__fs-bar .filter-dropdown__footer .apply-btn {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: -0.01em;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 13.5px 40px;
}
@media (min-width: 768px) {
  .hero__fs-bar .filter-dropdown__footer .apply-btn {
    letter-spacing: 0.01em;
    padding: 15px 33px 16px;
  }
}
.hero-detail-hub {
  background: #000;
  padding-top: 80px;
}
.hero-detail-hub ::selection {
  background: #fff;
  color: #000;
}
.hero-detail-hub ::-moz-selection {
  background: #fff;
  color: #000;
}
@media (min-width: 768px) {
  .hero-detail-hub {
    padding-top: 105px;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub {
    padding-top: 100px;
  }
}
.hero-detail-hub__content {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .hero-detail-hub__content {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 1920px) {
  .hero-detail-hub__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.hero-detail-hub__content-image {
  grid-column: 1 / span 6;
  margin-bottom: 30px;
  margin-left: -20px;
  margin-right: -20px;
  min-height: 364px;
  position: relative;
}
.hero-detail-hub__content-image:before {
  content: "";
  display: block;
  padding-top: 97.0666666667%;
  width: 100%;
}
.hero-detail-hub__content-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-image {
    grid-column: 7 / span 6;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: -30px;
    min-height: 384px;
    position: relative;
  }
  .hero-detail-hub__content-image:before {
    content: "";
    display: block;
    padding-top: 102.6902711665%;
    width: 100%;
  }
  .hero-detail-hub__content-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content-image {
    grid-column: 9 / span 8;
    margin-right: -60px;
    min-height: 620px;
    position: relative;
  }
  .hero-detail-hub__content-image:before {
    content: "";
    display: block;
    padding-top: 99.2%;
    width: 100%;
  }
  .hero-detail-hub__content-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1920px) {
  .hero-detail-hub__content-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(885px + (var(--viewPortWidth) - 1800px) / 2 * 1);
    flex: 0 0 calc(885px + (var(--viewPortWidth) - 1800px) / 2 * 1);
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
  }
}
.hero-detail-hub__content-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-image--mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .hero-detail-hub__content-image--tablet {
    display: none;
  }
}
.hero-detail-hub__content-details {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column: 1 / span 5;
    justify-content: space-between;
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content-details {
    grid-column: 1 / span 7;
    margin: 0;
  }
}
@media (min-width: 1920px) {
  .hero-detail-hub__content-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(770.625px + (var(--viewPortWidth) - 1800px) / 2 * 0);
    flex: 0 0 calc(770.625px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
.hero-detail-hub__content-details-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-details-title {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 43px;
    line-height: 2.6875rem;
    margin: 30px 0 20px;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content-details-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.625rem;
    margin: 60px 0 24px;
  }
}
.hero-detail-hub__content-details-description {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  line-height: 1.5625rem;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-details-description {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 27px;
    line-height: 1.6875rem;
    margin: 0 0 40px;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content-details-description {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin: 0 0 60px;
  }
}
.hero-detail-hub__content-details-info {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .hero-detail-hub__content-details-info {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .hero-detail-hub__content-details-info {
    margin-bottom: 20px;
  }
}
.hero-detail-hub__content-details-info p {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
}
.hero-detail-hub[data-theme="white"] {
  background: #fff;
}
.hero-detail-hub[data-theme="white"] ::selection {
  background: #000;
  color: #fff;
}
.hero-detail-hub[data-theme="white"] ::-moz-selection {
  background: #000;
  color: #fff;
}
.hero-detail-hub[data-theme="white"]
  .hero-detail-hub__content-details-description,
.hero-detail-hub[data-theme="white"] .hero-detail-hub__content-details-info p,
.hero-detail-hub[data-theme="white"] .hero-detail-hub__content-details-title {
  color: #151515;
}
.hero-landing {
  background-color: #fff;
  color: #000;
  width: 100%;
}
.hero-landing ::selection {
  background: #000;
  color: #fff;
}
.hero-landing ::-moz-selection {
  background: #000;
  color: #fff;
}
.hero-landing[data-theme="black"] {
  background-color: #000;
  color: #fff;
}
.hero-landing[data-theme="black"] ::selection {
  background: #fff;
  color: #000;
}
.hero-landing[data-theme="black"] ::-moz-selection {
  background: #fff;
  color: #000;
}
.hero-landing__content {
  grid-row-gap: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  font-family: Benton Sans Light, sans-serif;
  font-weight: 300;
  grid-template-columns: repeat(6, 1fr);
  margin: 0 20px;
  padding: 110px 0 30px;
}
@media (min-width: 768px) {
  .hero-landing__content {
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .hero-landing__content {
    margin: 0 60px;
  }
}
@media (min-width: 1920px) {
  .hero-landing__content {
    margin: 0 auto;
    max-width: 1800px;
  }
}
@media (min-width: 768px) {
  .hero-landing__content {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .hero-landing__content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.hero-landing__content h2,
.hero-landing__content p {
  grid-column: 1/7;
  margin: 0;
}
.hero-landing__content h2 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  font-weight: 400;
  line-height: 34px;
  line-height: 2.125rem;
}
.hero-landing__content p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  line-height: 1.5625rem;
}
@media (min-width: 768px) {
  .hero-landing__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 135px 0 60px;
  }
  .hero-landing__content h2 {
    font-size: 36px;
    font-size: 2.25rem;
    grid-column: 1/6;
    line-height: 43px;
    line-height: 2.6875rem;
  }
  .hero-landing__content p {
    font-size: 18px;
    font-size: 1.125rem;
    grid-column: 6/13;
    line-height: 27px;
    line-height: 1.6875rem;
  }
}
@media (min-width: 1280px) {
  .hero-landing__content {
    margin-left: 60px;
    margin-right: 60px;
    max-width: none;
    padding: 160px 0 60px;
  }
  .hero-landing__content h2 {
    font-size: 48px;
    font-size: 3rem;
    grid-column: 1/8;
    line-height: 58px;
    line-height: 3.625rem;
  }
  .hero-landing__content p {
    font-size: 18px;
    font-size: 1.125rem;
    grid-column: 11/17;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.hero-landing__background {
  min-height: 161px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.hero-landing__background:before {
  content: "";
  display: block;
  padding-top: 42.9333333333%;
  width: 100%;
}
.hero-landing__background > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-landing__background {
    min-height: 327px;
    position: relative;
  }
  .hero-landing__background:before {
    content: "";
    display: block;
    padding-top: 42.578125%;
    width: 100%;
  }
  .hero-landing__background > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .hero-landing__background {
    min-height: 420px;
    position: relative;
  }
  .hero-landing__background:before {
    content: "";
    display: block;
    padding-top: 32.8125%;
    width: 100%;
  }
  .hero-landing__background > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.hero-landing__background img,
.hero-landing__background video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-landing__background video {
  cursor: pointer;
}
.hero-story {
  margin-top: 80px;
}
.hero-story ::selection {
  background: #000;
  color: #fff;
}
.hero-story ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .hero-story {
    margin-top: 105px;
  }
}
@media (min-width: 1280px) {
  .hero-story {
    margin-top: 100px;
  }
  .hero-story .hero-story__wrapper {
    margin: 0;
  }
}
.hero-story__background {
  margin-bottom: 30px;
}
.hero-story__background--tablet {
  display: none;
}
@media (min-width: 768px) {
  .hero-story__background {
    margin-bottom: 40px;
  }
  .hero-story__background--mobile {
    display: none;
  }
  .hero-story__background--tablet {
    display: block;
  }
}
.hero-story__background img,
.hero-story__background picture {
  width: 100%;
}
.hero-story__background .video:after {
  opacity: 0 !important;
}
.hero-story__content {
  margin: 0 20px;
}
@media (min-width: 768px) {
  .hero-story__content {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .hero-story__content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin: 0 60px;
  }
}
@media (min-width: 1920px) {
  .hero-story__content {
    margin: 0 auto;
    max-width: 1800px;
  }
}
.hero-story__content-header {
  color: #151515;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .hero-story__content-header {
    grid-column: 3 / span 8;
  }
}
@media (min-width: 1280px) {
  .hero-story__content-header {
    grid-column: 4 / span 11;
    margin-left: -37px;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 1 - 7px);
  }
}
.hero-story__content-header .eyebrow {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 16px;
}
@media (min-width: 1280px) {
  .hero-story__content-header .eyebrow {
    margin: 0 0 20px;
  }
}
.hero-story__content-header .headline {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .hero-story__content-header .headline {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 43px;
    line-height: 2.6875rem;
  }
}
@media (min-width: 1280px) {
  .hero-story__content-header .headline {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.625rem;
  }
}
.hero-story__content-header .description {
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-story__content-header .description {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
@media (min-width: 1280px) {
  .hero-story__content-header .description {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.hero-story__content-subheader {
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .hero-story__content-subheader {
    grid-column: 3 / span 8;
  }
}
@media (min-width: 1280px) {
  .hero-story__content-subheader {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    grid-column: 4 / span 11;
    margin-left: -37px;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 1 - 7px);
    padding: 20px 0;
  }
}
.hero-story__content-subheader .details {
  -webkit-box-flex: 0;
  border-bottom: 1px solid #e4e4e4;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
@media (min-width: 1280px) {
  .hero-story__content-subheader .details {
    -webkit-box-flex: 0;
    border-bottom: 0;
    -ms-flex: 0 0 371.875px;
    flex: 0 0 371.875px;
    margin-bottom: 0;
    margin-right: 30px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .hero-story__content-subheader .details.no-featured {
    border-bottom: 0;
    margin-bottom: -20px;
  }
}
.hero-story__content-subheader .details .byline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #767676;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .hero-story__content-subheader .details .byline {
    margin-right: 30px;
  }
}
@media (min-width: 1280px) {
  .hero-story__content-subheader .details .byline {
    margin-right: 40px;
  }
}
.hero-story__content-subheader .details .byline .author {
  font-family: Benton Sans Light, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
}
.hero-story__content-subheader .details .byline .author a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #000;
}
.hero-story__content-subheader .details .byline .author a:focus,
.hero-story__content-subheader .details .byline .author a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.hero-story__content-subheader .details .byline .divider {
  background-color: #e4e4e4;
  height: 13px;
  margin: 0 8px 0 0;
  width: 1px;
}
.hero-story__content-subheader .details .byline .date {
  font-family: Benton Sans Light, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 17px;
  line-height: 1.0625rem;
}
.hero-story__content-subheader .share-links-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-story__content-subheader .share-links-container .label {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-right: 8px;
}
.hero-story__content-subheader .share-links-container > .label {
  display: none;
}
.hero-story__content-subheader .featured-card__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((var(--viewPortWidth) - 140px) / 6 * 2 + 20px);
  flex: 0 0 calc((var(--viewPortWidth) - 140px) / 6 * 2 + 20px);
  margin-right: 20px;
}
@media (min-width: 768px) {
  .hero-story__content-subheader .featured-card__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25vw - 30px);
    flex: 0 0 calc(25vw - 30px);
  }
}
@media (min-width: 1280px) {
  .hero-story__content-subheader .featured-card__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 118.75px;
    flex: 0 0 118.75px;
    margin-right: 30px;
  }
}
.hero-story__content-subheader .featured-card__image a {
  display: block;
  position: relative;
}
.hero-story__content-subheader .featured-card__image a:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.hero-story__content-subheader
  .featured-card__image
  a
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.hero-story__content-subheader .featured-card__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.hero-story__content-subheader .featured-card__details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hero-story__content-subheader .featured-card__details .eyebrow {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 16px;
}
.hero-story__content-subheader .featured-card__details .headline {
  color: #3a3a3a;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
}
.hero-story__content-subheader .featured-card__details .headline a {
  color: #3a3a3a;
}
.topics {
  margin-top: 50px;
}
.topics ::selection {
  background: #000;
  color: #fff;
}
.topics ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 1280px) {
  .topics {
    margin-top: 80px;
  }
}
@media (min-width: 768px) {
  .topics__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .topics__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.topics__eyebrow {
  color: #151515;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 25px;
  line-height: 1.5625rem;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .topics__eyebrow {
    font-size: 18px;
    font-size: 1.125rem;
    grid-column: 3 / span 8;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
@media (min-width: 1280px) {
  .topics__eyebrow {
    grid-column: 4 / span 1;
    margin-left: -37px;
  }
}
@media (min-width: 768px) {
  .topics__listing {
    grid-column: 3 / span 8;
  }
}
@media (min-width: 1280px) {
  .topics__listing {
    grid-column: 5 / span 9;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.topics__link {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #151515;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 25px;
  line-height: 1.5625rem;
}
.topics__link:focus,
.topics__link:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
@media (min-width: 768px) {
  .topics__link {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: 0.01em;
    line-height: 23px;
    line-height: 1.4375rem;
  }
}
@media (min-width: 1280px) {
  .topics__link {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: normal;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.hero-general {
  background-color: #000;
}
.hero-general ::selection {
  background: #fff;
  color: #000;
}
.hero-general ::-moz-selection {
  background: #fff;
  color: #000;
}
.hero-general__content {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 110px 0 80px;
}
@media (min-width: 768px) {
  .hero-general__content {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding: 135px 0 100px;
  }
}
@media (min-width: 1280px) {
  .hero-general__content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    padding: 159px 0 120px;
  }
}
.hero-general__content-title {
  grid-column: 1 / span 4;
}
@media (min-width: 768px) {
  .hero-general__content-title {
    grid-column: 1 / span 5;
  }
}
@media (min-width: 1280px) {
  .hero-general__content-title {
    grid-column: 1 / span 5;
  }
}
.hero-general__content-title h1 {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 34px;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-general__content-title h1 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media (min-width: 1280px) {
  .hero-general__content-title h1 {
    font-size: 48px;
    line-height: 58px;
  }
}
.hero-general[data-theme="white"] {
  background-color: #fff;
}
.hero-general[data-theme="white"] ::selection {
  background: #000;
  color: #fff;
}
.hero-general[data-theme="white"] ::-moz-selection {
  background: #000;
  color: #fff;
}
.hero-general[data-theme="white"] .hero-general__content-title h1 {
  color: #151515;
}
.hero-project {
  --top-gradient-color: 0, 0, 0;
  --bottom-gradient-color: 0, 0, 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  position: relative;
  width: var(--viewPortWidth);
  will-change: transform;
  z-index: 1;
}
.hero-project ::selection {
  background: #000;
  color: #fff;
}
.hero-project ::-moz-selection {
  background: #000;
  color: #fff;
}
.hero-project__head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.hero-project__head .top-gradient {
  background: -webkit-linear-gradient(
    271.3deg,
    rgba(var(--top-gradient-color), 0.45) 0.92%,
    rgba(var(--top-gradient-color), 0.446109) 7.43%,
    rgba(var(--top-gradient-color), 0.43402) 13.95%,
    rgba(var(--top-gradient-color), 0.413253) 20.47%,
    rgba(var(--top-gradient-color), 0.383665) 26.99%,
    rgba(var(--top-gradient-color), 0.345701) 33.51%,
    rgba(var(--top-gradient-color), 0.300652) 40.03%,
    rgba(var(--top-gradient-color), 0.250789) 46.55%,
    rgba(var(--top-gradient-color), 0.199211) 53.07%,
    rgba(var(--top-gradient-color), 0.149348) 59.59%,
    rgba(var(--top-gradient-color), 0.104299) 66.11%,
    rgba(var(--top-gradient-color), 0.0663351) 72.62%,
    rgba(var(--top-gradient-color), 0.0367469) 79.14%,
    rgba(var(--top-gradient-color), 0.0159795) 85.66%,
    rgba(var(--top-gradient-color), 0.00389124) 92.18%,
    rgba(var(--top-gradient-color), 0) 98.7%
  );
  background: -o-linear-gradient(
    271.3deg,
    rgba(var(--top-gradient-color), 0.45) 0.92%,
    rgba(var(--top-gradient-color), 0.446109) 7.43%,
    rgba(var(--top-gradient-color), 0.43402) 13.95%,
    rgba(var(--top-gradient-color), 0.413253) 20.47%,
    rgba(var(--top-gradient-color), 0.383665) 26.99%,
    rgba(var(--top-gradient-color), 0.345701) 33.51%,
    rgba(var(--top-gradient-color), 0.300652) 40.03%,
    rgba(var(--top-gradient-color), 0.250789) 46.55%,
    rgba(var(--top-gradient-color), 0.199211) 53.07%,
    rgba(var(--top-gradient-color), 0.149348) 59.59%,
    rgba(var(--top-gradient-color), 0.104299) 66.11%,
    rgba(var(--top-gradient-color), 0.0663351) 72.62%,
    rgba(var(--top-gradient-color), 0.0367469) 79.14%,
    rgba(var(--top-gradient-color), 0.0159795) 85.66%,
    rgba(var(--top-gradient-color), 0.00389124) 92.18%,
    rgba(var(--top-gradient-color), 0) 98.7%
  );
  background: linear-gradient(
    178.7deg,
    rgba(var(--top-gradient-color), 0.45) 0.92%,
    rgba(var(--top-gradient-color), 0.446109) 7.43%,
    rgba(var(--top-gradient-color), 0.43402) 13.95%,
    rgba(var(--top-gradient-color), 0.413253) 20.47%,
    rgba(var(--top-gradient-color), 0.383665) 26.99%,
    rgba(var(--top-gradient-color), 0.345701) 33.51%,
    rgba(var(--top-gradient-color), 0.300652) 40.03%,
    rgba(var(--top-gradient-color), 0.250789) 46.55%,
    rgba(var(--top-gradient-color), 0.199211) 53.07%,
    rgba(var(--top-gradient-color), 0.149348) 59.59%,
    rgba(var(--top-gradient-color), 0.104299) 66.11%,
    rgba(var(--top-gradient-color), 0.0663351) 72.62%,
    rgba(var(--top-gradient-color), 0.0367469) 79.14%,
    rgba(var(--top-gradient-color), 0.0159795) 85.66%,
    rgba(var(--top-gradient-color), 0.00389124) 92.18%,
    rgba(var(--top-gradient-color), 0) 98.7%
  );
  height: 27.09%;
  left: 0;
  min-height: 178px;
  pointer-events: none;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-project__head .top-gradient {
    height: 27.73%;
  }
}
@media (min-width: 1280px) {
  .hero-project__head .top-gradient {
    height: 37.36%;
  }
}
.hero-project__head .bottom-gradient {
  background: -webkit-linear-gradient(
    270.13deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  background: -o-linear-gradient(
    270.13deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  background: linear-gradient(
    179.87deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  height: 53.12%;
  left: 0;
  min-height: 349px;
  pointer-events: none;
  position: sticky;
  right: 0;
  top: 0;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -o-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: 2;
}
@media (min-width: 768px) {
  .hero-project__head .bottom-gradient {
    background: -webkit-linear-gradient(
      270.78deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    background: -o-linear-gradient(
      270.78deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    background: linear-gradient(
      179.22deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    height: 58.79%;
  }
}
@media (min-width: 1280px) {
  .hero-project__head .bottom-gradient {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(21.7%, rgba(var(--bottom-gradient-color), 0.5)),
      color-stop(24.82%, rgba(var(--bottom-gradient-color), 0.495676)),
      color-stop(27.94%, rgba(var(--bottom-gradient-color), 0.482245)),
      color-stop(31.06%, rgba(var(--bottom-gradient-color), 0.45917)),
      color-stop(34.18%, rgba(var(--bottom-gradient-color), 0.426294)),
      color-stop(37.3%, rgba(var(--bottom-gradient-color), 0.384113)),
      color-stop(40.42%, rgba(var(--bottom-gradient-color), 0.334058)),
      color-stop(43.53%, rgba(var(--bottom-gradient-color), 0.278654)),
      color-stop(46.65%, rgba(var(--bottom-gradient-color), 0.221346)),
      color-stop(49.77%, rgba(var(--bottom-gradient-color), 0.165942)),
      color-stop(52.89%, rgba(var(--bottom-gradient-color), 0.115887)),
      color-stop(56.01%, rgba(var(--bottom-gradient-color), 0.0737057)),
      color-stop(59.13%, rgba(var(--bottom-gradient-color), 0.0408299)),
      color-stop(62.25%, rgba(var(--bottom-gradient-color), 0.017755)),
      color-stop(65.37%, rgba(var(--bottom-gradient-color), 0.0043236)),
      color-stop(68.49%, rgba(var(--bottom-gradient-color), 0))
    );
    background: -webkit-linear-gradient(
      top,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    background: -o-linear-gradient(
      top,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    background: linear-gradient(
      180deg,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    height: 75.97%;
  }
}
.hero-project__heading {
  margin-bottom: 40px;
  margin-left: 20px;
  margin-right: 65px;
  position: sticky;
  z-index: 3;
}
@media (min-width: 768px) {
  .hero-project__heading {
    margin-left: 30px;
    margin-right: 75px;
  }
}
@media (min-width: 1280px) {
  .hero-project__heading {
    margin-bottom: 60px;
    margin-left: 60px;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 8 + 300px);
  }
}
.hero-project__title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  font-weight: 400;
  grid-column: 1/6;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-project__title {
    font-size: 36px;
    font-size: 2.25rem;
    grid-column: 1/10;
    line-height: 43px;
    line-height: 2.6875rem;
  }
}
@media (min-width: 1280px) {
  .hero-project__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 58px;
    line-height: 3.625rem;
    margin-right: -30px;
  }
}
.hero-project__sub-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  grid-column: 1/6;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 12px 0 0;
}
@media (min-width: 768px) {
  .hero-project__sub-title {
    font-size: 22px;
    font-size: 1.375rem;
    grid-column: 1/10;
    line-height: 26px;
    line-height: 1.625rem;
    margin-top: 12px;
  }
}
@media (min-width: 1280px) {
  .hero-project__sub-title {
    font-size: 24px;
    font-size: 1.5rem;
    grid-column: 1/8;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.hero-project__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-transition-property: border, background;
  -o-transition-property: border, background;
  transition-property: border, background;
  visibility: hidden;
  width: 40px;
}
.hero-project__button .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hero-project__button .icon svg path {
  fill: #fff;
  -webkit-transition: fill 0.2s ease-in-out;
  -o-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}
.hero-project__button .icon.pause {
  display: none;
}
.hero-project__button .sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.hero-project__button:hover {
  background-color: #fff;
  border-color: #fff;
}
.hero-project__button:hover .icon svg path {
  fill: #000;
}
.hero-project__button.playing .pause {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-project__button.playing .play {
  display: none;
}
.hero-project__button.visible {
  visibility: visible;
}
.hero-project__media {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  pointer-events: none;
}
.hero-project__media,
.hero-project__media--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero-project__media--tablet {
  display: none;
}
@media (min-width: 768px) {
  .hero-project__media--mobile {
    display: none;
  }
  .hero-project__media--tablet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hero-project__media video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-project__primary {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: var(--viewPortHeight);
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  width: var(--viewPortWidth);
  will-change: transform;
}
.hero-project__primary .video .video__toggle,
.hero-project__primary .video[data-playing] .video__toggle {
  bottom: 30px;
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 768px) {
  .hero-project__primary .video .video__toggle,
  .hero-project__primary .video[data-playing] .video__toggle {
    bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .hero-project__primary .video .video__toggle,
  .hero-project__primary .video[data-playing] .video__toggle {
    bottom: 48px;
  }
}
.hero-project__primary .video:after,
.hero-project__primary .video[data-playing]:after {
  content: none;
}
.hero-project__secondary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .hero-project__secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
}
.hero-project__secondary > div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--viewPortHeight);
  justify-content: center;
}
@media (min-width: 1280px) {
  .hero-project__secondary > div {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.hero-project__secondary > div .media-box {
  height: 100%;
  width: 100%;
}
.hero-project__secondary > div .media-box img,
.hero-project__secondary > div .media-box video {
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.hero-project__secondary.full-landscape .left-media,
.hero-project__secondary.full-portrait .left-media,
.hero-project__secondary.full-square .left-media,
.hero-project__secondary.landscape-full .right-media,
.hero-project__secondary.portrait-full .right-media,
.hero-project__secondary.square-full .right-media {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-landscape .left-media,
  .hero-project__secondary.full-portrait .left-media,
  .hero-project__secondary.full-square .left-media,
  .hero-project__secondary.landscape-full .right-media,
  .hero-project__secondary.portrait-full .right-media,
  .hero-project__secondary.square-full .right-media {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.hero-project__secondary.full-landscape .left-media .top-border,
.hero-project__secondary.full-portrait .left-media .top-border,
.hero-project__secondary.full-square .left-media .top-border,
.hero-project__secondary.landscape-full .right-media .top-border,
.hero-project__secondary.portrait-full .right-media .top-border,
.hero-project__secondary.square-full .right-media .top-border {
  background-color: #000;
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% + 2px);
  z-index: 2;
}
.hero-project__secondary.full-landscape .left-media__wrapper,
.hero-project__secondary.full-portrait .left-media__wrapper,
.hero-project__secondary.full-square .left-media__wrapper,
.hero-project__secondary.landscape-full .right-media__wrapper,
.hero-project__secondary.portrait-full .right-media__wrapper,
.hero-project__secondary.square-full .right-media__wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.hero-project__secondary.full-landscape .left-media img,
.hero-project__secondary.full-landscape .left-media picture,
.hero-project__secondary.full-portrait .left-media img,
.hero-project__secondary.full-portrait .left-media picture,
.hero-project__secondary.full-square .left-media img,
.hero-project__secondary.full-square .left-media picture,
.hero-project__secondary.landscape-full .right-media img,
.hero-project__secondary.landscape-full .right-media picture,
.hero-project__secondary.portrait-full .right-media img,
.hero-project__secondary.portrait-full .right-media picture,
.hero-project__secondary.square-full .right-media img,
.hero-project__secondary.square-full .right-media picture {
  height: 100%;
  width: 100%;
}
.hero-project__secondary.full-landscape .left-media picture,
.hero-project__secondary.full-portrait .left-media picture,
.hero-project__secondary.full-square .left-media picture,
.hero-project__secondary.landscape-full .right-media picture,
.hero-project__secondary.portrait-full .right-media picture,
.hero-project__secondary.square-full .right-media picture {
  display: block;
}
.hero-project__secondary.full-landscape .left-media img,
.hero-project__secondary.full-landscape .left-media video,
.hero-project__secondary.full-portrait .left-media img,
.hero-project__secondary.full-portrait .left-media video,
.hero-project__secondary.full-square .left-media img,
.hero-project__secondary.full-square .left-media video,
.hero-project__secondary.landscape-full .right-media img,
.hero-project__secondary.landscape-full .right-media video,
.hero-project__secondary.portrait-full .right-media img,
.hero-project__secondary.portrait-full .right-media video,
.hero-project__secondary.square-full .right-media img,
.hero-project__secondary.square-full .right-media video {
  -o-object-fit: cover;
  object-fit: cover;
}
.hero-project__secondary.full-landscape .left-media .video:after,
.hero-project__secondary.full-portrait .left-media .video:after,
.hero-project__secondary.full-square .left-media .video:after,
.hero-project__secondary.landscape-full .right-media .video:after,
.hero-project__secondary.portrait-full .right-media .video:after,
.hero-project__secondary.square-full .right-media .video:after {
  background: -webkit-linear-gradient(
    270.13deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  background: -o-linear-gradient(
    270.13deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  background: linear-gradient(
    179.87deg,
    rgba(var(--bottom-gradient-color), 0.5) 21.86%,
    rgba(var(--bottom-gradient-color), 0.495676) 27.06%,
    rgba(var(--bottom-gradient-color), 0.482245) 32.26%,
    rgba(var(--bottom-gradient-color), 0.45917) 37.46%,
    rgba(var(--bottom-gradient-color), 0.426294) 42.66%,
    rgba(var(--bottom-gradient-color), 0.384113) 47.86%,
    rgba(var(--bottom-gradient-color), 0.334058) 53.06%,
    rgba(var(--bottom-gradient-color), 0.278654) 58.26%,
    rgba(var(--bottom-gradient-color), 0.221346) 63.46%,
    rgba(var(--bottom-gradient-color), 0.165942) 68.66%,
    rgba(var(--bottom-gradient-color), 0.115887) 73.86%,
    rgba(var(--bottom-gradient-color), 0.0737057) 79.06%,
    rgba(var(--bottom-gradient-color), 0.0408299) 84.26%,
    rgba(var(--bottom-gradient-color), 0.017755) 89.46%,
    rgba(var(--bottom-gradient-color), 0.0043236) 94.66%,
    rgba(var(--bottom-gradient-color), 0) 99.87%
  );
  background-color: transparent;
  bottom: 0;
  content: "";
  height: 53.12%;
  left: 0;
  min-height: 349px;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -o-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-landscape .left-media .video:after,
  .hero-project__secondary.full-portrait .left-media .video:after,
  .hero-project__secondary.full-square .left-media .video:after,
  .hero-project__secondary.landscape-full .right-media .video:after,
  .hero-project__secondary.portrait-full .right-media .video:after,
  .hero-project__secondary.square-full .right-media .video:after {
    background: -webkit-linear-gradient(
      270.78deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    background: -o-linear-gradient(
      270.78deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    background: linear-gradient(
      179.22deg,
      rgba(var(--bottom-gradient-color), 0.5) 15.94%,
      rgba(var(--bottom-gradient-color), 0.495676) 19.42%,
      rgba(var(--bottom-gradient-color), 0.482245) 22.89%,
      rgba(var(--bottom-gradient-color), 0.45917) 26.37%,
      rgba(var(--bottom-gradient-color), 0.426294) 29.85%,
      rgba(var(--bottom-gradient-color), 0.384113) 33.33%,
      rgba(var(--bottom-gradient-color), 0.334058) 36.81%,
      rgba(var(--bottom-gradient-color), 0.278654) 40.29%,
      rgba(var(--bottom-gradient-color), 0.221346) 43.76%,
      rgba(var(--bottom-gradient-color), 0.165942) 47.24%,
      rgba(var(--bottom-gradient-color), 0.115887) 50.72%,
      rgba(var(--bottom-gradient-color), 0.0737057) 54.2%,
      rgba(var(--bottom-gradient-color), 0.0408299) 57.68%,
      rgba(var(--bottom-gradient-color), 0.017755) 61.15%,
      rgba(var(--bottom-gradient-color), 0.0043236) 64.63%,
      rgba(var(--bottom-gradient-color), 0) 68.11%
    );
    height: 58.79%;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-landscape .left-media .video:after,
  .hero-project__secondary.full-portrait .left-media .video:after,
  .hero-project__secondary.full-square .left-media .video:after,
  .hero-project__secondary.landscape-full .right-media .video:after,
  .hero-project__secondary.portrait-full .right-media .video:after,
  .hero-project__secondary.square-full .right-media .video:after {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(21.7%, rgba(var(--bottom-gradient-color), 0.5)),
      color-stop(24.82%, rgba(var(--bottom-gradient-color), 0.495676)),
      color-stop(27.94%, rgba(var(--bottom-gradient-color), 0.482245)),
      color-stop(31.06%, rgba(var(--bottom-gradient-color), 0.45917)),
      color-stop(34.18%, rgba(var(--bottom-gradient-color), 0.426294)),
      color-stop(37.3%, rgba(var(--bottom-gradient-color), 0.384113)),
      color-stop(40.42%, rgba(var(--bottom-gradient-color), 0.334058)),
      color-stop(43.53%, rgba(var(--bottom-gradient-color), 0.278654)),
      color-stop(46.65%, rgba(var(--bottom-gradient-color), 0.221346)),
      color-stop(49.77%, rgba(var(--bottom-gradient-color), 0.165942)),
      color-stop(52.89%, rgba(var(--bottom-gradient-color), 0.115887)),
      color-stop(56.01%, rgba(var(--bottom-gradient-color), 0.0737057)),
      color-stop(59.13%, rgba(var(--bottom-gradient-color), 0.0408299)),
      color-stop(62.25%, rgba(var(--bottom-gradient-color), 0.017755)),
      color-stop(65.37%, rgba(var(--bottom-gradient-color), 0.0043236)),
      color-stop(68.49%, rgba(var(--bottom-gradient-color), 0))
    );
    background: -webkit-linear-gradient(
      top,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    background: -o-linear-gradient(
      top,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    background: linear-gradient(
      180deg,
      rgba(var(--bottom-gradient-color), 0.5) 21.7%,
      rgba(var(--bottom-gradient-color), 0.495676) 24.82%,
      rgba(var(--bottom-gradient-color), 0.482245) 27.94%,
      rgba(var(--bottom-gradient-color), 0.45917) 31.06%,
      rgba(var(--bottom-gradient-color), 0.426294) 34.18%,
      rgba(var(--bottom-gradient-color), 0.384113) 37.3%,
      rgba(var(--bottom-gradient-color), 0.334058) 40.42%,
      rgba(var(--bottom-gradient-color), 0.278654) 43.53%,
      rgba(var(--bottom-gradient-color), 0.221346) 46.65%,
      rgba(var(--bottom-gradient-color), 0.165942) 49.77%,
      rgba(var(--bottom-gradient-color), 0.115887) 52.89%,
      rgba(var(--bottom-gradient-color), 0.0737057) 56.01%,
      rgba(var(--bottom-gradient-color), 0.0408299) 59.13%,
      rgba(var(--bottom-gradient-color), 0.017755) 62.25%,
      rgba(var(--bottom-gradient-color), 0.0043236) 65.37%,
      rgba(var(--bottom-gradient-color), 0) 68.49%
    );
    height: 75.97%;
  }
}
.hero-project__secondary.full-landscape .right-media {
  margin: 0 20px;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-landscape .right-media {
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-landscape .right-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44.140625vw;
    flex: 0 0 44.140625vw;
    margin-left: 8.125vw;
    margin-right: 4.6875vw;
    padding-bottom: 35.6944444444vh;
  }
}
.hero-project__secondary.full-landscape .right-media__wrapper {
  min-height: 189px;
  overflow: hidden;
  position: relative;
  width: 89.3333333333vw;
}
.hero-project__secondary.full-landscape .right-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.hero-project__secondary.full-landscape
  .right-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-landscape .right-media__wrapper {
    min-height: 400px;
    width: 92.1875vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-landscape .right-media__wrapper {
    min-height: 319px;
    width: 44.140625vw;
  }
}
.hero-project__secondary.full-landscape .right-media__wrapper .bottom-border,
.hero-project__secondary.full-landscape .right-media__wrapper .top-border {
  background-color: #000;
  height: calc(50% - 25px);
  z-index: 1;
}
.hero-project__secondary.full-landscape .right-media__wrapper .top-border {
  bottom: auto;
}
.hero-project__secondary.full-landscape .right-media__wrapper .bottom-border {
  top: auto;
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-square .left-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 639.375px);
    flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 639.375px);
  }
}
.hero-project__secondary.full-square .right-media {
  margin: 0 40px;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-square .right-media {
    margin: 0 calc(8.33333vw + 26.66667px);
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-square .right-media {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 0;
    align-items: flex-end;
    -ms-flex: 0 0 32.265625vw;
    flex: 0 0 32.265625vw;
    margin-left: 8.4375vw;
    margin-right: 4.6875vw;
    padding-bottom: 8.3333333333vh;
  }
}
.hero-project__secondary.full-square .right-media__wrapper {
  min-height: 295px;
  overflow: hidden;
  position: relative;
  width: 78.6666666667vw;
}
.hero-project__secondary.full-square .right-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.hero-project__secondary.full-square
  .right-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-square .right-media__wrapper {
    min-height: 586px;
    width: 76.3020833333vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-square .right-media__wrapper {
    min-height: 413px;
    width: 32.265625vw;
  }
  .hero-project__secondary.full-portrait .left-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 669.375px);
    flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 669.375px);
  }
}
.hero-project__secondary.full-portrait .right-media {
  margin: 0 40px;
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-portrait .right-media {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 0;
    align-items: flex-end;
    -ms-flex: 0 0 32.109375vw;
    flex: 0 0 32.109375vw;
    margin-left: 6.25vw;
    margin-right: 4.6875vw;
    padding-bottom: 6.1111111111vh;
  }
}
.hero-project__secondary.full-portrait .right-media__wrapper {
  min-height: 393px;
  overflow: hidden;
  position: relative;
  width: 78.6666666667vw;
}
.hero-project__secondary.full-portrait .right-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.hero-project__secondary.full-portrait
  .right-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.full-portrait .right-media__wrapper {
    min-height: 713px;
    width: 69.53125vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.full-portrait .right-media__wrapper {
    min-height: 548px;
    width: 32.109375vw;
  }
}
.hero-project__secondary.landscape-full .left-media {
  margin: 0 20px;
  position: relative;
}
@media (min-width: 768px) {
  .hero-project__secondary.landscape-full .left-media {
    margin: 0 30px;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.landscape-full .left-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44.140625vw;
    flex: 0 0 44.140625vw;
    margin-left: 4.6875vw;
    margin-right: 8.125vw;
    padding-bottom: 35.6944444444vh;
  }
}
.hero-project__secondary.landscape-full .left-media__wrapper {
  min-height: 189px;
  overflow: hidden;
  position: relative;
  width: 89.3333333333vw;
}
.hero-project__secondary.landscape-full .left-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}
.hero-project__secondary.landscape-full
  .left-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.landscape-full .left-media__wrapper {
    min-height: 400px;
    width: 92.1875vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.landscape-full .left-media__wrapper {
    min-height: 319px;
    width: 44.140625vw;
  }
}
.hero-project__secondary.landscape-full .left-media__wrapper .bottom-border,
.hero-project__secondary.landscape-full .left-media__wrapper .top-border {
  background-color: #000;
  height: calc(50% - 25px);
  z-index: 1;
}
.hero-project__secondary.landscape-full .left-media__wrapper .top-border {
  background-color: #000;
  bottom: auto;
  height: calc(50% - 25px);
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 100%;
  z-index: 1;
}
.hero-project__secondary.landscape-full .left-media__wrapper .bottom-border {
  background-color: #000;
  bottom: 0;
  height: calc(50% - 25px);
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1280px) {
  .hero-project__secondary.square-full .right-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 639.375px);
    flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 639.375px);
  }
}
.hero-project__secondary.square-full .left-media {
  margin: 0 40px;
}
@media (min-width: 768px) {
  .hero-project__secondary.square-full .left-media {
    margin: 0 calc(8.33333vw + 26.66667px);
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.square-full .left-media {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 0;
    align-items: flex-end;
    -ms-flex: 0 0 32.265625vw;
    flex: 0 0 32.265625vw;
    margin-left: 4.6875vw;
    margin-right: 8.4375vw;
    padding-bottom: 8.3333333333vh;
  }
}
.hero-project__secondary.square-full .left-media__wrapper {
  min-height: 295px;
  overflow: hidden;
  position: relative;
  width: 78.6666666667vw;
}
.hero-project__secondary.square-full .left-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.hero-project__secondary.square-full
  .left-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.square-full .left-media__wrapper {
    min-height: 586px;
    width: 76.3020833333vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.square-full .left-media__wrapper {
    min-height: 413px;
    width: 32.265625vw;
  }
  .hero-project__secondary.portrait-full .right-media {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 669.375px);
    flex: 0 0 calc((var(--viewPortWidth) - 1160px) / 2 + 669.375px);
  }
}
.hero-project__secondary.portrait-full .left-media {
  margin: 0 40px;
}
@media (min-width: 1280px) {
  .hero-project__secondary.portrait-full .left-media {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-flex: 0;
    align-items: flex-end;
    -ms-flex: 0 0 32.109375vw;
    flex: 0 0 32.109375vw;
    margin-left: 4.6875vw;
    margin-right: 6.25vw;
    padding-bottom: 6.1111111111vh;
  }
}
.hero-project__secondary.portrait-full .left-media__wrapper {
  min-height: 393px;
  overflow: hidden;
  position: relative;
  width: 78.6666666667vw;
}
.hero-project__secondary.portrait-full .left-media__wrapper:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.hero-project__secondary.portrait-full
  .left-media__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .hero-project__secondary.portrait-full .left-media__wrapper {
    min-height: 713px;
    width: 69.53125vw;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary.portrait-full .left-media__wrapper {
    min-height: 548px;
    width: 32.109375vw;
  }
}
.hero-project__secondary img,
.hero-project__secondary video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.hero-project__secondary .video .video__toggle,
.hero-project__secondary .video[data-playing] .video__toggle {
  bottom: 30px;
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 768px) {
  .hero-project__secondary .video .video__toggle,
  .hero-project__secondary .video[data-playing] .video__toggle {
    bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .hero-project__secondary .video .video__toggle,
  .hero-project__secondary .video[data-playing] .video__toggle {
    bottom: 48px;
  }
}
.hero-project__secondary .video:after,
.hero-project__secondary .video[data-playing]:after {
  content: none;
}
.hero-project__details {
  background-color: #000;
  width: var(--viewPortWidth);
}
.hero-project__details ::selection {
  background: #fff;
  color: #000;
}
.hero-project__details ::-moz-selection {
  background: #fff;
  color: #000;
}
.hero-project__details__wrapper {
  color: #fff;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .hero-project__details__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding: 60px 0;
  }
}
@media (min-width: 1280px) {
  .hero-project__details__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    padding: 80px 0;
  }
}
.hero-project__details__meta {
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
@media screen and (max-width: 767px) {
  .hero-project__details__meta {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .hero-project__details__meta {
    font-size: 14px;
    font-size: 0.875rem;
    grid-column: 1/4;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .hero-project__details__meta {
    grid-column: 1/5;
    letter-spacing: 0.01em;
  }
}
.hero-project__details__definition {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hero-project__details__definition li {
  margin-bottom: 20px;
  position: relative;
}
.hero-project__details__definition li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .hero-project__details__definition li {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1280px) {
  .hero-project__details__definition li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .hero-project__details__definition li:last-child {
    margin-bottom: 0;
  }
}
.hero-project__details__definition li:before {
  content: "​";
  left: 0;
  position: absolute;
  top: 0;
}
.hero-project__details__definition span {
  display: block;
}
.hero-project__details__definition span:first-child {
  font: inherit;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hero-project__details__definition span:first-child {
    grid-column: 1/3;
  }
}
@media (min-width: 768px) {
  .hero-project__details__definition span:first-child {
    margin-bottom: 2px;
  }
}
@media (min-width: 1280px) {
  .hero-project__details__definition span:first-child {
    -webkit-box-flex: 66px;
    -ms-flex: 66px;
    flex: 66px;
    margin-bottom: 0;
  }
}
.hero-project__details__definition span:nth-child(2) {
  font: inherit;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hero-project__details__definition span:nth-child(2) {
    grid-column: 3/7;
  }
}
@media (min-width: 1280px) {
  .hero-project__details__definition span:nth-child(2) {
    -webkit-box-flex: calc(100% - 80px);
    -ms-flex: calc(100% - 80px);
    flex: calc(100% - 80px);
  }
}
.hero-project__details__definition a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #fff;
  display: inline;
  position: relative;
}
.hero-project__details__definition a:focus,
.hero-project__details__definition a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.hero-project__details__share {
  margin-top: 20px;
}
@media (min-width: 1280px) {
  .hero-project__details__share {
    margin-top: 30px;
  }
}
.hero-project__details__description {
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 30px;
  line-height: 1.875rem;
  margin: 0;
}
@media (min-width: 768px) {
  .hero-project__details__description {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    grid-column: 5/13;
    line-height: 35px;
    line-height: 2.1875rem;
  }
}
@media (min-width: 1280px) {
  .hero-project__details__description {
    font-size: 32px;
    font-size: 2rem;
    grid-column: 6/15;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
.hero-project__details__facts {
  display: block;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .hero-project__details__facts {
    display: none;
  }
}
.hero-project__play-btns {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.hero-project__play-btns button {
  bottom: auto;
  right: 20px;
}
@media (min-width: 768px) {
  .hero-project__play-btns button {
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .hero-project__play-btns button {
    right: 60px;
  }
}
.hero-project__play-btns button[data-playing] .video__toggle__pause {
  display: block;
}
.hero-project__play-btns button[data-playing] .video__toggle__play {
  display: none;
}
.hero-project__play-btns__primary {
  top: calc(100vh - 70px);
}
@media (min-width: 1280px) {
  .hero-project__play-btns__primary {
    top: calc(100vh - 88px);
  }
}
.hero-project__play-btns__full {
  -webkit-transform: translateY(calc(-100% - 30px));
  -o-transform: translateY(calc(-100% - 30px));
  transform: translateY(calc(-100% - 30px));
}
@media (min-width: 1280px) {
  .hero-project__play-btns__full {
    -webkit-transform: translateY(calc(-100% - 48px));
    -o-transform: translateY(calc(-100% - 48px));
    transform: translateY(calc(-100% - 48px));
  }
}
.cards {
  display: block;
}
.cards__title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 20px 30px 0;
}
@media (min-width: 768px) {
  .cards__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 38px;
    line-height: 2.375rem;
    margin-right: 30px;
  }
}
@media (min-width: 1280px) {
  .cards__title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    margin-right: 0;
  }
}
.cards__control {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .cards__control {
    margin-right: 30px;
  }
}
.cards__control-pagination .cards__pagination {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 17px;
  line-height: 1.0625rem;
}
.cards__control-pagination .cards__pagination .current-page,
.cards__control-pagination .cards__pagination .last-page {
  color: #fff;
}
.cards__control-navigation button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 40px;
}
.cards__control-navigation button.nav-btn-prev {
  margin-right: 4px;
}
.cards__control-navigation button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cards__control-navigation button svg {
  height: 13px;
  width: 15px;
}
.cards__control-navigation button svg path {
  fill: #fff;
  -webkit-transition: fill 0.3s ease-out;
  -o-transition: fill 0.3s ease-out;
  transition: fill 0.3s ease-out;
}
.cards__control-navigation button:not([disabled]):focus,
.cards__control-navigation button:not([disabled]):hover {
  background-color: #fff;
}
.cards__control-navigation button:not([disabled]):focus svg path,
.cards__control-navigation button:not([disabled]):hover svg path {
  fill: #000;
}
.cards[data-theme="white"] .cards__control-pagination,
.cards[data-theme="white"] .cards__control-pagination .cards__pagination,
.cards[data-theme="white"] .cards__control-pagination .current-page,
.cards[data-theme="white"] .cards__control-pagination .last-page,
.cards[data-theme="white"] .cards__title {
  color: #151515;
}
.cards[data-theme="white"] .cards__control-navigation button {
  border-color: #e4e4e4;
}
.cards[data-theme="white"] .cards__control-navigation button svg path {
  fill: #000;
}
.cards[data-theme="white"]
  .cards__control-navigation
  button:not([disabled]):focus,
.cards[data-theme="white"]
  .cards__control-navigation
  button:not([disabled]):hover {
  background-color: #000;
}
.cards[data-theme="white"]
  .cards__control-navigation
  button:not([disabled]):focus
  svg
  path,
.cards[data-theme="white"]
  .cards__control-navigation
  button:not([disabled]):hover
  svg
  path {
  fill: #fff;
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image) .card__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card:not(.--no-image) .card__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image) .card__image {
    grid-column: 1 / span 8;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card:not(.--no-image) .card__image {
    grid-column: 1 / span 11;
  }
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image) .card__image .card__link {
    min-height: 270px;
    position: relative;
  }
  .cards.--one-up .card:not(.--no-image) .card__image .card__link:before {
    content: "";
    display: block;
    padding-top: 34.2583076396%;
    width: 100%;
  }
  .cards.--one-up
    .card:not(.--no-image)
    .card__image
    .card__link
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card:not(.--no-image) .card__image .card__link {
    min-height: 415px;
    position: relative;
  }
  .cards.--one-up .card:not(.--no-image) .card__image .card__link:before {
    content: "";
    display: block;
    padding-top: 50%;
    width: 100%;
  }
  .cards.--one-up
    .card:not(.--no-image)
    .card__image
    .card__link
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image) .card__details {
    grid-column: 9/-1;
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card:not(.--no-image) .card__details {
    grid-column: 12/-1;
  }
}
.cards.--one-up .card:not(.--no-image) .card__details-title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image) .card__details-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card:not(.--no-image) .card__details-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-right: calc((var(--viewPortWidth) - 570px) / 16 * 1 + 30px);
  }
}
@media (min-width: 1920px) {
  .cards.--one-up .card:not(.--no-image) .card__details-title {
    margin-right: calc(114.375px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
@media (min-width: 768px) {
  .cards.--one-up .card:not(.--no-image).card-publication .card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cards.--one-up .card:not(.--no-image).card-person .card__image .card__link {
    position: relative;
  }
  .cards.--one-up
    .card:not(.--no-image).card-person
    .card__image
    .card__link:before {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
  }
  .cards.--one-up
    .card:not(.--no-image).card-person
    .card__image
    .card__link
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
  .cards.--one-up
    .card:not(.--no-image).card-person
    .card__image
    .card__link
    img {
    -o-object-position: top center;
    object-position: top center;
  }
  .cards.--one-up .card-publication,
  .cards.--one-up .card.--no-image {
    width: calc(66.66667vw - 46.66667px);
  }
}
@media (min-width: 1280px) {
  .cards.--one-up .card-publication,
  .cards.--one-up .card.--no-image {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 11 + 300px);
  }
}
@media (min-width: 1920px) {
  .cards.--one-up .card-publication,
  .cards.--one-up .card.--no-image {
    width: calc(1228.125px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
@media (min-width: 768px) {
  .cards.--one-up .card-publication .card__wrapper .wrapper-core {
    width: 100%;
  }
  .cards.--two-up .cards__card-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .cards.--two-up .cards__card-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.cards.--two-up .cards__card-list .card {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .cards.--two-up .cards__card-list .card:first-child {
    grid-column: 1 / span 6;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .cards.--two-up .cards__card-list .card:first-child {
    grid-column: 1 / span 10;
  }
}
.cards.--two-up .cards__card-list .card:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .cards.--two-up .cards__card-list .card:last-child {
    grid-column: 7/-1;
  }
}
@media (min-width: 1280px) {
  .cards.--two-up .cards__card-list .card:last-child {
    grid-column: 11/-1;
  }
}
.cards.--four-up .cards__card-list .card,
.cards.--three-up .cards__card-list .card {
  position: relative;
}
.cards.--four-up .cards__card-list .card:after,
.cards.--three-up .cards__card-list .card:after {
  content: "";
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  width: 1px;
}
@media (min-width: 1280px) {
  .cards.--four-up .cards__card-list .card:after,
  .cards.--three-up .cards__card-list .card:after {
    right: -15px;
  }
}
.cards.--four-up .cards__card-list .card:last-child:after,
.cards.--three-up .cards__card-list .card:last-child:after {
  content: none;
}
.cards.--four-up .cards__control,
.cards.--three-up .cards__control {
  margin-top: 30px;
}
.cards.--three-up {
  margin-right: -20px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cards.--three-up {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .cards.--three-up {
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .cards.--three-up .cards__control {
    display: none;
  }
}
.cards.--three-up .cards__card-list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  cursor: -webkit-grab;
  cursor: grab;
  display: grid;
  grid-auto-columns: minmax(77.8%, 1fr);
  grid-auto-flow: column;
  grid-template-columns: repeat(6, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(77.8%, 1fr));
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: auto;
}
@media (min-width: 768px) {
  .cards.--three-up .cards__card-list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    cursor: auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    overflow-x: visible;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .cards.--three-up .cards__card-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-template-columns: repeat(15, 1fr);
  }
}
.cards.--three-up .cards__card-list.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media (min-width: 768px) {
  .cards.--three-up .cards__card-list.grabbing {
    cursor: auto;
  }
  .cards.--three-up .cards__card-list .card:nth-child(3n + 1) {
    grid-column: 1 / span 4;
  }
}
@media (min-width: 1280px) {
  .cards.--three-up .cards__card-list .card:nth-child(3n + 1) {
    grid-column: 1 / span 5;
  }
}
@media (min-width: 768px) {
  .cards.--three-up .cards__card-list .card:nth-child(3n + 2) {
    grid-column: 5 / span 4;
  }
}
@media (min-width: 1280px) {
  .cards.--three-up .cards__card-list .card:nth-child(3n + 2) {
    grid-column: 6 / span 5;
  }
}
@media (min-width: 768px) {
  .cards.--three-up .cards__card-list .card:nth-child(3n + 3) {
    grid-column: 9 / span 4;
  }
}
@media (min-width: 1280px) {
  .cards.--three-up .cards__card-list .card:nth-child(3n + 3) {
    grid-column: 11 / span 5;
  }
}
.cards.--three-up .cards__card-list .card.--no-image .card__wrapper,
.cards.--three-up .cards__card-list .card.card-publication .card__wrapper {
  position: relative;
}
.cards.--three-up .cards__card-list .card.--no-image .card__wrapper:before,
.cards.--three-up
  .cards__card-list
  .card.card-publication
  .card__wrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}
.cards.--three-up
  .cards__card-list
  .card.--no-image
  .card__wrapper
  > :not(.card__image-title),
.cards.--three-up
  .cards__card-list
  .card.card-publication
  .card__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.cards.--three-up
  .cards__card-list
  .card.--no-image
  .card__wrapper
  .wrapper-core,
.cards.--three-up
  .cards__card-list
  .card.card-publication
  .card__wrapper
  .wrapper-core {
  min-height: 0;
}
.cards.--four-up {
  margin-right: -20px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cards.--four-up {
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .cards.--four-up {
    margin-right: 0;
    overflow: visible;
  }
  .cards.--four-up .cards__control {
    display: none;
  }
}
.cards.--four-up .cards__card-list {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 15px;
  cursor: -webkit-grab;
  cursor: grab;
  display: grid;
  grid-auto-columns: minmax(77.8%, 1fr);
  grid-auto-flow: column;
  grid-template-columns: repeat(6, 1fr);
  grid-template-columns: repeat(auto-fill, minmax(77.8%, 1fr));
  position: relative;
  row-gap: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: auto;
}
@media (min-width: 768px) {
  .cards.--four-up .cards__card-list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-auto-columns: minmax(38.4%, 1fr);
    grid-template-columns: repeat(12, 1fr);
    grid-template-columns: repeat(auto-fill, minmax(38.4%, 1fr));
    row-gap: 40px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@media (min-width: 1280px) {
  .cards.--four-up .cards__card-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    cursor: auto;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin-right: 0;
    overflow-x: visible;
    row-gap: 50px;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    width: 100%;
  }
}
.cards.--four-up .cards__card-list.grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media (min-width: 1280px) {
  .cards.--four-up .cards__card-list.grabbing {
    cursor: auto;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 1) {
    grid-column: 1 / span 4;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 2) {
    grid-column: 5 / span 4;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 3) {
    grid-column: 9 / span 4;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 4) {
    grid-column: 13 / span 4;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 4):after {
    content: none;
  }
  .cards.--four-up .cards__card-list .card:nth-child(4n + 4):before {
    width: 100%;
  }
}
.cards.--four-up .cards__card-list .card.--no-image .card__wrapper,
.cards.--four-up .cards__card-list .card.card-publication .card__wrapper {
  position: relative;
}
.cards.--four-up .cards__card-list .card.--no-image .card__wrapper:before,
.cards.--four-up
  .cards__card-list
  .card.card-publication
  .card__wrapper:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.cards.--four-up
  .cards__card-list
  .card.--no-image
  .card__wrapper
  > :not(.card__image-title),
.cards.--four-up
  .cards__card-list
  .card.card-publication
  .card__wrapper
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.cards.--four-up
  .cards__card-list
  .card.--no-image
  .card__wrapper
  .wrapper-core,
.cards.--four-up
  .cards__card-list
  .card.card-publication
  .card__wrapper
  .wrapper-core {
  min-height: 0;
}
.cards.--four-up[data-theme="white"] .cards__card-list > .card:before {
  background-color: #e4e4e4;
}
@media (min-width: 1280px) {
  .cards.--four-up[data-theme="white"] .cards__card-list > .card:after {
    background-color: #e4e4e4;
  }
}
.content-package {
  background: #000;
  padding-bottom: 38px;
  padding-top: 38px;
}
.content-package ::selection {
  background: #fff;
  color: #000;
}
.content-package ::-moz-selection {
  background: #fff;
  color: #000;
}
@media (min-width: 768px) {
  .content-package {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
@media (min-width: 1280px) {
  .content-package {
    padding-bottom: 63px;
    padding-top: 63px;
  }
}
.content-package__section-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 33.6px;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .content-package__section-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .content-package__section-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 30px;
  }
}
.content-package__body-wrap {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .content-package__body-wrap {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .content-package__body-wrap {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.content-package__body-wrap-text {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
  grid-column: 1 / span 6;
  line-height: 25.2px;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .content-package__body-wrap-text {
    font-size: 18px;
    grid-column: 1 / span 10;
    line-height: 27px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .content-package__body-wrap-text {
    font-size: 18px;
    grid-column: 1 / span 8;
    line-height: 28.8px;
    margin-bottom: 50px;
  }
}
.content-package[data-theme="white"] {
  background: #fff;
}
.content-package[data-theme="white"] ::selection {
  background: #000;
  color: #fff;
}
.content-package[data-theme="white"] ::-moz-selection {
  background: #000;
  color: #fff;
}
.content-package[data-theme="white"] .content-package__body-wrap-text,
.content-package[data-theme="white"] .content-package__section-title {
  color: #151515;
}
.content-package[data-theme="white"] + .article.black .wrapper .content,
.content-package[data-theme="white"] + .article.black .wrapper .sidebar {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .content-package[data-theme="white"] + .article.black .wrapper .content,
  .content-package[data-theme="white"] + .article.black .wrapper .sidebar {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  .content-package[data-theme="white"] + .article.black .wrapper .content,
  .content-package[data-theme="white"] + .article.black .wrapper .sidebar {
    margin-top: 80px;
  }
}
.content-package[data-theme="white"]
  + .article.black
  .wrapper
  .content.aligned-top {
  padding-top: 0;
}
.content-package[data-theme="white"]
  + [data-theme="white"].no-title-description {
  padding-top: 19px;
}
@media (min-width: 768px) {
  .content-package[data-theme="white"]
    + [data-theme="white"].no-title-description {
    padding-top: 25px;
  }
}
@media (min-width: 1280px) {
  .content-package[data-theme="white"]
    + [data-theme="white"].no-title-description {
    padding-top: 0;
  }
}
.content-package[data-theme="black"] + .article.white .wrapper .content,
.content-package[data-theme="black"] + .article.white .wrapper .sidebar {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .content-package[data-theme="black"] + .article.white .wrapper .content,
  .content-package[data-theme="black"] + .article.white .wrapper .sidebar {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  .content-package[data-theme="black"] + .article.white .wrapper .content,
  .content-package[data-theme="black"] + .article.white .wrapper .sidebar {
    margin-top: 80px;
  }
}
.content-package[data-theme="black"]
  + .article.white
  .wrapper
  .content.aligned-top {
  padding-top: 0;
}
.content-package[data-theme="black"]
  + [data-theme="black"].no-title-description {
  padding-top: 19px;
}
@media (min-width: 768px) {
  .content-package[data-theme="black"]
    + [data-theme="black"].no-title-description {
    padding-top: 25px;
  }
}
@media (min-width: 1280px) {
  .content-package[data-theme="black"]
    + [data-theme="black"].no-title-description {
    padding-top: 0;
  }
}
.content-package:before {
  display: none;
}
.spotlight-package {
  background: #000;
}
.spotlight-package__content {
  display: block;
  padding-bottom: 50px;
  padding-top: 50px;
}
@media (min-width: 768px) {
  .spotlight-package__content {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__content {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.spotlight-package__section-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 33.6px;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .spotlight-package__section-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__section-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 30px;
  }
}
.spotlight-package__body-wrap {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .spotlight-package__body-wrap {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .spotlight-package__body-wrap {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.spotlight-package__body-wrap-text {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  grid-column: 1 / span 6;
  line-height: 25.2px;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .spotlight-package__body-wrap-text {
    font-size: 18px;
    grid-column: 1 / span 10;
    line-height: 27px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__body-wrap-text {
    font-size: 18px;
    grid-column: 1 / span 8;
    line-height: 28.8px;
    margin-bottom: 50px;
  }
}
.spotlight-package__featured {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .spotlight-package__featured {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin-bottom: 50px;
  }
}
.spotlight-package__featured-image {
  grid-column: 1 / span 6;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .spotlight-package__featured-image {
    grid-column: 1 / span 8;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-image {
    grid-column: 1 / span 11;
    margin-bottom: 0;
  }
}
.spotlight-package__featured-image a {
  min-height: 188px;
  position: relative;
  width: 100%;
}
.spotlight-package__featured-image a:before {
  content: "";
  display: block;
  padding-top: 50%;
  width: 100%;
}
.spotlight-package__featured-image a > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .spotlight-package__featured-image a {
    min-height: 270px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-image a {
    min-height: 415px;
  }
}
.spotlight-package__featured-image img,
.spotlight-package__featured-image picture {
  height: 100%;
  width: 100%;
}
.spotlight-package__featured-image img {
  -o-object-fit: cover;
  object-fit: cover;
}
.spotlight-package__featured-image.--landing {
  position: relative;
}
.spotlight-package__featured-image-title {
  bottom: 12px;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  left: 8px;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .spotlight-package__featured-image-title {
    bottom: 16px;
    font-size: 18px;
    font-size: 1.125rem;
    left: 12px;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-image-title {
    bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    left: 20px;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.spotlight-package__featured-image-title a {
  color: #fff;
}
.spotlight-package__featured-no-image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column: 1 / span 6;
  height: 100%;
  justify-content: space-between;
  margin-bottom: 0;
  min-height: 400px;
  padding: 28px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .spotlight-package__featured-no-image {
    grid-column: 1 / span 8;
    padding: 28px 20px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-no-image {
    grid-column: 1 / span 11;
    padding: 32px 24px;
  }
}
.spotlight-package__featured-pub {
  grid-column: 1 / span 6;
  height: 220px;
  margin-bottom: 16px;
  padding: 28px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .spotlight-package__featured-pub {
    grid-column: 1 / span 8;
    height: 322px;
    margin-bottom: 0;
    padding: 28px 20px;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-pub {
    grid-column: 1 / span 11;
    height: 400px;
    margin-bottom: 0;
    padding: 32px 24px;
    position: relative;
  }
}
.spotlight-package__featured-pub-eyebrow {
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
  text-transform: capitalize;
}
.spotlight-package__featured-pub-title {
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .spotlight-package__featured-pub-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 8px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-pub-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-bottom: 8px;
  }
}
.spotlight-package__featured-pub-subtitle {
  font-family: Benton Sans Light, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.spotlight-package__featured-pub-link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative;
}
.spotlight-package__featured-pub-link:before {
  left: 0;
  top: -14px;
}
.spotlight-package__featured-pub-link:after,
.spotlight-package__featured-pub-link:before {
  content: "";
  height: 2px;
  position: absolute;
  -webkit-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  width: 0;
  z-index: 1;
}
.spotlight-package__featured-pub-link:after {
  bottom: -14px;
  right: 0;
}
.spotlight-package__featured-pub-link:hover:after,
.spotlight-package__featured-pub-link:hover:before {
  width: 100%;
}
.spotlight-package__featured-pub[data-theme="white"] {
  background-color: #fff;
}
.spotlight-package__featured-pub[data-theme="white"]
  .spotlight-package__featured-pub-link:after,
.spotlight-package__featured-pub[data-theme="white"]
  .spotlight-package__featured-pub-link:before {
  background-color: #000;
}
.spotlight-package__featured-pub[data-theme="white"] h2,
.spotlight-package__featured-pub[data-theme="white"] h2 a,
.spotlight-package__featured-pub[data-theme="white"] span {
  color: #151515;
}
.spotlight-package__featured-pub[data-theme="white"] p {
  color: #767676;
}
.spotlight-package__featured-pub[data-theme="black"] {
  background-color: #000;
}
.spotlight-package__featured-pub[data-theme="black"]
  .spotlight-package__featured-pub-link:after,
.spotlight-package__featured-pub[data-theme="black"]
  .spotlight-package__featured-pub-link:before {
  background-color: #fff;
}
.spotlight-package__featured-pub[data-theme="black"] h2,
.spotlight-package__featured-pub[data-theme="black"] h2 a,
.spotlight-package__featured-pub[data-theme="black"] span {
  color: #fff;
}
.spotlight-package__featured-pub[data-theme="black"] p {
  color: #767676;
}
.spotlight-package__featured-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column: 1 / span 6;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .spotlight-package__featured-details {
    grid-column: 9 / span 4;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-details {
    grid-column: 12 / span 5;
  }
}
.spotlight-package__featured-details-top {
  margin-bottom: 30px;
  position: relative;
}
.spotlight-package__featured-details .topics {
  margin-top: 0;
}
.spotlight-package__featured-eyebrow {
  color: #fff;
  display: block;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  margin: 0 0 12px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .spotlight-package__featured-eyebrow {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-eyebrow {
    margin-bottom: 16px;
  }
}
.spotlight-package__featured-title {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .spotlight-package__featured-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 8px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-bottom: 8px;
  }
}
.spotlight-package__featured-title a {
  color: #fff;
}
.spotlight-package__featured-byline,
.spotlight-package__featured-subtitle {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.spotlight-package__featured-byline .author {
  border-right: 1px solid #767676;
  margin-right: 8px;
  padding-right: 8px;
}
.spotlight-package__featured-others-label {
  color: #fff;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .spotlight-package__featured-others-label {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-others-label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 25px;
  }
}
.spotlight-package__featured-links {
  margin: 0;
  padding: 0;
}
.spotlight-package__featured-links li {
  list-style: none;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .spotlight-package__featured-links li {
    margin-bottom: 12px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package__featured-links li {
    margin-bottom: 15px;
  }
}
.spotlight-package__featured-links li a {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (min-width: 1280px) {
  .spotlight-package__featured-links li a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.spotlight-package__featured-links li:last-child {
  margin-bottom: 0;
}
.spotlight-package__featured-external-link {
  background: none;
  height: 11px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
}
.spotlight-package__featured-card-link {
  color: #fff;
  display: block;
  max-height: 100%;
  overflow: hidden;
}
.spotlight-package__featured-card-link img {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  -o-transition: -o-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease;
}
.spotlight-package__featured-card-link:focus img,
.spotlight-package__featured-card-link:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.spotlight-package__featured-no-image-link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  min-height: 400px;
  position: relative;
}
.spotlight-package[data-theme="black"] ::selection {
  background: #fff;
  color: #000;
}
.spotlight-package[data-theme="black"] ::-moz-selection {
  background: #fff;
  color: #000;
}
.spotlight-package[data-theme="black"] .spotlight-package__featured-no-image {
  background-color: #fff;
}
.spotlight-package[data-theme="black"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-eyebrow,
.spotlight-package[data-theme="black"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-title,
.spotlight-package[data-theme="black"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-title
  a {
  color: #151515;
}
.spotlight-package[data-theme="black"]
  + .article.white
  > .wrapper:first-child
  .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .spotlight-package[data-theme="black"]
    + .article.white
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package[data-theme="black"]
    + .article.white
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 80px;
  }
}
.spotlight-package[data-theme="white"] {
  background: #fff;
}
.spotlight-package[data-theme="white"] ::selection {
  background: #000;
  color: #fff;
}
.spotlight-package[data-theme="white"] ::-moz-selection {
  background: #000;
  color: #fff;
}
.spotlight-package[data-theme="white"] .spotlight-package__body-wrap-text,
.spotlight-package[data-theme="white"] .spotlight-package__featured-eyebrow,
.spotlight-package[data-theme="white"] .spotlight-package__featured-links li a,
.spotlight-package[data-theme="white"]
  .spotlight-package__featured-others-label,
.spotlight-package[data-theme="white"] .spotlight-package__featured-title,
.spotlight-package[data-theme="white"] .spotlight-package__featured-title a,
.spotlight-package[data-theme="white"] .spotlight-package__section-title {
  color: #151515;
}
.spotlight-package[data-theme="white"] .spotlight-package__featured-no-image {
  background-color: #000;
}
.spotlight-package[data-theme="white"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-eyebrow,
.spotlight-package[data-theme="white"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-title,
.spotlight-package[data-theme="white"]
  .spotlight-package__featured-no-image
  .spotlight-package__featured-title
  a {
  color: #fff;
}
.spotlight-package[data-theme="white"]
  + .article.black
  > .wrapper:first-child
  .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .spotlight-package[data-theme="white"]
    + .article.black
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .spotlight-package[data-theme="white"]
    + .article.black
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 80px;
  }
}
.spotlight-package:before {
  display: none;
}
.pathing-sentence {
  background-color: #fff;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.pathing-sentence ::selection {
  background: #000;
  color: #fff;
}
.pathing-sentence ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .pathing-sentence {
    margin-left: calc(-33.33333vw + -17.66667px);
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .pathing-sentence {
    margin-left: calc((var(--viewPortWidth) - 570px) / 16 * 5 * -1 + -210px);
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1920px) {
  .pathing-sentence {
    margin-left: calc(-571.875px + (var(--viewPortWidth) - 1800px) / 2 * -1);
    margin-right: calc((var(--viewPortWidth) - 1800px) / 2 * -1);
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.pathing-sentence__wrapper {
  color: #151515;
}
@media (min-width: 768px) {
  .pathing-sentence__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .pathing-sentence__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.pathing-sentence__wrapper .eyebrow {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pathing-sentence__wrapper .eyebrow {
    grid-column: 1 / span 3;
    margin-bottom: 0;
    margin-top: 6px;
  }
}
@media (min-width: 1280px) {
  .pathing-sentence__wrapper .eyebrow {
    grid-column: 1 / span 4;
    margin-top: 14px;
  }
}
@media (min-width: 768px) {
  .pathing-sentence__wrapper .sentence {
    grid-column: 4/-1;
  }
}
@media (min-width: 1280px) {
  .pathing-sentence__wrapper .sentence {
    grid-column: 5/-1;
  }
}
.pathing-sentence__wrapper .sentence p {
  font-family: Benton Sans Light, sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 48px;
  line-height: 3rem;
  margin: 0;
}
@media (min-width: 1280px) {
  .pathing-sentence__wrapper .sentence p {
    font-size: 64px;
    font-size: 4rem;
    line-height: 77px;
    line-height: 4.8125rem;
  }
}
.pathing-sentence__wrapper .sentence p a {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(currentColor),
    to(currentColor)
  );
  background-image: -webkit-linear-gradient(currentColor, currentColor);
  background-image: -o-linear-gradient(currentColor, currentColor);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: #151515;
}
.pathing-sentence__wrapper .sentence p a:focus,
.pathing-sentence__wrapper .sentence p a:hover {
  -webkit-animation: link-hover 0.5s ease-in-out;
  -o-animation: link-hover 0.5s ease-in-out;
  animation: link-hover 0.5s ease-in-out;
}
.pathing-sentence.black {
  background-color: #000;
}
.pathing-sentence.black ::selection {
  background: #fff;
  color: #000;
}
.pathing-sentence.black ::-moz-selection {
  background: #fff;
  color: #000;
}
.pathing-sentence.black .pathing-sentence__wrapper,
.pathing-sentence.black .pathing-sentence__wrapper .sentence p a {
  color: #fff;
}
@media (min-width: 768px) {
  .article .wrapper.switch .pathing-sentence {
    margin-left: -30px;
    margin-right: calc(-33.33333vw + -17.66667px);
  }
}
@media (min-width: 1280px) {
  .article .wrapper.switch .pathing-sentence {
    margin-left: -60px;
    margin-right: -431.875px;
  }
}
.careers-list {
  background-color: #000;
  max-width: none;
  position: relative;
  width: var(--viewPortWidth);
}
.careers-list ::selection {
  background: #fff;
  color: #000;
}
.careers-list ::-moz-selection {
  background: #fff;
  color: #000;
}
.careers-list__content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 50px;
  padding: 0 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .careers-list__content {
    padding: 0 30px;
  }
}
@media (min-width: 1280px) {
  .careers-list__content {
    padding: 0 60px;
  }
}
@media (min-width: 1920px) {
  .careers-list__content {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.careers-list__content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.careers-list .filter > .accordion {
  position: relative;
}
.careers-list .job {
  border-bottom: 1px solid #3a3a3a;
  color: #fff;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  font-family: Benton Sans Book, sans-serif;
  grid-template-areas: "t t t t t t" "d d d d d d" "l l l l l l" "c c c c c c";
  grid-template-columns: repeat(6, 1fr);
  padding: 30px 0;
}
@media (min-width: 768px) {
  .careers-list .job {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .careers-list .job {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 768px) {
  .careers-list .job {
    grid-template-areas: "t t t t t t t t t t c c" "d d d d d d d d d d c c" "l l l l l l l l l l c c";
  }
}
@media (min-width: 1280px) {
  .careers-list .job {
    grid-template-areas: "t t t t d d d d d d d d d d c c" ". . . . l l l l l l l l l l l l";
  }
}
.careers-list .job:first-child {
  padding: 0 0 30px;
}
.careers-list .job__type {
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  grid-area: t;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 12px;
  text-transform: capitalize;
}
@media (min-width: 1280px) {
  .careers-list .job__type {
    margin: 0;
  }
}
.careers-list .job__description {
  font-family: Benton Sans Book, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 400;
  grid-area: d;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 8px;
}
@media (min-width: 1280px) {
  .careers-list .job__description {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
.careers-list .job__location {
  color: #929292;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  grid-area: l;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .careers-list .job__location {
    margin: 0;
  }
}
.careers-list .job__cta {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  grid-area: c;
  line-height: 25px;
  line-height: 1.5625rem;
}
@media (min-width: 768px) {
  .careers-list .job__cta {
    font-size: 18px;
    font-size: 1.125rem;
    justify-self: flex-end;
    line-height: 28px;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .careers-list .job__cta {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
.careers-list .job__cta span {
  padding: 0 2px;
  position: relative;
}
.careers-list .job__cta span:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: 0;
}
.careers-list .job__cta__icon {
  background-color: #000;
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  height: 24px;
  margin-left: 8px;
  position: relative;
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 24px;
}
.careers-list .job__cta__icon svg {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.careers-list .job__cta__icon svg path {
  fill: #fff;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.careers-list .job__cta:hover span:before {
  width: 100%;
}
.careers-list .job__cta:hover .job__cta__icon {
  background-color: #fff;
  border: 1px solid #fff;
}
.careers-list .job__cta:hover .job__cta__icon svg path {
  fill: #000;
}
.careers-list .pagination {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .careers-list .pagination {
    padding-bottom: 60px;
    padding-bottom: 80px;
  }
}
.careers-list .pagination:before {
  content: none;
}
.careers-list + .article > .wrapper:first-child .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .careers-list + .article > .wrapper:first-child .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .careers-list + .article > .wrapper:first-child .content.aligned-top {
    padding-top: 80px;
  }
}
.careers-list .no-results {
  background-color: #000;
  color: #fff;
}
.careers-list .no-results__cta {
  border-bottom-color: #fff;
  color: #fff;
}
.content-type-results {
  background-color: #fff;
  max-width: none;
  position: relative;
  width: 100%;
}
.content-type-results[data-theme="black"] {
  background-color: #000;
}
.content-type-results__grid {
  grid-row-gap: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 30px 20px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .content-type-results__grid {
    padding: 0 30px;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid {
    padding: 0 60px;
  }
}
@media (min-width: 1920px) {
  .content-type-results__grid {
    padding: 0 calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
@media (min-width: 768px) {
  .content-type-results__grid {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.content-type-results__grid .content-type-results[data-theme="black"] {
  border-bottom: 1px solid #3a3a3a;
}
@media (min-width: 768px) {
  .content-type-results__grid {
    grid-row-gap: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
  }
  .content-type-results__grid:after {
    background-color: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    width: 2px;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid {
    grid-row-gap: 50px;
    padding: 50px 60px;
  }
}
@media (min-width: 1920px) {
  .content-type-results__grid {
    padding-left: calc((var(--viewPortWidth) - 1800px) / 2);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
  }
}
.content-type-results__grid > * {
  grid-column-end: span 6;
  height: 100%;
  position: relative;
  width: 100%;
}
.content-type-results__grid > :before {
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: unset;
  top: unset;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .content-type-results__grid > .landscape:before,
  .content-type-results__grid > :last-child:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .content-type-results__grid > * {
    grid-column-end: span 4;
  }
  .content-type-results__grid > :before {
    background-color: #e4e4e4;
    bottom: -10px;
  }
  .content-type-results__grid > :not(.landscape):before {
    background-color: #e4e4e4;
    bottom: unset;
    content: "";
    height: 100%;
    left: unset;
    position: absolute;
    right: -10px;
    top: 0;
    width: 1px;
  }
  .content-type-results__grid > .landscape {
    grid-column-end: span 6;
  }
  .content-type-results__grid > .landscape:last-child:before,
  .content-type-results__grid
    > .landscape:nth-last-child(2):not(:nth-child(2n)):before {
    display: none;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid > * {
    grid-column-end: span 4;
  }
  .content-type-results__grid > :before {
    background-color: #e4e4e4;
    bottom: -15px;
  }
  .content-type-results__grid > :not(.landscape):before {
    right: -15px;
  }
  .content-type-results__grid > .landscape {
    grid-column-end: span 8;
  }
}
@media (min-width: 768px) {
  .content-type-results__grid > :nth-child(3n):before {
    content: none;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid > :nth-child(3n):before {
    content: "";
  }
  .content-type-results__grid > :nth-child(4n):before {
    content: none;
  }
}
.content-type-results__grid > :last-child:before {
  content: none;
}
.content-type-results__grid[hidden] {
  display: none;
}
.content-type-results__grid.--is_landing ::selection {
  background: #000;
  color: #fff;
}
.content-type-results__grid.--is_landing ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 1280px) {
  .content-type-results__grid.--is_landing {
    grid-template-columns: repeat(15, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .content-type-results__grid.--is_landing > * {
    grid-column-end: span 3;
  }
}
@media (min-width: 768px) {
  .content-type-results__grid.--is_landing > :last-child:before,
  .content-type-results__grid.--is_landing > :nth-child(3n + 3):before {
    display: none;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid.--is_landing > * {
    grid-column-end: span 5;
  }
}
.content-type-results__grid.--is_landing .card-expertise {
  position: relative;
}
.content-type-results__grid.--is_landing .card-expertise:before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
  width: 100%;
}
.content-type-results__grid.--is_landing
  .card-expertise
  > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .content-type-results__grid[data-column="2"] > * {
    grid-column-end: span 6;
  }
}
@media (min-width: 1280px) {
  .content-type-results__grid[data-column="2"] > * {
    grid-column-end: span 8;
  }
  .content-type-results__grid[data-column="2"] > :nth-child(2n):before {
    content: none;
  }
}
.content-type-results__map {
  display: block;
}
.content-type-results .filter > .accordion {
  position: relative;
}
.content-type-results .pagination {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .content-type-results .pagination {
    padding-bottom: 60px;
    padding-bottom: 80px;
  }
}
.content-type-results[data-view="grid"] .content-type-results__map,
.content-type-results[data-view="map"] .content-type-results__grid {
  display: none;
}
@media (min-width: 768px) {
  .content-type-results.office .content-type-results__grid {
    row-gap: 30px;
  }
}
@media (min-width: 1280px) {
  .content-type-results.office .content-type-results__grid {
    row-gap: 0;
  }
}
.content-type-results.office .content-type-results__grid > :before {
  content: none;
}
@media (min-width: 768px) {
  .content-type-results.office .content-type-results__grid > * .card-office {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .content-type-results.office
    .content-type-results__grid
    > :last-child
    .card-office,
  .content-type-results.office
    .content-type-results__grid
    > :nth-last-child(2)
    .card-office {
    border-bottom: 0;
  }
}
.content-type-results.office .content-type-results__grid:after {
  content: none;
}
.content-type-results.office .view--map .map-container .info-box .time {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 12px;
}
@media (min-width: 1280px) {
  .content-type-results.office .view--map .map-container .info-box .time {
    margin-bottom: 20px;
  }
}
.content-type-results.office .view--map .map-container .info-box .time-content {
  color: #fff;
}
.content-type-results.office .view--map .map-container .info-box .address {
  margin-bottom: 0;
}
.content-type-results.office .view--map .map-container .info-box .tel {
  display: none;
}
.content-type-results.office .view--map .map-container .info-box .tel.display {
  color: #767676;
  display: block;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .content-type-results.office
    .view--map
    .map-container
    .info-box
    .tel.display {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
  .content-type-results.people-hub
    .content-type-results__grid
    .card-person[data-type="name_only"],
  .content-type-results.people-hub
    .content-type-results__grid
    .card-person[data-type="name_title"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
  }
}
.content-type-results:not(.office) .view--map .map-container .info-box .tel,
.content-type-results:not(.office) .view--map .map-container .info-box .time {
  display: none;
}
.content-type-results
  + .article:not(.white)
  > .wrapper:first-child
  .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .content-type-results
    + .article:not(.white)
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .content-type-results
    + .article:not(.white)
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 80px;
  }
}
.content-type-results .card ::selection {
  background: #000;
  color: #fff;
}
.content-type-results .card ::-moz-selection {
  background: #000;
  color: #fff;
}
.content-type-results .card .card__details-eyebrow,
.content-type-results .card .card__details-title a {
  color: #151515;
}
.content-type-results .card .card__details-byline .author {
  border-right-color: #e4e4e4;
}
.content-type-results .card.--no-image ::selection,
.content-type-results .card.card-publication ::selection {
  background: #fff;
  color: #000;
}
.content-type-results .card.--no-image ::-moz-selection,
.content-type-results .card.card-publication ::-moz-selection {
  background: #fff;
  color: #000;
}
@media (min-width: 768px) {
  .content-type-results .card.--no-image .card__wrapper,
  .content-type-results .card.card-publication .card__wrapper {
    position: relative;
  }
  .content-type-results .card.--no-image .card__wrapper:before,
  .content-type-results .card.card-publication .card__wrapper:before {
    content: "";
    display: block;
    padding-top: 133.3333333333%;
    width: 100%;
  }
  .content-type-results
    .card.--no-image
    .card__wrapper
    > :not(.card__image-title),
  .content-type-results
    .card.card-publication
    .card__wrapper
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.content-type-results .card.--no-image .wrapper-core,
.content-type-results .card.card-publication .wrapper-core {
  background-color: #000;
}
@media (min-width: 768px) {
  .content-type-results .card.--no-image .wrapper-core,
  .content-type-results .card.card-publication .wrapper-core {
    min-height: 0;
  }
}
.content-type-results .card.--no-image .card__details-eyebrow,
.content-type-results .card.--no-image .card__details-title a,
.content-type-results .card.card-publication .card__details-eyebrow,
.content-type-results .card.card-publication .card__details-title a {
  color: #fff;
}
.content-type-results .card.--no-image .card__details-title a:after,
.content-type-results .card.--no-image .card__details-title a:before,
.content-type-results .card.card-publication .card__details-title a:after,
.content-type-results .card.card-publication .card__details-title a:before {
  background-color: #fff;
}
.content-type-results .card.--no-image .card__details-byline .author,
.content-type-results .card.card-publication .card__details-byline .author {
  border-right-color: #3a3a3a;
}
.content-type-results .card-person .card__image {
  position: relative;
}
.content-type-results .card-person .card__image:before {
  content: "";
  display: block;
  padding-top: 75%;
  width: 100%;
}
.content-type-results .card-person .card__image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.content-type-results .card-person .card__image img {
  -o-object-position: top center;
  object-position: top center;
}
.view--map ::selection {
  background: #fff;
  color: #000;
}
.view--map ::-moz-selection {
  background: #fff;
  color: #000;
}
.view--map .map-container {
  background-color: #000;
  height: 691px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .view--map .map-container {
    height: 944px;
  }
}
@media (min-width: 1280px) {
  .view--map .map-container {
    height: auto;
    min-height: 620px;
    position: relative;
  }
  .view--map .map-container:before {
    content: "";
    display: block;
    padding-top: 48.4375%;
    width: 100%;
  }
  .view--map .map-container > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.view--map .map-container .map {
  height: 100%;
  width: 100%;
}
.view--map .map-container .zoom-controls {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 96px;
  position: absolute;
  right: 12px;
  width: 52px;
  z-index: 2;
}
@media (min-width: 768px) {
  .view--map .map-container .zoom-controls {
    bottom: 30px;
    right: 30px;
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .zoom-controls {
    bottom: 16px;
    left: auto;
    right: 16px;
    top: auto;
  }
}
.view--map .map-container .zoom-controls.moved {
  -webkit-transform: translateY(-186px);
  -o-transform: translateY(-186px);
  transform: translateY(-186px);
}
@media (min-width: 768px) {
  .view--map .map-container .zoom-controls.moved {
    -webkit-transform: translateY(-354px);
    -o-transform: translateY(-354px);
    transform: translateY(-354px);
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .zoom-controls.moved {
    -webkit-transform: translateX(-339px);
    -o-transform: translateX(-339px);
    transform: translateX(-339px);
  }
}
.view--map .map-container .zoom-controls .zoom-in,
.view--map .map-container .zoom-controls .zoom-out {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #000;
  border: 1px solid #3a3a3a;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  justify-content: center;
  padding: 0;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
}
.view--map .map-container .zoom-controls .zoom-in svg,
.view--map .map-container .zoom-controls .zoom-out svg {
  pointer-events: none;
}
.view--map .map-container .zoom-controls .zoom-in svg path,
.view--map .map-container .zoom-controls .zoom-in svg rect,
.view--map .map-container .zoom-controls .zoom-out svg path,
.view--map .map-container .zoom-controls .zoom-out svg rect {
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.view--map .map-container .zoom-controls .zoom-in:hover,
.view--map .map-container .zoom-controls .zoom-out:hover {
  background-color: #fff;
}
.view--map .map-container .zoom-controls .zoom-in:hover svg path,
.view--map .map-container .zoom-controls .zoom-in:hover svg rect,
.view--map .map-container .zoom-controls .zoom-out:hover svg path,
.view--map .map-container .zoom-controls .zoom-out:hover svg rect {
  fill: #000;
}
.view--map .map-container .zoom-controls .zoom-in[disabled],
.view--map .map-container .zoom-controls .zoom-out[disabled] {
  background-color: #3a3a3a;
  pointer-events: none;
}
.view--map .map-container .cluster > div {
  display: none;
}
.view--map .map-container .info-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  border: 1px solid #3a3a3a;
  bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 12px;
  min-height: 180px;
  padding: 7px;
  position: absolute;
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
  width: calc(100% - 24px);
}
@media (min-width: 768px) {
  .view--map .map-container .info-box {
    left: 30px;
    min-height: 343px;
    padding: 16px calc(8.33333vw - 3.33333px);
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    min-height: 100%;
    padding: 40px 30px;
    right: 0;
    top: auto;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    width: calc((var(--viewPortWidth) - 570px) / 16 * 3.5 + 150px);
  }
}
.view--map .map-container .info-box .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.33333vw - 6.66667px);
  flex: 0 0 calc(33.33333vw - 6.66667px);
  margin-right: calc(8.33333vw - 11.66667px);
}
@media (min-width: 768px) {
  .view--map .map-container .info-box .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33333vw - 13.33333px);
    flex: 0 0 calc(33.33333vw - 13.33333px);
    margin-right: calc(8.33333vw - 3.33333px);
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box .image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: auto;
    margin-bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
}
.view--map .map-container .info-box .image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.view--map .map-container .info-box .details {
  -webkit-box-flex: 1;
  color: #fff;
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box .details {
    width: 100%;
  }
}
.view--map .map-container .info-box .details .title {
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  margin: 0 56px 4px 0;
}
@media (min-width: 768px) {
  .view--map .map-container .info-box .details .title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 8px;
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box .details .title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.view--map .map-container .info-box .details .address {
  color: #767676;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .view--map .map-container .info-box .details .address {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box .details .address {
    margin-bottom: 16px;
  }
}
.view--map .map-container .info-box .details .link-text__icon svg {
  height: 8px;
  width: 10px;
}
.view--map .map-container .info-box .close-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #000;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 31px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 12px;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 31px;
}
@media (min-width: 768px) {
  .view--map .map-container .info-box .close-btn {
    top: 20px;
  }
}
@media (min-width: 1280px) {
  .view--map .map-container .info-box .close-btn {
    height: 24px;
    right: 30px;
    top: 8px;
    width: 24px;
  }
}
.view--map .map-container .info-box .close-btn svg {
  height: 8px;
  width: 8px;
}
.view--map .map-container .info-box .close-btn svg rect {
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.view--map .map-container .info-box .close-btn:focus,
.view--map .map-container .info-box .close-btn:hover {
  background-color: #fff;
}
.view--map .map-container .info-box .close-btn:focus svg rect,
.view--map .map-container .info-box .close-btn:hover svg rect {
  fill: #000;
}
.view--map .map-container .gm-style .gm-style-iw-c {
  background-color: #000;
  border: 1px solid #3a3a3a;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  z-index: 2;
}
.view--map .map-container .gm-style .gm-style-iw-c > .gm-style-iw-d {
  max-height: none !important;
  overflow: auto !important;
}
.view--map .map-container .gm-style .gm-style-iw-c > .gm-style-iw-d .content {
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  padding: 16px 17px;
}
.view--map .map-container .gm-style .gm-style-iw-c > button {
  display: none;
}
.view--map .map-container .gm-style .gm-style-iw-t:after {
  background: #000;
  border: 1px solid #3a3a3a;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 12px;
  width: 12px;
}
.view--map .map-container .gm-style div[role="dialog"] button[title="Close"] {
  display: none !important;
}
.lightbox {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.lightbox ::selection {
  background: #fff;
  color: #000;
}
.lightbox ::-moz-selection {
  background: #fff;
  color: #000;
}
.lightbox__logo {
  height: 30px;
  left: 20px;
  position: absolute;
  top: 27px;
  width: 85px;
  z-index: 1;
}
@media (min-width: 768px) {
  .lightbox__logo {
    height: 34px;
    left: 30px;
    top: 30px;
    width: 100px;
  }
}
@media (min-width: 1280px) {
  .lightbox__logo {
    height: 30px;
    left: 60px;
    top: 40px;
    width: 85px;
  }
}
.lightbox__logo img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.lightbox__close {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  height: 48px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: background-color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
  width: 48px;
  z-index: 1;
}
@media (min-width: 768px) {
  .lightbox__close {
    height: 60px;
    right: 30px;
    width: 60px;
  }
}
@media (min-width: 1280px) {
  .lightbox__close {
    right: 20px;
  }
}
.lightbox__close svg {
  fill: #fff;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
}
@media (min-width: 768px) {
  .lightbox__close svg {
    height: 17px;
    width: 17px;
  }
}
.lightbox__close:hover {
  background-color: #fff;
}
.lightbox__close:hover rect,
.lightbox__close:hover svg {
  fill: #000;
}
.lightbox__container.container {
  height: 100%;
  width: 100%;
}
.lightbox__wrapper.wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 93px);
  margin: 93px 0 0;
}
@media (min-width: 768px) {
  .lightbox__wrapper.wrapper {
    height: calc(100% - 103px);
    margin-top: 103px;
  }
}
@media (min-width: 1280px) {
  .lightbox__wrapper.wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: row;
    flex-direction: row;
    height: calc(100% - 163px);
    justify-content: space-between;
    margin-bottom: 60px;
    margin-left: 60px;
    margin-right: 60px;
    max-width: none;
  }
}
.lightbox__images {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .lightbox__images {
    margin: 0 30px;
    width: calc(100% - 60px);
  }
}
@media (min-width: 1280px) {
  .lightbox__images {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 12 + 330px);
    flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 12 + 330px);
    height: 100%;
    margin: 0;
    width: auto;
  }
}
.lightbox__images-track {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lightbox__image {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: none;
  -ms-flex: 0 0 100vw;
  flex: 0 0 100vw;
  height: 100%;
  justify-content: center;
}
@media (min-width: 1280px) {
  .lightbox__image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.lightbox__image.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lightbox__image--landscape img,
.lightbox__image--square img {
  display: block;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.lightbox__image--portrait img {
  display: block;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.lightbox__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 20px 30px;
}
@media (min-width: 768px) {
  .lightbox__controls {
    padding: 10px 30px 90px;
  }
}
@media (min-width: 1280px) {
  .lightbox__controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 4 + 90px);
    flex: 0 0 calc((var(--viewPortWidth) - 570px) / 16 * 4 + 90px);
    padding: 0;
  }
}
.lightbox__pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Benton Sans Light, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  font-weight: 400;
  height: 40px;
  line-height: 30px;
  line-height: 1.875rem;
  visibility: hidden;
}
@media (min-width: 768px) {
  .lightbox__pagination {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
  }
}
@media (min-width: 1280px) {
  .lightbox__pagination {
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}
.lightbox__pagination.is-visible {
  visibility: visible;
}
.lightbox__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-left: auto;
  visibility: hidden;
}
.lightbox__buttons.is-visible {
  visibility: visible;
}
.lightbox__button {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  height: 40px;
  position: relative;
  -webkit-transition: background-color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
  width: 40px;
}
.lightbox__button svg {
  fill: #fff;
  height: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: fill 0.35s ease-in-out;
  -o-transition: fill 0.35s ease-in-out;
  transition: fill 0.35s ease-in-out;
  width: 14px;
}
.lightbox__button:not(:first-child) {
  margin-left: 8px;
}
.lightbox__button[disabled] {
  opacity: 0.5;
}
.lightbox__button:not(:disabled):hover {
  background-color: #fff;
}
.lightbox__button:not(:disabled):hover svg {
  fill: #000;
}
.lightbox__captions {
  -webkit-box-flex: 1;
  -ms-flex-item-align: start;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  align-self: flex-start;
  color: #fff;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  font-family: Benton Sans Book, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  line-height: 0.875rem;
  margin-top: 8px;
  order: 1;
}
@media (min-width: 768px) {
  .lightbox__captions {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19px;
    line-height: 1.1875rem;
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .lightbox__captions {
    margin-top: 30px;
  }
}
.lightbox__caption {
  display: none;
}
.lightbox.is-open,
.lightbox__caption.active {
  display: block;
}
.lightbox-button {
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}
.lightbox-button,
.lightbox-button__icon {
  background-color: transparent;
  display: block;
}
.lightbox-button__icon {
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  height: 32px;
  -webkit-transition: background-color 0.35s ease-in-out;
  -o-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
  width: 32px;
}
@media (min-width: 1280px) {
  .lightbox-button__icon {
    height: 40px;
    width: 40px;
  }
}
.lightbox-button__icon span {
  bottom: 0;
  color: #fff;
  display: block;
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
}
@media (min-width: 1280px) {
  .lightbox-button__icon span {
    height: 16px;
    width: 16px;
  }
}
.lightbox-button__icon span:after,
.lightbox-button__icon span:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: 2px;
}
.lightbox-button__icon span:after {
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.lightbox-button:focus .lightbox-button__icon,
.lightbox-button:hover .lightbox-button__icon {
  background: #fff;
}
.lightbox-button:focus .lightbox-button__icon span,
.lightbox-button:hover .lightbox-button__icon span {
  color: #000;
}
.lightbox-button__wrapper {
  height: 100%;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  width: 100%;
}
.lightbox-button__wrapper:focus-within,
.lightbox-button__wrapper:hover {
  opacity: 1;
}
@media (hover: none) and (pointer: coarse) {
  .lightbox-button__wrapper {
    opacity: 1;
  }
}
.lightbox-button__wrapper:before {
  background: -webkit-linear-gradient(
    262.69deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  background: -o-linear-gradient(
    262.69deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  background: linear-gradient(
    187.31deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lightbox-button__wrapper:after {
  background: -webkit-linear-gradient(
    81deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  background: -o-linear-gradient(
    81deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  background: linear-gradient(
    9deg,
    rgba(0, 0, 0, 0.3) 1.91%,
    transparent 61.14%
  );
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}
.chaptering {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.32s ease-in-out;
  transition: -webkit-transform 0.32s ease-in-out;
  -o-transition: -o-transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out, -webkit-transform 0.32s ease-in-out,
    -o-transform 0.32s ease-in-out;
  width: 100%;
  z-index: 3;
}
.chaptering.show {
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media (min-width: 768px) {
  .chaptering {
    background-color: #000;
    border-bottom: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a;
    bottom: auto;
    color: #fff;
    left: auto;
    position: sticky;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: top 0.32s ease-in-out;
    -o-transition: top 0.32s ease-in-out;
    transition: top 0.32s ease-in-out;
    z-index: 4;
  }
  .chaptering ::selection {
    background: #fff;
    color: #000;
  }
  .chaptering ::-moz-selection {
    background: #fff;
    color: #000;
  }
}
.chaptering__wrapper {
  padding: 21px 20px;
}
@media (min-width: 768px) {
  .chaptering__wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 30px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .chaptering__wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    margin: 0 60px;
  }
}
@media (min-width: 1920px) {
  .chaptering__wrapper {
    margin: 0 auto;
    max-width: 1800px;
  }
}
.chaptering__back-container {
  display: none;
}
@media (min-width: 768px) {
  .chaptering__back-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1 / span 3;
    width: calc(100% + 20px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
  }
}
@media (min-width: 1280px) {
  .chaptering__back-container {
    grid-column: 1 / span 4;
    width: calc(100% + 30px);
  }
}
.chaptering__back-container button {
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: -0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  opacity: 1;
  padding: 0;
  pointer-events: all;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
}
.chaptering__back-container button,
.chaptering__back-container button .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}
.chaptering__back-container button .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-right: 8px;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 24px;
}
.chaptering__back-container button .icon svg {
  width: 8.89px;
}
.chaptering__back-container button .icon svg path {
  fill: #fff;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.chaptering__back-container button:focus .icon,
.chaptering__back-container button:hover .icon {
  background-color: #fff;
}
.chaptering__back-container button:focus .icon svg path,
.chaptering__back-container button:hover .icon svg path {
  fill: #000;
}
.chaptering__back-container button[inert] {
  opacity: 0;
  pointer-events: none;
}
.chaptering__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .chaptering__main {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-left: 1px solid #3a3a3a;
    grid-column: 5/-1;
    justify-content: flex-start;
    margin-left: calc(-21px + (var(--viewPortWidth) - 280px) / 12 * 0.5 * -1);
    padding-bottom: 20px;
    padding-left: calc(20px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
    padding-top: 22px;
    position: relative;
    width: calc(100% + 21px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
  }
}
@media (min-width: 1280px) {
  .chaptering__main {
    margin-left: -16px;
    padding-bottom: 23px;
    padding-left: calc(var(--viewPortWidth) / 16 + 9.375px);
    padding-top: 23px;
    width: calc(100% + 16px);
  }
}
@media (min-width: 1920px) {
  .chaptering__main {
    padding-left: 129.375px;
  }
}
.chaptering__main .chapter__container {
  height: 19px;
  max-width: 85%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .chaptering__main .chapter__container {
    margin-right: 8px;
    max-width: 50%;
  }
}
.chaptering__main .chapter__track {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-transition: -webkit-transform 0.32s ease-in-out;
  transition: -webkit-transform 0.32s ease-in-out;
  -o-transition: -o-transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out;
  transition: transform 0.32s ease-in-out, -webkit-transform 0.32s ease-in-out,
    -o-transform 0.32s ease-in-out;
}
.chaptering__main .chapter__item {
  color: #151515;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  height: 19px;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .chaptering__main .chapter__item {
    color: #fff;
  }
}
.chaptering__main .chapters-toggle {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 89%, 0.2);
  border-radius: 100%;
  height: 31px;
  margin-left: auto;
  padding: 0;
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  width: 31px;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-toggle {
    height: 24px;
    margin-left: 0;
    width: 24px;
  }
}
.chaptering__main .chapters-toggle div {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.chaptering__main .chapters-toggle div .icon-plus {
  height: 15.5px;
  width: 15.5px;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-toggle div .icon-plus {
    display: none;
  }
}
.chaptering__main .chapters-toggle div .icon-plus path {
  fill: #000;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.chaptering__main .chapters-toggle div .icon-chevron-down {
  display: none;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-toggle div .icon-chevron-down {
    display: block;
    width: 11.38px;
  }
}
.chaptering__main .chapters-toggle div .icon-chevron-down path {
  stroke: #fff;
}
.chaptering__main .chapters-toggle:hover {
  background-color: #000;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-toggle:hover {
    background-color: #fff;
  }
}
.chaptering__main .chapters-toggle:hover div .icon-plus path {
  fill: #fff;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-toggle:hover div .icon-chevron-down path {
    stroke: #000;
  }
}
.chaptering__main .chapters-dropdown {
  background-color: #000;
  height: calc(100vh - 73px);
  left: 0;
  padding: 0 20px;
  position: absolute;
  top: 73px;
  width: 100%;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-dropdown {
    border-bottom: 0 solid #3a3a3a;
    border-left: 1px solid #3a3a3a;
    height: 0;
    left: -1px;
    overflow: hidden;
    padding-left: calc(20px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
    padding-right: 30px;
    top: 67px;
    width: calc(100% + 31px);
  }
}
@media (min-width: 1280px) {
  .chaptering__main .chapters-dropdown {
    padding-left: calc((var(--viewPortWidth) - 570px) / 16 * 1 + 45px);
    padding-right: 60px;
    top: 71px;
    width: calc(100% + 60px);
  }
}
@media (min-width: 1920px) {
  .chaptering__main .chapters-dropdown {
    padding-left: calc(129.375px + (var(--viewPortWidth) - 1800px) / 2 * 0);
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
    width: calc(100% + (var(--viewPortWidth) - 1800px) / 2);
  }
}
.chaptering__main .chapters-dropdown:after {
  background: -webkit-linear-gradient(
    269.77deg,
    #000 7.86%,
    transparent 79.05%
  );
  background: -o-linear-gradient(269.77deg, #000 7.86%, transparent 79.05%);
  background: linear-gradient(180.23deg, #000 7.86%, transparent 79.05%);
  bottom: 0;
  content: "";
  height: 137px;
  left: 0;
  position: absolute;
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
  -o-transform: matrix(1, 0, 0, -1, 0, 0);
  transform: matrix(1, 0, 0, -1, 0, 0);
  width: 100%;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-dropdown:after {
    content: none;
  }
}
.chaptering__main .chapters-dropdown .chapter-listing {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  max-height: 100%;
  overflow: auto;
  padding: 40px 0;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-dropdown .chapter-listing {
    max-height: none;
    overflow: visible;
  }
}
@media (min-width: 1280px) {
  .chaptering__main .chapters-dropdown .chapter-listing {
    padding: 30px 0;
  }
}
.chaptering__main .chapters-dropdown .chapter-listing__item {
  margin-bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-dropdown .chapter-listing__item {
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .chaptering__main .chapters-dropdown .chapter-listing__item {
    margin-bottom: 20px;
  }
}
.chaptering__main .chapters-dropdown .chapter-listing__item:last-child {
  margin-bottom: 0;
}
.chaptering__main .chapters-dropdown .chapter-listing__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .chaptering__main .chapters-dropdown .chapter-listing__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
  }
}
.chaptering__main
  .chapters-dropdown
  .chapter-listing__container
  .chapter-toggle {
  background-color: transparent;
  color: #fff;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .chaptering__main
    .chapters-dropdown
    .chapter-listing__container
    .chapter-toggle {
    letter-spacing: -0.01em;
    max-width: 70%;
  }
}
@media (min-width: 1280px) {
  .chaptering__main
    .chapters-dropdown
    .chapter-listing__container
    .chapter-toggle {
    letter-spacing: 0.01em;
    max-width: 80%;
  }
}
.chaptering__main
  .chapters-dropdown
  .chapter-listing__container
  .chapter-toggle.is-active {
  font-family: Benton Sans Bold, sans-serif;
  font-weight: 700;
}
.chaptering__main .deep-dive-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: Benton Sans Book, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
  margin-top: 11.7px;
  padding: 0;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
}
@media (min-width: 768px) {
  .chaptering__main .deep-dive-toggle {
    letter-spacing: -0.01em;
    margin-top: 0;
  }
}
.chaptering__main .deep-dive-toggle .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-left: 4px;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 24px;
}
@media (min-width: 768px) {
  .chaptering__main .deep-dive-toggle .icon {
    margin-left: 8px;
  }
}
.chaptering__main .deep-dive-toggle .icon svg {
  width: 8.89px;
}
.chaptering__main .deep-dive-toggle .icon svg path {
  fill: #fff;
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.chaptering__main .deep-dive-toggle:focus .icon,
.chaptering__main .deep-dive-toggle:hover .icon {
  background-color: #fff;
}
.chaptering__main .deep-dive-toggle:focus .icon svg path,
.chaptering__main .deep-dive-toggle:hover .icon svg path {
  fill: #000;
}
.chaptering__main .deep-dive-toggle[inert] {
  opacity: 0;
  pointer-events: none;
}
.chaptering__main .deep-dive-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
  margin-left: auto;
  -webkit-transition: opacity 0.32s ease-in-out;
  -o-transition: opacity 0.32s ease-in-out;
  transition: opacity 0.32s ease-in-out;
}
@media (min-width: 768px) {
  .chaptering__main .deep-dive-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .chaptering__main .deep-dive-container .deep-dive-toggle {
    margin-top: 0;
  }
}
.chaptering__main .deep-dive-container[inert] {
  opacity: 0;
  pointer-events: none;
}
.chaptering
  + .chaptering-checkpoint
  + .article
  > .wrapper:first-child
  .content.aligned-top {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .chaptering
    + .chaptering-checkpoint
    + .article
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .chaptering
    + .chaptering-checkpoint
    + .article
    > .wrapper:first-child
    .content.aligned-top {
    padding-top: 80px;
  }
}
.contact-us {
  padding-bottom: 50px;
  padding-top: 50px;
}
.contact-us ::selection {
  background: #000;
  color: #fff;
}
.contact-us ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .contact-us {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (min-width: 1280px) {
  .contact-us {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.contact-us__content-form {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .contact-us__content-form {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.contact-us__content-form.is-hidden {
  display: none;
}
.contact-us__content-form-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.contact-us__content-form-details-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .contact-us__content-form-details-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-details-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.contact-us__content-form-details-message {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 25px;
  line-height: 1.5625rem;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .contact-us__content-form-details-message {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-details-message {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-bottom: 0;
  }
}
.contact-us__content-form-details-image {
  display: none;
  margin-left: -20px;
  min-height: 271px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 40px);
}
.contact-us__content-form-details-image:before {
  content: "";
  display: block;
  padding-top: 72.2666666667%;
  width: 100%;
}
.contact-us__content-form-details-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .contact-us__content-form-details-image {
    display: block;
    margin-left: 0;
    min-height: 340px;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  .contact-us__content-form-details-image:before {
    content: "";
    display: block;
    padding-top: 44.2708333333%;
    width: 100%;
  }
  .contact-us__content-form-details-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-details-image {
    display: block;
    margin-left: 0;
    min-height: 401px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-form-details-image:before {
    content: "";
    display: block;
    padding-top: 31.328125%;
    width: 100%;
  }
  .contact-us__content-form-details-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.contact-us__content-form-details-image picture {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.contact-us__content-form-details-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-us__content-form-details-image img {
    height: calc(100% + 40px);
    margin-left: -30px;
    width: calc(100% + 30px);
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-details-image img {
    height: calc(100% + 50px);
    margin-left: 0;
    width: 100%;
  }
}
.contact-us__content-form-wrap-image {
  margin-left: -20px;
  margin-top: 40px;
  min-height: 271px;
  overflow: visible;
  position: relative;
  width: calc(100% + 40px);
}
.contact-us__content-form-wrap-image:before {
  content: "";
  display: block;
  padding-top: 72.2666666667%;
  width: 100%;
}
.contact-us__content-form-wrap-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .contact-us__content-form-wrap-image {
    display: none;
    margin-left: 0;
    margin-top: 0;
    min-height: 340px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-form-wrap-image:before {
    content: "";
    display: block;
    padding-top: 44.2708333333%;
    width: 100%;
  }
  .contact-us__content-form-wrap-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-wrap-image {
    display: none;
    margin-left: 0;
    margin-top: 0;
    min-height: 401px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-form-wrap-image:before {
    content: "";
    display: block;
    padding-top: 31.328125%;
    width: 100%;
  }
  .contact-us__content-form-wrap-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.contact-us__content-form-wrap-image picture {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.contact-us__content-form-wrap-image img {
  height: 100%;
  height: calc(100% + 50px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.contact-us__content-form-wrap-message {
  color: #fff;
  display: none;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 25px;
  line-height: 1.5625rem;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .contact-us__content-form-wrap-message {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-form-wrap-message {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 40px;
  }
}
.contact-us__content-form-custom-select {
  display: none;
}
.contact-us__content-thank-you {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  display: none !important;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .contact-us__content-thank-you {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.contact-us__content-thank-you.is-visible {
  display: grid !important;
}
.contact-us__content-thank-you-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.contact-us__content-thank-you-details-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 40px;
  }
}
.contact-us__content-thank-you-details-info {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 25px;
  line-height: 1.5625rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-info {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-info {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.contact-us__content-thank-you-details-info button {
  background-color: transparent;
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  height: 32px;
  margin-left: 8px;
  padding: 0;
  width: 32px;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-info button {
    height: 24px;
    width: 24px;
  }
}
.contact-us__content-thank-you-details-info button svg {
  fill: #fff;
}
.contact-us__content-thank-you-details-send-another button {
  font-family: Benton Sans Light, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 25px;
  line-height: 1.5625rem;
  padding: 0;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-send-another button {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-send-another button {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 29px;
    line-height: 1.8125rem;
  }
}
.contact-us__content-thank-you-details-image {
  display: none;
  margin-left: -20px;
  min-height: 341px;
  overflow: hidden;
  position: relative;
  width: calc(100% + 40px);
}
.contact-us__content-thank-you-details-image:before {
  content: "";
  display: block;
  padding-top: 90.9333333333%;
  width: 100%;
}
.contact-us__content-thank-you-details-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-image {
    display: block;
    margin-left: -30px;
    min-height: 463px;
    overflow: visible;
    position: relative;
    width: calc(100% + 30px);
  }
  .contact-us__content-thank-you-details-image:before {
    content: "";
    display: block;
    padding-top: 60.2864583333%;
    width: 100%;
  }
  .contact-us__content-thank-you-details-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-image {
    display: block;
    margin-left: 0;
    min-height: 495px;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  .contact-us__content-thank-you-details-image:before {
    content: "";
    display: block;
    padding-top: 38.671875%;
    width: 100%;
  }
  .contact-us__content-thank-you-details-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.contact-us__content-thank-you-details-image picture {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.contact-us__content-thank-you-details-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-image img {
    height: calc(100% + 40px);
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-image img {
    height: calc(100% + 50px);
  }
}
.contact-us__content-thank-you-details-right-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-right-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 34px;
    line-height: 2.125rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-right-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 40px;
  }
}
.contact-us__content-thank-you-details-right-image {
  display: block;
  margin-left: -20px;
  margin-top: 40px;
  min-height: 341px;
  overflow: visible;
  position: relative;
  width: calc(100% + 40px);
}
.contact-us__content-thank-you-details-right-image:before {
  content: "";
  display: block;
  padding-top: 90.9333333333%;
  width: 100%;
}
.contact-us__content-thank-you-details-right-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-details-right-image {
    display: none;
    margin-left: 0;
    min-height: 463px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-thank-you-details-right-image:before {
    content: "";
    display: block;
    padding-top: 60.2864583333%;
    width: 100%;
  }
  .contact-us__content-thank-you-details-right-image
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-details-right-image {
    display: none;
    margin-left: 0;
    min-height: 495px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-thank-you-details-right-image:before {
    content: "";
    display: block;
    padding-top: 38.671875%;
    width: 100%;
  }
  .contact-us__content-thank-you-details-right-image
    > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.contact-us__content-thank-you-details-right-image picture {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.contact-us__content-thank-you-details-right-image img {
  height: 100%;
  height: calc(100% + 50px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
.contact-us__content-thank-you-image {
  margin-left: -20px;
  margin-top: 30px;
  min-height: 341px;
  overflow: visible;
  position: relative;
  width: calc(100% + 40px);
}
.contact-us__content-thank-you-image:before {
  content: "";
  display: block;
  padding-top: 90.9333333333%;
  width: 100%;
}
.contact-us__content-thank-you-image > :not(.card__image-title) {
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-image {
    margin-left: 0;
    margin-top: 0;
    min-height: 463px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-thank-you-image:before {
    content: "";
    display: block;
    padding-top: 60.2864583333%;
    width: 100%;
  }
  .contact-us__content-thank-you-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-image {
    min-height: 495px;
    position: relative;
    width: 100%;
  }
  .contact-us__content-thank-you-image:before {
    content: "";
    display: block;
    padding-top: 38.671875%;
    width: 100%;
  }
  .contact-us__content-thank-you-image > :not(.card__image-title) {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
}
.contact-us__content-thank-you-image picture {
  height: 100%;
  overflow: visible;
  width: 100%;
}
.contact-us__content-thank-you-image img {
  height: 100%;
  height: calc(100% + 50px);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-us__content-thank-you-image img {
    height: calc(100% + 81px);
    margin-top: -41px;
    width: calc(100% + 30px);
  }
}
@media (min-width: 1280px) {
  .contact-us__content-thank-you-image img {
    height: calc(100% + 101px);
    margin-top: -51px;
    width: calc(100% + 60px);
  }
}
.contact-us__content-left {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .contact-us__content-left {
    grid-column: 1 / span 4;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-left {
    grid-column: 1 / span 6;
  }
}
.contact-us__content-right {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .contact-us__content-right {
    grid-column: 5 / span 8;
  }
}
@media (min-width: 1280px) {
  .contact-us__content-right {
    grid-column: 9 / span 8;
  }
}
.contact-us[data-theme="black"] {
  background: #000;
  border-top: 1px solid #3a3a3a;
}
.contact-us[data-theme="black"] ::selection {
  background: #fff;
  color: #000;
}
.contact-us[data-theme="black"] ::-moz-selection {
  background: #fff;
  color: #000;
}
.contact-us[data-theme="black"] .contact-us__content-form-details-message,
.contact-us[data-theme="black"] .contact-us__content-form-details-title,
.contact-us[data-theme="black"] .contact-us__content-thank-you-details-info,
.contact-us[data-theme="black"]
  .contact-us__content-thank-you-details-send-another,
.contact-us[data-theme="black"] .contact-us__content-thank-you-details-title {
  color: #fff;
}
.contact-us[data-theme="white"] {
  background: #fff;
  border-top: 1px solid #e4e4e4;
}
.contact-us[data-theme="white"] .contact-us__content-form-details-message,
.contact-us[data-theme="white"] .contact-us__content-form-details-title,
.contact-us[data-theme="white"] .contact-us__content-form-wrap-message,
.contact-us[data-theme="white"] .contact-us__content-thank-you-details-info,
.contact-us[data-theme="white"]
  .contact-us__content-thank-you-details-right-title,
.contact-us[data-theme="white"]
  .contact-us__content-thank-you-details-send-another,
.contact-us[data-theme="white"] .contact-us__content-thank-you-details-title {
  color: #151515;
}
.contact-us:before {
  display: none;
}
.newsletter {
  padding-bottom: 50px;
  padding-top: 50px;
}
.newsletter ::selection {
  background: #000;
  color: #fff;
}
.newsletter ::-moz-selection {
  background: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .newsletter {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (min-width: 1280px) {
  .newsletter {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.newsletter__content-form {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .newsletter__content-form {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .newsletter__content-form {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.newsletter__content-form-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.newsletter__content-form-details-title {
  color: #fff;
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .newsletter__content-form-details-title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 35px;
    line-height: 2.1875rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-form-details-title {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 48px;
    line-height: 3rem;
  }
}
.newsletter__content-form-wrap {
  width: 100%;
}
.newsletter__content-form-wrap .email-wrap .nf-field-label {
  display: block !important;
}
.newsletter__content-form-wrap .email-wrap .nf-field-label label {
  color: #fff;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 19px;
  line-height: 1.1875rem;
  margin: 0;
}
.newsletter__content-form-wrap .email-wrap .nf-field-element {
  position: relative;
}
.newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  input[type="email"] {
  height: 41px !important;
}
@media (min-width: 768px) {
  .newsletter__content-form-wrap
    .email-wrap
    .nf-field-element
    input[type="email"] {
    height: 43px !important;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-form-wrap
    .email-wrap
    .nf-field-element
    input[type="email"] {
    height: 45px !important;
  }
}
.newsletter__content-form-wrap .email-wrap .nf-field-element .nf-custom-submit {
  background: none;
  border: none;
  color: #000;
  position: absolute;
  right: 0;
  top: -1px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  z-index: 2;
}
@media (min-width: 768px) {
  .newsletter__content-form-wrap
    .email-wrap
    .nf-field-element
    .nf-custom-submit {
    top: 4px;
  }
}
.newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit
  .link-text__icon {
  color: #fff;
}
.newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit.is-processing {
  background: transparent
    url(/wp-content/themes/som-com/dist/images/rolling-light-grey_120da85bf1dafcbba2c8e9564b3af111.gif)
    no-repeat 50%;
  background-size: 24px;
}
.newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit.is-processing
  .link-text__icon {
  visibility: hidden;
}
.newsletter__content-form-wrap .email-wrap.is-submitted .nf-field-label {
  display: none !important;
}
.newsletter__content-form-wrap
  .email-wrap.is-submitted
  .nf-field-element:before {
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACFSURBVHgBvY9BDYAwDEW/hElAwiQgZRJwABJwAA6QMAmTMAlIGF3okoYMlvXAS3pp09dfQElKacgFLSyIVB4ahOBUJaElIwQWvbAgpJsRlXi+FY3mBwtcbVh+jG8i6m8smL6uWP4zi8xjNrNgQQshCkXUJRAix0tBJaiIMiu05OtUO/7kAggNxuyxmuCgAAAAAElFTkSuQmCC)
    no-repeat 50%;
  border: 1px solid #3a3a3a;
  border-radius: 50%;
  content: "";
  height: 36px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 36px;
}
@media (min-width: 768px) {
  .newsletter__content-form-wrap
    .email-wrap.is-submitted
    .nf-field-element:before {
    top: 4px;
  }
}
.newsletter__content-form-wrap
  .email-wrap.is-submitted
  .nf-field-element
  .nf-custom-submit:before,
.newsletter__content-form-wrap .submit-wrap {
  display: none;
}
.newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-label {
  display: block;
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .newsletter__content-form-wrap
    .nf-form-cont
    .nf-form-content
    .nf-field-container
    .email-wrap
    .nf-field-label {
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-form-wrap
    .nf-form-cont
    .nf-form-content
    .nf-field-container
    .email-wrap
    .nf-field-label {
    margin-bottom: 30px !important;
  }
}
.newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-label
  label {
  color: #fff;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 29px;
  line-height: 1.8125rem;
  margin: 0;
}
.newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-element
  input:focus {
  outline: auto;
}
.newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-element
  input:focus:not(:focus-visible) {
  outline: none;
}
.newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-element
  input:focus-visible {
  outline: 1px auto -webkit-focus-ring-color;
}
.newsletter__content-form-wrap-thank-you {
  display: none;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .newsletter__content-form-wrap-thank-you {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-form-wrap-thank-you {
    margin-bottom: 30px;
  }
}
.newsletter__content-form-wrap-thank-you-message {
  color: #fff;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 17px;
  line-height: 1.0625rem;
  margin: 0;
}
.newsletter__content-form-wrap-desc {
  margin-bottom: 8px;
}
.newsletter__content-form-wrap-desc-copy {
  color: #fff;
  display: none;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 19px;
  line-height: 1.1875rem;
  margin: 0;
}
.newsletter__content-form-wrap form,
.newsletter__content-form-wrap form .nf-mp-body .nf-row .nf-field-container {
  margin-bottom: 0;
}
.newsletter__content-form-wrap
  form
  .nf-mp-body
  .nf-row
  .nf-field-container
  .nf-error-msg {
  margin-bottom: 0 !important;
}
.newsletter__content-form-wrap .btn-custom-submit .link-text__icon {
  height: 36px;
  width: 36px;
}
.newsletter__content-form-wrap
  .btn-custom-submit
  .link-text__icon
  .arrow-right {
  height: 11px;
  width: 13.5px;
}
.newsletter__content-left {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .newsletter__content-left {
    grid-column: 1 / span 4;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-left {
    grid-column: 1 / span 5;
  }
}
.newsletter__content-right {
  grid-column: 1 / span 6;
}
@media (min-width: 768px) {
  .newsletter__content-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 5 / span 8;
  }
}
@media (min-width: 1280px) {
  .newsletter__content-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 9 / span 8;
  }
}
.newsletter[data-theme="black"] {
  background: #000;
  border-bottom: 1px solid #3a3a3a;
  border-top: 1px solid #3a3a3a;
}
.newsletter[data-theme="black"] ::selection {
  background: #fff;
  color: #000;
}
.newsletter[data-theme="black"] ::-moz-selection {
  background: #fff;
  color: #000;
}
.newsletter[data-theme="black"] .newsletter__content-form-details-message,
.newsletter[data-theme="black"] .newsletter__content-form-details-title,
.newsletter[data-theme="black"] .newsletter__content-form-wrap-desc-copy,
.newsletter[data-theme="black"]
  .newsletter__content-form-wrap-thank-you-message {
  color: #fff;
}
.newsletter[data-theme="white"] {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}
.newsletter[data-theme="white"] .newsletter__content-form-details-message,
.newsletter[data-theme="white"] .newsletter__content-form-details-title {
  color: #3a3a3a;
}
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit,
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit
  .link-text__icon {
  color: #fff;
}
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  .nf-custom-submit.is-processing {
  background: transparent
    url(/wp-content/themes/som-com/dist/images/rolling-dark-middle-grey_67720b0f8720a65b3ac11437a2d241a6.gif)
    no-repeat 50%;
  background-size: 24px;
}
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .email-wrap
  .nf-field-element
  input[type="email"]:disabled {
  color: #3a3a3a;
  opacity: 0.4;
}
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .email-wrap.is-submitted
  .nf-field-element:before {
  background: transparent
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACISURBVHgBvY9BDYAwDEU/wQASJgEJSOHIEQcgAQdIQAIShgOCgkmALnTJsgwYJeEl77KmLx0gR7GfAis5Q4jigIHwksILlBBgA5rcyQqR82Y8nzZxoI4NFc4TV1yHRg60uMH+z3CoCGYdB3ok4ELaC70KOGpe0tJAGLIOKQt55G0hM3IjG/zFAQUgIJHXl0ssAAAAAElFTkSuQmCC)
    no-repeat 50%;
}
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap
  .nf-form-cont
  .nf-form-content
  .nf-field-container
  .email-wrap
  .nf-field-label
  label,
.newsletter[data-theme="white"] .newsletter__content-form-wrap-desc-copy,
.newsletter[data-theme="white"]
  .newsletter__content-form-wrap-thank-you-message {
  color: #3a3a3a;
}
.newsletter .is-hidden {
  display: none;
}
.newsletter .is-visible {
  display: block;
}
.newsletter:before {
  display: none;
}
.newsletter + .article .wrapper .content,
.newsletter + .article .wrapper .sidebar {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .newsletter + .article .wrapper .content,
  .newsletter + .article .wrapper .sidebar {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  .newsletter + .article .wrapper .content,
  .newsletter + .article .wrapper .sidebar {
    margin-top: 80px;
  }
}
.newsletter + .article .wrapper .content.aligned-top {
  padding-top: 0;
}
.newsletter .nf-debug-msg {
  margin-bottom: 15px;
}
.deep-dive-modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  width: 100%;
  z-index: 2;
}
@media (min-width: 768px) {
  .deep-dive-modal {
    height: calc(100% - 67px);
    right: 0;
    top: 67px;
    -webkit-transition: -webkit-clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1),
      -webkit-clip-path 1.4s cubic-bezier(0.86, 0, 0.07, 1);
    z-index: 3;
  }
}
@media (min-width: 1280px) {
  .deep-dive-modal {
    top: 72px;
  }
}
.deep-dive-modal:before {
  background-color: #fff;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .deep-dive-modal:before {
    width: calc((var(--viewPortWidth) - 280px) / 12 * 8.5 + 189px);
  }
}
@media (min-width: 1280px) {
  .deep-dive-modal:before {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 12 + 405px);
  }
}
@media (min-width: 1920px) {
  .deep-dive-modal:before {
    width: calc(1357.5px + (var(--viewPortWidth) - 1800px) / 2 * 1);
  }
}
.deep-dive-modal__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  opacity: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .deep-dive-modal__head {
    display: none;
  }
}
.deep-dive-modal__head .back-container {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  border-right: 1px solid #e4e4e4;
  -ms-flex: 0 0 64px;
  flex: 0 0 64px;
  height: 100%;
}
.deep-dive-modal__head .back-container,
.deep-dive-modal__head .back-container .back-btn {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.deep-dive-modal__head .back-container .back-btn {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: transparent;
  border: 1px solid #e4e4e4;
  border-radius: 100%;
  height: 24px;
  padding: 0;
  -webkit-transition: background-color 0.32s ease-in-out;
  -o-transition: background-color 0.32s ease-in-out;
  transition: background-color 0.32s ease-in-out;
  width: 24px;
}
.deep-dive-modal__head .back-container .back-btn .icon-arrow-left {
  width: 12px;
}
.deep-dive-modal__head .back-container .back-btn .icon-arrow-left path {
  -webkit-transition: fill 0.32s ease-in-out;
  -o-transition: fill 0.32s ease-in-out;
  transition: fill 0.32s ease-in-out;
}
.deep-dive-modal__head .back-container .back-btn:focus,
.deep-dive-modal__head .back-container .back-btn:hover {
  background-color: #000;
}
.deep-dive-modal__head .back-container .back-btn:focus .icon-arrow-left path,
.deep-dive-modal__head .back-container .back-btn:hover .icon-arrow-left path {
  fill: #fff;
}
.deep-dive-modal__head .title-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}
.deep-dive-modal__head .title-container .title {
  color: #151515;
  font-family: Benton Sans Bold, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 19px;
  line-height: 1.1875rem;
}
.deep-dive-modal__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  position: relative;
}
@media (min-width: 768px) {
  .deep-dive-modal__body {
    margin-top: 0;
  }
  .deep-dive-modal__body .article {
    background-color: transparent;
  }
}
.deep-dive-modal__body .article .content > * {
  opacity: 0;
}
@media (min-width: 768px) {
  .template--rail .wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 1280px) {
  .template--rail .wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
@media (min-width: 768px) {
  .template--rail .rail {
    grid-column: 1 / span 4;
  }
}
@media (min-width: 1280px) {
  .template--rail .rail {
    grid-column: 1 / span 5;
  }
}
@media (min-width: 768px) {
  .template--rail .content {
    grid-column: 4/-1;
  }
}
@media (min-width: 1280px) {
  .template--rail .content {
    grid-column: 6/-1;
  }
}
@media (min-width: 768px) {
  .template--rail .content > * {
    margin-left: calc(11.11111% + 2.22222px);
  }
}
@media (min-width: 1280px) {
  .template--rail .content > * {
    margin-left: 0;
  }
}
.template-centered .main .centered > :last-child.content-package {
  border-top: 1px solid #3a3a3a;
}
@media (min-width: 1280px) {
  .template-centered .main .centered .article .content {
    width: calc((var(--viewPortWidth) - 570px) / 16 * 10 + 344px);
  }
}
@media (min-width: 1920px) {
  .template-centered .main .centered .article .content {
    width: calc(1187.75px + (var(--viewPortWidth) - 1800px) / 2 * 0);
  }
}
@media (min-width: 768px) {
  .template-centered .chaptering__back-container {
    grid-column: 1 / span 2;
    width: calc(100% + 20px);
  }
}
@media (min-width: 1280px) {
  .template-centered .chaptering__back-container {
    grid-column: 1 / span 3;
    width: auto;
  }
}
@media (min-width: 768px) {
  .template-centered .chaptering__main {
    grid-column: 3/-1;
    margin-left: 0;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .template-centered .chaptering__main {
    grid-column: 4/-1;
    margin-left: -37px;
    padding-left: 37px;
  }
  .template-centered .chaptering__main .chapters-dropdown {
    padding-left: 37px;
  }
}
.template-homepage main.main {
  /*background-color: #000;*/
}
.template-homepage main.main .main-content {
  position: relative;
  z-index: 1;
}
.template-homepage main.main .main-content > :first-child.content-package {
  background-color: transparent;
}
@media (min-width: 768px) {
  .error404 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
  }
}
.error404 .hero-landing {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .error404 .hero-landing {
    margin-bottom: 60px;
  }
}
@media (min-width: 1280px) {
  .error404 .hero-landing {
    margin-bottom: 80px;
  }
}
.error404 .hero-landing__content {
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .error404 .hero-landing__content {
    padding-bottom: 60px;
  }
}
.error404 .hero-landing__content h2 {
  font-family: Benton Sans Light, sans-serif;
  font-size: 94px;
  font-size: 5.875rem;
  font-weight: 300;
  line-height: 113px;
  line-height: 7.0625rem;
}
@media (min-width: 768px) {
  .error404 .hero-landing__content h2 {
    font-size: 120px;
    font-size: 7.5rem;
    line-height: 144px;
    line-height: 9rem;
  }
}
@media (min-width: 1280px) {
  .error404 .hero-landing__content h2 {
    font-size: 160px;
    font-size: 10rem;
    line-height: 192px;
    line-height: 12rem;
  }
}
@media (min-width: 768px) {
  .error404 .main {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .error404 .main .container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 60px;
  }
}
.error404 .main .container .wrapper {
  color: #151515;
  min-height: 423px;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(12, 1fr);
    min-height: auto;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
}
.error404 .main .container .wrapper .heading {
  font-family: Benton Sans Light, sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  line-height: 34px;
  line-height: 2.125rem;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper .heading {
    font-size: 32px;
    font-size: 2rem;
    grid-column: 1 / span 8;
    line-height: 38px;
    line-height: 2.375rem;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper .heading {
    font-size: 40px;
    font-size: 2.5rem;
    grid-column: 1 / span 11;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 30px;
  }
}
.error404 .main .container .wrapper .body {
  font-family: Benton Sans Book, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25px;
  line-height: 1.5625rem;
  margin-bottom: 32.5px;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper .body {
    font-size: 18px;
    font-size: 1.125rem;
    grid-column: 1 / span 8;
    line-height: 27px;
    line-height: 1.6875rem;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper .body {
    font-size: 18px;
    font-size: 1.125rem;
    grid-column: 1 / span 11;
    line-height: 29px;
    line-height: 1.8125rem;
    margin-bottom: 50px;
  }
}
.error404 .main .container .wrapper .links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper .links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-column: 1 / span 8;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper .links {
    grid-column: 1 / span 11;
  }
}
.error404 .main .container .wrapper .links__item {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper .links__item {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper .links__item {
    margin-bottom: 30px;
    margin-right: 30px;
  }
}
.error404 .main .container .wrapper .links__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .error404 .main .container .wrapper .links__item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .error404 .main .container .wrapper .links__item:nth-child(3n) {
    margin-right: 0;
  }
}
.single-project,
.single-research {
  background-color: #000;
}
.single-project .article > .wrapper,
.single-research .article > .wrapper {
  padding-bottom: 0;
}
.single-project .article > .wrapper:last-child .content,
.single-research .article > .wrapper:last-child .content {
  z-index: auto;
}
.single-project
  .article
  > .wrapper:last-child
  .content
  > :not(.immersive-gallery):not(.inline-video--immersive),
.single-research
  .article
  > .wrapper:last-child
  .content
  > :not(.immersive-gallery):not(.inline-video--immersive) {
  margin-bottom: 38px;
}
@media (min-width: 768px) {
  .single-project
    .article
    > .wrapper:last-child
    .content
    > :not(.immersive-gallery):not(.inline-video--immersive),
  .single-research
    .article
    > .wrapper:last-child
    .content
    > :not(.immersive-gallery):not(.inline-video--immersive) {
    margin-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .single-project
    .article
    > .wrapper:last-child
    .content
    > :not(.immersive-gallery):not(.inline-video--immersive),
  .single-research
    .article
    > .wrapper:last-child
    .content
    > :not(.immersive-gallery):not(.inline-video--immersive) {
    margin-bottom: 63px;
  }
}
.single-project .article .sidebar,
.single-research .article .sidebar {
  border-right: 0;
}
@media (min-width: 768px) {
  .single-project .article .sidebar,
  .single-research .article .sidebar {
    margin-left: -30px;
    padding-left: 30px;
    padding-right: calc((var(--viewPortWidth) - 280px) / 12 * 0.5 + 20px);
    width: calc((var(--viewPortWidth) - 280px) / 12 * 3.5 + 90px);
  }
}
@media (min-width: 1280px) {
  .single-project .article .sidebar,
  .single-research .article .sidebar {
    margin-left: 0;
    padding-left: 0;
    padding-right: 15px;
    width: calc(100% + 15px);
  }
}
@media (min-width: 768px) {
  .single-project .article .content,
  .single-research .article .content {
    border-left: 0;
    grid-column: 5/-1;
    margin-left: calc(-21px + (var(--viewPortWidth) - 280px) / 12 * 0.5 * -1);
    padding-left: calc(20px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
    width: calc(100% + 51px + (var(--viewPortWidth) - 280px) / 12 * 0.5);
  }
}
@media (min-width: 1280px) {
  .single-project .article .content,
  .single-research .article .content {
    margin-left: -16px;
    padding-left: calc(var(--viewPortWidth) / 16 + 9.375px);
    padding-right: 60px;
    width: calc(100% + 76px);
  }
}
@media (min-width: 1920px) {
  .single-project .article .content,
  .single-research .article .content {
    margin-left: -16px;
    padding-left: 129.375px;
    padding-right: calc((var(--viewPortWidth) - 1800px) / 2);
    width: calc(100% + (var(--viewPortWidth) - 1800px) / 2 + 16px);
  }
}
@media (min-width: 768px) {
  .single-project .article .content:before,
  .single-research .article .content:before {
    background-color: #3a3a3a;
    content: "";
    display: block;
    height: calc(100% + 60px);
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media (min-width: 1280px) {
  .single-project .article .content:before,
  .single-research .article .content:before {
    height: calc(100% + 80px);
  }
}
.single-project .article .content .inline-video,
.single-research .article .content .inline-video {
  background-color: transparent;
  color: #151515;
}
@media (min-width: 1280px) {
  .single-project .rail-facts + .article .wrapper,
  .single-research .rail-facts + .article .wrapper {
    min-height: 100vh;
  }
}
.single-project .deep-dive-modal .article,
.single-research .deep-dive-modal .article {
  background-color: #fff;
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal .article,
  .single-research .deep-dive-modal .article {
    background-color: transparent;
    min-height: 100vh;
  }
  .single-project .deep-dive-modal .article > .wrapper,
  .single-research .deep-dive-modal .article > .wrapper {
    min-height: 100vh;
  }
}
.single-project .deep-dive-modal .article > .wrapper .content,
.single-research .deep-dive-modal .article > .wrapper .content {
  border-top: 0;
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal .article > .wrapper .content,
  .single-research .deep-dive-modal .article > .wrapper .content {
    border-left: 0;
  }
}
.single-project .deep-dive-modal .article > .wrapper .content .toolkit.black,
.single-research .deep-dive-modal .article > .wrapper .content .toolkit.black {
  background-color: transparent;
  color: #151515;
}
.single-project
  .deep-dive-modal
  .article
  > .wrapper
  .content
  .inline-video__caption,
.single-research
  .deep-dive-modal
  .article
  > .wrapper
  .content
  .inline-video__caption {
  color: #151515;
}
@media (min-width: 768px) {
  .single-project .deep-dive-modal .article:first-child .wrapper .content,
  .single-research .deep-dive-modal .article:first-child .wrapper .content {
    padding-top: 60px;
  }
}
@media (min-width: 1280px) {
  .single-project .deep-dive-modal .article:first-child .wrapper .content,
  .single-research .deep-dive-modal .article:first-child .wrapper .content {
    padding-top: 80px;
  }
}
.single-project .content-package,
.single-project .newsletter,
.single-research .content-package,
.single-research .newsletter {
  position: relative;
}
@media (min-width: 768px) {
  .single-project.win-lock .article .wrapper .content:before,
  .single-research.win-lock .article .wrapper .content:before {
    content: none;
  }
  .single-project:after,
  .single-research:after {
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.32s ease-in-out;
    -o-transition: opacity 0.32s ease-in-out;
    transition: opacity 0.32s ease-in-out;
    width: 100%;
    z-index: 2;
  }
  .single-project.underlay:after,
  .single-research.underlay:after {
    opacity: 1;
  }
  .single-news .article .wrapper .sidebar,
  .single-person .article .wrapper .sidebar,
  .single-publication .article .wrapper .sidebar {
    margin-bottom: -60px;
  }
}
@media (min-width: 1280px) {
  .single-news .article .wrapper .sidebar,
  .single-person .article .wrapper .sidebar,
  .single-publication .article .wrapper .sidebar {
    margin-bottom: -80px;
  }
}
@media (min-width: 768px) {
  .single-news .article > .wrapper:last-child .sidebar > :last-child.rail-facts,
  .single-person
    .article
    > .wrapper:last-child
    .sidebar
    > :last-child.rail-facts,
  .single-publication
    .article
    > .wrapper:last-child
    .sidebar
    > :last-child.rail-facts {
    margin-bottom: 60px;
  }
}
@media (min-width: 1280px) {
  .single-news .article > .wrapper:last-child .sidebar > :last-child.rail-facts,
  .single-person
    .article
    > .wrapper:last-child
    .sidebar
    > :last-child.rail-facts,
  .single-publication
    .article
    > .wrapper:last-child
    .sidebar
    > :last-child.rail-facts {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .single-news .rail-facts,
  .single-person .rail-facts,
  .single-publication .rail-facts {
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .single-story .main .centered .article .content {
    width: 100%;
  }
}
body.search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
body.search main.main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body#tinymce {
  margin: 12px !important;
}