/*--------------------------------------------------------------
## Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Variables
--------------------------------------------------------------*/
/* Webfont */
@font-face {
  font-family: 'gilroyextrabold';
  src: url("../fonts/gilroy-extrabold-webfont.woff2") format("woff2"), url("../fonts/gilroy-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* Colors */
/* Breakpoints */
/* Sizes */
/* Padding */
/* Arrows */
.arr_left:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M14.94 29.07l11.95-11.95.7.71-10.74 10.74h27.53v1H16.84l11.53 11.52-.7.71-12.73-12.73z'/%3E%3C/svg%3E"); }

.arr_right:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 59.95'%3E%3Ccircle cx='30' cy='29.97' r='30' fill='%23222'/%3E%3Cpath fill='%23fff' d='M44.38 29.07L32.43 17.12l-.7.71 10.74 10.74H14.94v1h27.54L30.95 41.09l.7.71 12.73-12.73z'/%3E%3C/svg%3E"); }

.arr {
  display: inline-block;
  text-indent: -100%;
  overflow: hidden;
  transition: transform 0.5s ease;
  width: 1.875rem;
  height: 1.875rem; }
  .arr:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 100em) {
    .arr {
      width: 3.75rem;
      height: 3.75rem; } }
  .arr:hover {
    transform: scale(0.9); }

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
.content__title__inner {
  flex: none;
  display: inline-block;
  position: relative;
  overflow: hidden; }

.block-revealer__content {
  height: 100%;
  position: relative;
  animation: 1s ease-in-out 0s 1 slideInFromLeft; }

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }
body.home #content a.a__bars {
  margin-top: 3.3333333333px; }
  body.home #content a.a__bars:before {
    width: 200%; }
  @media screen and (min-width: 60em) {
    body.home #content a.a__bars {
      margin-top: 20px; } }
  @media screen and (min-width: 100em) {
    body.home #content a.a__bars {
      margin-top: 30px; } }
body.home #content .section .section__content {
  top: calc(60vh + 35px);
  position: absolute;
  padding: 15px; }
  body.home #content .section .section__content h1, body.home #content .section .section__content h4 {
    width: 100%;
    max-width: 80vw; }
  body.home #content .section .section__content h1 {
    padding: 0;
    font-size: 1.8rem; }
    @media screen and (min-width: 60em) {
      body.home #content .section .section__content h1 {
        font-size: 6rem;
        line-height: 0.85;
        letter-spacing: -0.205rem;
        margin-top: 15px; } }
    @media screen and (min-width: 100em) {
      body.home #content .section .section__content h1 {
        font-size: 8rem;
        line-height: 0.85;
        letter-spacing: -0.384rem;
        margin-top: 15px; } }
  body.home #content .section .section__content h4 {
    font-size: 0.875rem;
    line-height: 1.1;
    font-family: 'gilroyextrabold';
    color: #9B9B9B; }
    @media screen and (min-width: 60em) {
      body.home #content .section .section__content h4 {
        font-size: 1.5rem; } }
    @media screen and (min-width: 100em) {
      body.home #content .section .section__content h4 {
        font-size: 2rem; } }
  @media screen and (min-width: 60em) {
    body.home #content .section .section__content {
      padding: 0;
      position: relative;
      top: 0;
      left: calc(56vw); }
      body.home #content .section .section__content h1 {
        position: relative;
        left: -5vw; }
      body.home #content .section .section__content h1, body.home #content .section .section__content h4 {
        max-width: 40vw; }
      body.home #content .section .section__content h4 {
        max-width: 28vw;
        line-height: 1.25; } }
  @media screen and (min-width: 100em) {
    body.home #content .section .section__content h4 {
      max-width: 25vw; } }
body.home #content .section figure {
  position: absolute;
  top: 20px;
  width: 90vw;
  height: 60vh; }
  body.home #content .section figure .homepage__video {
    width: 100%;
    height: 100%;
    padding: 10px; }
  @media screen and (min-width: 60em) {
    body.home #content .section figure {
      top: 10vh;
      left: 40px;
      width: 50vw;
      height: 70vh; } }
  @media screen and (min-width: 100em) {
    body.home #content .section figure {
      font-size: 2rem;
      left: 60px; } }
  body.home #content .section figure img {
    width: 100%;
    object-fit: cover;
    transition: all 5s ease; }
body.home #content figure:hover img {
  transform: scale(1.2); }

.tags {
  font-size: 0.75rem;
  color: #9B9B9B;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media screen and (min-width: 60em) {
    .tags {
      margin-bottom: 0;
      margin-top: 10px;
      font-size: 1rem; } }
  @media screen and (min-width: 100em) {
    .tags {
      margin-top: 20px;
      font-size: 1.5rem; } }

/*# sourceMappingURL=front-page.css.map */