.site-size-wrapper-cutty {
  max-width: 1366px;
  margin: 0 auto; }

.site-size-wrapper-cutty {
  max-width: 1366px;
  margin: 0 auto; }

.ParagraphMedia {
  margin-bottom: 10rem; }

.ParagraphMedia-backgroundImage {
  display: block;
  min-height: 55rem; }

.ParagraphMedia background {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  .ParagraphMedia background -subtitle {
    order: -1;
    font-size: 2rem;
    font-weight: normal;
    width: 100%;
    max-width: 93rem;
    color: inherit;
    margin-bottom: 2rem;
    margin-top: -1rem; }
  .ParagraphMedia background-mediaWrapper {
    width: 100%;
    max-width: 94rem;
    -webkit-clip-path: url("#glitch-depaz-path");
            clip-path: url("#glitch-depaz-path"); }
  .ParagraphMedia background-titleWrapper {
    order: -2; }
  .ParagraphMedia background-title {
    color: var(--green-color);
    margin-bottom: 2rem; }

@media (max-width: 1179px) {
  .NodeHome-content .ParagraphImageText {
    margin: 0 -2rem; }
  .ParagraphImageText-textWrapper {
    padding: 10rem 2rem 0;
    box-sizing: border-box; } }

@media (min-width: 768px) {
  .ParagraphMedia--background {
    padding: 0;
    height: 64.7rem; } }

@media (max-width: 767px) {
  .ParagraphMedia--background {
    padding: 0;
    height: 55rem; } }

.video-button {
  display: flex;
  position: absolute;
  font-size: 2.8rem;
  background: var(--header-bg-color);
  color: #171407;
  border: none;
  font-family: "Century Gothic";
  padding: 3.8rem 4rem;
  cursor: pointer; }
  @media (min-width: 768px) {
    .video-button {
      top: 50%;
      left: 5rem;
      transform: translateY(-50%); } }
  @media (max-width: 767px) {
    .video-button {
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0;
      max-width: 30rem;
      margin: 0 auto; } }
  @media (max-width: 360px) {
    .video-button {
      margin: 0 3rem; } }
  .video-button:after {
    content: "";
    width: 100%;
    height: 100%;
    border: solid 1px #fff;
    top: -3px;
    left: -1px;
    transform: rotate(-2deg);
    position: absolute; }
  .video-button-icon {
    position: relative;
    margin-right: 2rem;
    width: 4.8rem;
    height: 4.8rem; }
    .video-button-icon svg {
      width: 2rem;
      height: 2rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .video-button-icon:before, .video-button-icon:after {
      content: "";
      width: 4.8rem;
      height: 4.8rem;
      border: solid 1px #fff;
      border-radius: 100%;
      position: absolute; }
    .video-button-icon:before {
      top: -2px;
      left: -2px; }
    .video-button-icon:after {
      top: -5px;
      left: -5px; }

.ParagraphMedia-mediaWrapper:not(.open) .BackgroundCloseVideo {
  display: none; }

.ParagraphMedia-mediaWrapper:not(.open) .ParagraphMedia-video {
  display: none; }

.ParagraphMedia-mediaWrapper .BackgroundCloseVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000c; }

.ParagraphMedia-mediaWrapper .ParagraphMedia-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0; }

.ParagraphMedia-mediaWrapper img {
  max-width: 100%;
  height: auto; }

.NodeEditorial .ParagraphMedia:not(.ParagraphMedia--background) {
  margin-top: -8rem;
  margin-bottom: 0;
  padding: 0 2rem; }

.CloseVideo {
  font-size: 50px;
  color: #fff;
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 20;
  cursor: pointer; }

.ParagraphMedia-mediaWrapper:not(.open) .CloseVideo {
  display: none; }

/*# sourceMappingURL=extend-media.css.map */