/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./theme_src/scss/blocks/diptych-slash-media.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.diptych-slash-media {
  --bkg-svg: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDcxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTQ0MCA3MTgiPiA8ZmlsdGVyIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaGVpZ2h0PSI4MjAiIGlkPSJzdmctYmx1ciIgd2lkdGg9IjExNTUuMzU5IiB4PSIwIiB5PSIwIj4gPGZlT2Zmc2V0IGR4PSI1IiBkeT0iMTgiLz4gPGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iYmx1ciIgc3RkRGV2aWF0aW9uPSIxNyIvPiA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwLjE2MSIvPiA8ZmVDb21wb3NpdGUgaW4yPSJibHVyIiBvcGVyYXRvcj0iaW4iLz4gPGZlQ29tcG9zaXRlIGluPSJTb3VyY2VHcmFwaGljIi8+IDwvZmlsdGVyPiA8ZyBmaWx0ZXI9InVybCgjc3ZnLWJsdXIpIj4gPHBhdGggZD0iTTEwNTMuNCAwIDgwNSA3MThIMFYwaDEwNTMuNHoiIGZpbGw9IiNmMGYwZjAiLz4gPC9nPiA8L3N2Zz4=);
  --play-button: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTMiIGhlaWdodD0iMTEzIiB2aWV3Qm94PSIwIDAgMTEzIDExMyI+IDxnIGlkPSJHcm91cF8zMTA4IiBkYXRhLW5hbWU9Ikdyb3VwIDMxMDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDE2IC0zMTM0KSI+IDxjaXJjbGUgaWQ9IkVsbGlwc2VfMjEiIGRhdGEtbmFtZT0iRWxsaXBzZSAyMSIgY3g9IjU2LjUiIGN5PSI1Ni41IiByPSI1Ni41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDE2IDMxMzQpIiBmaWxsPSIjZjBmMGYwIiBvcGFjaXR5PSIwLjY1NCIvPiA8cGF0aCBpZD0iUG9seWdvbl8xIiBkYXRhLW5hbWU9IlBvbHlnb24gMSIgZD0iTTE3Ljg3NCwwLDM1Ljc0OCwzMS4wMTFIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDkgMzE4NS44NzQpIHJvdGF0ZSgtMzApIiBmaWxsPSIjZmZmIi8+IDwvZz48L3N2Zz4=);
  background-color: #fff;
  background-color: var(--bkg-color, #fff);
  position: relative;
  /* --- Variations --- */
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media screen and (min-width: 48rem) and (min-width: 80rem) {
  .diptych-slash-media {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media::before {
    content: "";
    width: 50%;
    height: 100%;
    background-color: var(--color-smoke);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media::after {
    content: "";
    width: 22%;
    height: 100%;
    background-color: var(--color-smoke);
    position: absolute;
    top: 0;
    left: calc(var(--container-padding) * -1px);
    z-index: 0;
  }
}
@media screen and (min-width: 64rem) {
  .diptych-slash-media::before {
    width: 59.5%;
    transform: skewX(-15deg);
  }
}
.diptych-slash-media__container {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media__container {
    padding-left: calc(var(--container-padding) * 1px);
    padding-right: calc(var(--container-padding) * 1px);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 15vw;
    -moz-column-gap: 15vw;
         column-gap: 15vw;
    align-items: center;
  }
}
@media screen and (min-width: 0rem) and (max-width: 47.9375rem) {
  .diptych-slash-media__content {
    padding-left: calc(var(--container-padding) * 1px);
    padding-right: calc(var(--container-padding) * 1px);
    padding-top: var(--container-vertical-padding);
    padding-bottom: var(--container-vertical-padding);
    background-color: var(--color-smoke);
  }
  .diptych-slash-media__content:last-of-type {
    background-color: var(--bkg-color);
  }
}
.diptych-slash-media__content-cta {
  margin-top: 1rem;
}
@media screen and (min-width: 80rem) {
  .diptych-slash-media__content-cta {
    min-width: 17.5rem;
  }
}
.diptych-slash-media__content.--quote-watermark {
  position: relative;
}
.diptych-slash-media__content.--quote-watermark::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: -3rem;
  display: block;
  width: 13.125rem;
  height: 12.8125rem;
  background-image: var(--quote-watermark);
  background-size: cover;
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media__content--image, .diptych-slash-media__content--video {
    width: calc(100% + var(--container-padding) * 1px);
    transform: translateX(calc(var(--container-padding) * -1px));
  }
}
.diptych-slash-media__content--video {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 56.25%;
  align-self: center;
}
.diptych-slash-media__content--video.focus-visible, .diptych-slash-media__content--video:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__content--video:focus-visible, .diptych-slash-media__content--video:focus {
  outline: 2px solid var(--color-orange) !important;
}
@supports (aspect-ratio: 16/9) {
  .diptych-slash-media__content--video {
    padding-bottom: 0;
    aspect-ratio: 16/9;
  }
}
@supports (-webkit-touch-callout: none) {
  .diptych-slash-media__content--video {
    padding-bottom: 0;
  }
}
.diptych-slash-media__content--video::before {
  display: none;
}
.diptych-slash-media__content--video.--play::before,
.diptych-slash-media__content--video.--play .diptych-slash-media__thumbnail {
  opacity: 0;
}
.diptych-slash-media__content--video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.diptych-slash-media__content--video > iframe.focus-visible, .diptych-slash-media__content--video > iframe[focus-within], .diptych-slash-media__content--video > iframe:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__content--video > iframe.focus-visible, .diptych-slash-media__content--video > iframe:focus-within, .diptych-slash-media__content--video > iframe:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__content--video > iframe.focus-visible, .diptych-slash-media__content--video > iframe[focus-within], .diptych-slash-media__content--video > iframe:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__content--video > iframe:focus-visible, .diptych-slash-media__content--video > iframe[focus-within], .diptych-slash-media__content--video > iframe:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__content--video > iframe:focus-visible, .diptych-slash-media__content--video > iframe:focus-within, .diptych-slash-media__content--video > iframe:focus {
  outline: 2px solid var(--color-orange) !important;
}
.diptych-slash-media__thumbnail {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: opacity 150ms ease-out;
}
.diptych-slash-media.--no-slash::before, .diptych-slash-media.--no-slash::after {
  background-color: #fff;
  background-color: var(--bkg-color, #fff);
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media.--reverse .diptych-slash-media__content:first-of-type {
    grid-area: 1/2/2/3;
  }
  .diptych-slash-media.--reverse .diptych-slash-media__content:last-of-type {
    grid-area: 1/1/2/2;
  }
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
  .diptych-slash-media.--reverse .diptych-slash-media__content--image, .diptych-slash-media.--reverse .diptych-slash-media__content--video {
    transform: none;
  }
}
@media screen and (min-width: 48rem) {
  .diptych-slash-media.--reverse::before {
    width: 50%;
  }
}
.diptych-slash-media.--reverse[style="--bkg-color: var(--color-red)"] .diptych-slash-media__content:first-of-type .--wysiwyg {
  color: var(--color-white);
}
.diptych-slash-media:not(.--reverse) .diptych-slash-media__content:last-of-type .--wysiwyg {
  color: var(--color-white);
}

/*# sourceMappingURL=diptych-slash-media.css.map*/