#cat-hp-tiles,
#cat-hp-review {
  font-size: 1.563vw;
  text-align: center;
  position: relative;
  line-height: normal;
}
@media (min-width: 641px) {
  #cat-hp-tiles,
#cat-hp-review {
    font-size: 0.521vw;
  }
}
@media (min-width: 1921px) {
  #cat-hp-tiles,
#cat-hp-review {
    font-size: 10px;
  }
}
#cat-hp-tiles *,
#cat-hp-review * {
  box-sizing: border-box;
}
#cat-hp-tiles img,
#cat-hp-review img {
  width: 100%;
  display: block;
}
#cat-hp-tiles a,
#cat-hp-review a {
  display: block;
  font-size: inherit;
}
#cat-hp-tiles .cta,
#cat-hp-review .cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3.4em;
  width: 100%;
  padding: 0.1em 0 0;
  background: #ffcb08;
  color: #000;
  transition: all 0.2s;
  font-family: "Mier-B-Bold", "Mier-B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2.4em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.2s;
}
@media (min-width: 641px) {
  #cat-hp-tiles .cta,
#cat-hp-review .cta {
    font-size: 2.2em;
    height: 3.2em;
    width: 21em;
  }
}
@media (hover: hover) {
  #cat-hp-tiles .cta:hover,
#cat-hp-review .cta:hover {
    background: #dadada;
  }
}

@media (min-width: 641px) {
  #cat-hp-tiles {
    padding-top: 5em;
  }
}
@media (min-width: 641px) {
  #cat-hp-tiles .ag-site-width {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
}
#cat-hp-tiles img {
  position: relative;
  z-index: 3;
}
#cat-hp-tiles .home-tile {
  position: relative;
  display: block;
  z-index: 1;
  margin: 0 1em 36.5em;
  padding-top: 0;
}
@media (min-width: 641px) {
  #cat-hp-tiles .home-tile {
    margin: 0 2em 39em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .home-tile {
    padding-top: 5em;
  }
}
#cat-hp-tiles .tile-img {
  opacity: 1;
  transition: all 1s ease-in-out;
}
#cat-hp-tiles .tile-img.prescroll {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #cat-hp-tiles .tile-img.prescroll {
    opacity: 1;
  }
}
#cat-hp-tiles .content-bg {
  position: absolute;
  z-index: 2;
  top: calc(100% - 6em);
  width: calc(100% - 2em);
  height: 42.5em;
  transform: translateX(-50%);
  left: 50%;
  background-color: #000;
  transition: all 0s ease-in;
}
@media (min-width: 641px) {
  #cat-hp-tiles .content-bg {
    width: calc(100% - 7em);
    height: 47em;
    top: calc(100% - 9.5em);
  }
}
#cat-hp-tiles .tile-content {
  background-color: #fff;
  position: absolute;
  top: calc(100% - 5em);
  transform: translateX(-50%);
  left: 50%;
  width: calc(100% - 4em);
  height: 40.5em;
  z-index: 4;
  opacity: 1;
  transition: all 0s ease-in;
}
@media (min-width: 641px) {
  #cat-hp-tiles .tile-content {
    width: calc(100% - 10em);
    top: calc(100% - 8em);
    height: 44em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .tile-invader {
    margin-bottom: 41.5em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .tile-invader .content-bg {
    height: 46.5em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .tile-invader .tile-content {
    height: 44.5em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .tile-intruder {
    margin-bottom: 43em;
  }
}
@media (max-width: 640px) {
  #cat-hp-tiles .tile-intruder p {
    padding: 0 2.5em;
  }
}
@media (min-width: 641px) {
  #cat-hp-tiles .tile-intruder p {
    padding: 0 4em;
  }
}
#cat-hp-tiles h2 {
  color: #000;
  font-family: "Mier-A-Black", "Mier-B-Bold", "Mier-B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.25;
  text-transform: uppercase;
  margin: 1em 0 0.5em;
  font-size: 4.6em;
  letter-spacing: 0.1em;
}
@media (min-width: 641px) {
  #cat-hp-tiles h2 {
    margin: 1.25em 0 0.5em;
  }
}
#cat-hp-tiles p {
  color: #000;
  font-family: "Mier-B-Bold", "Mier-B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.25;
  margin: 0;
  font-size: 2.7em;
  padding: 0 1em;
}
@media (min-width: 641px) {
  #cat-hp-tiles p {
    line-height: 1.5;
    font-size: 2.5em;
    padding: 0 6em;
  }
}
#cat-hp-tiles .actions {
  position: absolute;
  bottom: 5em;
  width: 51em;
  left: 50%;
  transform: translateX(-50%);
}

#cat-hp-review {
  padding: 9.5em 6em;
  background-color: #ffcb08;
}
@media (min-width: 641px) {
  #cat-hp-review {
    padding: 6em 0 7.5em;
  }
}
#cat-hp-review .cat-deco {
  position: absolute;
  width: 41.5em;
  top: -12.5em;
  left: 50%;
  transition: all 1s ease-in-out;
  transform: translateX(-50%);
  opacity: 1;
}
@media (min-width: 641px) {
  #cat-hp-review .cat-deco {
    width: 87.5em;
    top: -8em;
  }
}
#cat-hp-review .cat-deco.prescroll {
  transform: translateX(-150%);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #cat-hp-review .cat-deco.prescroll {
    transform: translateX(0);
    opacity: 1;
  }
}
#cat-hp-review .cat-quote,
#cat-hp-review .review-content {
  opacity: 1;
  transition: all 1s ease-in-out;
}
#cat-hp-review .cat-quote.prescroll,
#cat-hp-review .review-content.prescroll {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #cat-hp-review .cat-quote.prescroll,
#cat-hp-review .review-content.prescroll {
    opacity: 1;
  }
}
#cat-hp-review p {
  font-family: "Mier-B-Bold", "Mier-B", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 2.7em;
  margin: 0 0 2em;
  line-height: 1.5;
}
@media (max-width: 640px) {
  #cat-hp-review p span {
    font-size: 0.9em;
  }
}
@media (min-width: 641px) {
  #cat-hp-review p {
    font-size: 2.4em;
  }
}
#cat-hp-review .cta {
  background-color: #000;
  color: #fff;
}
#cat-hp-review .cta:hover {
  color: #000;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22home-tiles.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AA0CA;AAAA;EAEE,WA5Cc;EA6Cd;EACA;EACA;;AAvBA;EAkBF;AAAA;IAOI,WAhDY;;;AA4Bd;EAaF;AAAA;IAUI,WAlDY;;;AAoDd;AAAA;EACE;;AAEF;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YA7DY;EA8DZ,OAhEY;EAiEZ;EACA,aArEY;EAsEZ;EACA;EACA;EACA;;AAvDF;EAyCA;AAAA;IAgBI;IACA;IACA;;;AAEF;EACE;AAAA;IACE,YA3EQ;;;;AAYd;EAoEF;IAEI;;;AAtEF;EAwEA;IAEI;IACA;IACA;;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAxFF;EAmFA;IAOI;;;AA/FJ;EAwFA;IAUI;;;AAGJ;EACE;EACA;;AACA;EACE;;AACA;EAFF;IAGI;;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnHF;EA0GA;IAWI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AApIF;EA0HA;IAYI;IACA;IACA;;;AA7IJ;EAgJA;IAEI;;;AAlJJ;EAoJE;IAEI;;;AAtJN;EAyJE;IAEI;;;AA3JN;EA+JA;IAEI;;;AAjKJ;EAmKE;IAEI;;;AAhKN;EA8JE;IAKI;;;AAIN;EACE;EACA,aA1LY;EA2LZ;EACA;EACA;EACA;EACA;;AA9KF;EAuKA;IASI;;;AAGJ;EACE;EACA,aAvMY;EAwMZ;EACA;EACA;EACA;;AAzLF;EAmLA;IAQI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA,kBAvNc;;AAad;EAwMF;IAII;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AArNF;EA8MA;IASI;IACA;;;AAEF;EACE;EACA;;AACA;EAHF;IAII;IACA;;;AAIN;AAAA;EAEE;EACA;;AACA;AAAA;EACE;;AACA;EAFF;AAAA;IAGI;;;AAIN;EACE,aAjQY;EAkQZ;EACA;EACA;;AAvPF;EAyPI;IACE;;;AArPN;EA8OA;IAWI;;;AAGJ;EACE;EACA;;AACA;EACE%22,%22file%22:%22home-tiles.css%22%7D */