/*--------------------------------------------------------------
## 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); }

/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
/* Hidden */
.no-results, .site-description {
  display: none; }

/* Reset */
body {
  overflow-x: hidden; }

p {
  letter-spacing: -0.022rem; }

.site-content {
  margin-bottom: 60px; }

body,
button,
input,
select,
optgroup,
textarea {
  color: #222222; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }

.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

/* Links */
a, a:visited, a:hover, a:active, a:focus {
  position: relative;
  color: #222222;
  text-decoration: none;
  letter-spacing: -0.027rem; }

/* ScrollReveal */
/* Video */
.embed__container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed__container iframe, .embed__container object, .embed__container embed, .embed__container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Object Fit Images */
.progressive__img {
  font-family: 'object-fit: cover;'; }

/* Header */
.site-branding, .site-footer {
  display: inline-block;
  position: fixed;
  padding: 10px;
  z-index: 20000; }
  @media screen and (min-width: 60em) {
    .site-branding, .site-footer {
      padding: 40px; } }
  @media screen and (min-width: 100em) {
    .site-branding, .site-footer {
      padding: 60px; } }

.site-info {
  transition: opacity .5s ease;
  opacity: 1; }
  .site-info.hide {
    opacity: 0;
    visibility: visible; }

.site-title {
  margin: 0;
  line-height: 0; }
  .site-title a {
    display: block;
    position: relative;
    text-indent: 100%;
    overflow: hidden;
    width: 6.875rem;
    height: 0.813rem;
    transition: all .5s ease;
    transition-property: height, width; }
    @media screen and (min-width: 60em) {
      .site-title a {
        width: 10.438rem;
        height: 1.188rem; } }
    @media screen and (min-width: 100em) {
      .site-title a {
        width: 14.375rem;
        height: 1.625rem; } }
  .site-title a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transition: opacity 0.5s ease;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='230' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23111' d='M223.3.001l-22.26 11.416L178.778.001h-3.944l24.234 12.428-25.524 13.088h3.946L201.04 13.44l23.548 12.078h3.946L203.01 12.43 227.245.001zM59.746 23.711h43.342c1.49 0 2.7-1.21 2.7-2.702V4.505a2.701 2.701 0 0 0-2.7-2.698H59.746v21.904zm43.342 1.798H57.946V.005h45.142c2.482 0 4.5 2.02 4.5 4.5V21.01c0 2.484-2.018 4.5-4.5 4.5zM162.545 25.49h-40.642c-2.482 0-4.5-2.02-4.5-4.5V0h1.8v20.99c0 1.489 1.21 2.7 2.7 2.7h40.642c1.488 0 2.7-1.211 2.7-2.7V0h1.8v20.99c0 2.48-2.018 4.5-4.5 4.5'/%3E%3Cpath d='M46.931 12.405c.17-.128.336-.266.492-.418a4.479 4.479 0 0 0 1.318-3.182l.004-4.272a4.465 4.465 0 0 0-1.316-3.182A4.464 4.464 0 0 0 44.247.03L.005 0v1.798l44.242.032c.722 0 1.398.282 1.908.79.51.51.79 1.19.79 1.91l-.004 4.272c0 .722-.28 1.398-.792 1.908-.51.51-1.186.79-1.906.79h-.002l-20.32-.03-.002 1.802h.004v.03h20.32c1.488 0 2.7 1.212 2.7 2.702v4.998a2.702 2.702 0 0 1-2.7 2.698H.001v1.802h44.242c2.48 0 4.5-2.02 4.5-4.5v-4.998c0-1.474-.714-2.78-1.812-3.6' fill='%2384754E'/%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    height: 100%; }
  .site-title a:before {
    content: '';
    z-index: 1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.5s ease;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='230' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23111' d='M223.3.001l-22.26 11.416L178.778.001h-3.944l24.234 12.428-25.524 13.088h3.946L201.04 13.44l23.548 12.078h3.946L203.01 12.43 227.245.001zM59.746 23.711h43.342c1.49 0 2.7-1.21 2.7-2.702V4.505a2.701 2.701 0 0 0-2.7-2.698H59.746v21.904zm43.342 1.798H57.946V.005h45.142c2.482 0 4.5 2.02 4.5 4.5V21.01c0 2.484-2.018 4.5-4.5 4.5zM162.545 25.49h-40.642c-2.482 0-4.5-2.02-4.5-4.5V0h1.8v20.99c0 1.489 1.21 2.7 2.7 2.7h40.642c1.488 0 2.7-1.211 2.7-2.7V0h1.8v20.99c0 2.48-2.018 4.5-4.5 4.5'/%3E%3Cpath d='M46.931 12.405c.17-.128.336-.266.492-.418a4.479 4.479 0 0 0 1.318-3.182l.004-4.272a4.465 4.465 0 0 0-1.316-3.182A4.464 4.464 0 0 0 44.247.03L.005 0v1.798l44.242.032c.722 0 1.398.282 1.908.79.51.51.79 1.19.79 1.91l-.004 4.272c0 .722-.28 1.398-.792 1.908-.51.51-1.186.79-1.906.79h-.002l-20.32-.03-.002 1.802h.004v.03h20.32c1.488 0 2.7 1.212 2.7 2.702v4.998a2.702 2.702 0 0 1-2.7 2.698H.001v1.802h44.242c2.48 0 4.5-2.02 4.5-4.5v-4.998c0-1.474-.714-2.78-1.812-3.6' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); }
  .site-title.toggled a:before {
    opacity: 1; }
  .site-title.toggled a:after {
    opacity: 0; }

.a__bars {
  display: inline-block;
  padding-top: 10px;
  font-size: 0.625rem;
  /*
  span:before {
    transition: all 0.5s ease;
    content: attr(data-hover);
    position: absolute;
    transform: translate3d(0,0,0);
    display: inline-block;
    text-indent: -110%;
    color: $black;
  }
  &:hover span:before {
    text-indent: 0;
  }
  span:after {
    transition: all 0.5s ease;
    content: attr(data-hover);
    position: absolute;
    transform: translate3d(0,0,0);
    display: inline-block;
    text-indent: -100%;
    color: $black;
  }
  &:hover span:after {
    text-indent: 0;
  }
  */ }
  .a__bars:before {
    content: '';
    position: absolute;
    top: 3px;
    display: block;
    background: #222222;
    height: 1px;
    width: 100%;
    transition: all 0.5s ease; }
  .a__bars span {
    overflow: hidden;
    position: relative; }
  @media screen and (min-width: 60em) {
    .a__bars {
      font-size: 1rem; }
      .a__bars:before {
        content: '';
        position: absolute;
        top: 0;
        display: block;
        background: #222222;
        height: 1px;
        width: 100%; } }
  @media screen and (min-width: 100em) {
    .a__bars {
      font-size: 1.125rem; } }
  @media screen and (min-width: 100em) {
    .a__bars {
      padding-left: 0; } }

/* Footer */
.site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200000;
  pointer-events: none; }
  @media screen and (min-width: 60em) {
    .site-footer {
      position: fixed; } }

body.home .site-footer {
  position: fixed; }

p.address {
  position: relative;
  pointer-events: auto;
  margin: 0;
  font-size: 0.5rem;
  line-height: 0.625rem;
  padding-left: 5px;
  transition: font-size .5s ease; }
  @media screen and (min-width: 60em) {
    p.address {
      padding-left: 5px;
      font-size: 0.625rem;
      line-height: 1.4; } }
  @media screen and (min-width: 100em) {
    p.address {
      padding-left: 5px;
      font-size: 0.75rem;
      line-height: 1.5;
      display: inline-block; } }

p.address:before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='275' height='275'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h249.517v249.3545H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate%2813 13%29'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23231F20' d='M199.98 159.473h9.525v-9.438h-9.525v9.438zm-29.996 39.889h29.412v-29.395h-29.412v29.395zm39.862 10.425h-19.697v10.106h9.737v9.458h29.666v-9.74H209.71v-9.962h9.766v-9.604h-9.63v9.742zm10.019-30.138v9.945h29.612v29.998h-9.361v20.051h9.401v9.69h-29.643v-9.506h-29.848v-10.204h-10.312l.145.158v-20.234h-20.243v-29.91h-9.902l.145.144V169.54h10v-9.903l-.145.159h9.918v-9.984h9.996v-9.821h19.967v-10.196h10.264l-.145-.158v10.144h20.145l-.159-.144v9.929h9.772v10.001h-9.499v20.219h-10.245v-9.766h-9.605v9.629h9.742z' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M139.5586 59.9923h9.921v19.496h10.133v20.32h10.233l-.15-.15v39.852h-9.981v20.285c0 .001.144-.158.144-.158h-19.822v-9.956h9.422v-9.604h-19.875v9.738h-9.869v9.966l.144-.158h-9.903v-9.637h-10.003v9.428h-10.076c0 7.057 0 13.613-.006 20.176-.005.006.144-.164.144-.164h-9.936v-9.549h-20.206v-10.24l-.158.144h10.144v-10.144l-.144.158h9.983c0-6.853 0-13.407.005-19.968.005-.005-.144.165-.144.165h9.91v9.364h10.157v-9.561h10.233l-.144-.158v9.745h10.144v-9.745l-.144.144h29.741v-20.144h-19.741l.158.144v-9.893h9.824c0-13.691 0-26.873.006-40.06.005-.006-.144.164-.144.164M10.168 59.46H59.58V10.046H10.168V59.46zM.159 69.293h69.518V.038H.159v69.255zm189.834-9.922h49.412V9.959h-49.412v49.412zm-9.917 10.101h69.333V.131h-69.333v69.341zM10.037 239.504h49.41v-49.412h-49.41v49.412zm-10.01 9.83h69.341v-69.339H.027v69.339z' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M9.8589 119.6226H.1339v-19.827h39.725l-.145-.159v10.304h10.205v9.493h19.55v-9.988h-9.382v-9.857h9.772v-9.952l-.145.159h9.94v19.652h10.038v-9.367h19.78v9.339h-9.54v10.217h-20.363c0 3.797 0 7.07-.005 10.349-.005.006.144-.164.139-.158-16.398.005-32.791.005-49.713.005v-10.21h-10.276l.145.159v-9.746H9.7139v9.746l.145-.159zm189.8765-29.8222h9.965v-9.809h39.699v9.491h-9.363v10.304c-3.78 0-7.044 0-10.308-.001-.001-3.251-.001-6.502-.001-9.765h-9.604v9.629h9.741v9.952h9.717v9.876h9.851v10.041h-9.429v10.118h-10.303l.159.145v-10.145h-20.145l.145.159v-9.933h9.662v-9.924h-19.495v9.606h-10.211v9.909h-9.662v-19.663h9.517v-9.855h10.216v-10.285l-.151.15zm-69.8765-40.1778h-9.948v-29.75h-9.717v-9.828h19.441v19.307h10.061v-9.36h9.87v9.422h9.969V9.9506h-19.383v-9.951h29.228v49.623h-29.666l.145.159v-9.746h-10.145v9.746zm-10.164 20.0352c-.002 3.37-.005 6.74-.008 10.11l.151-.15h-9.96v9.808h-9.884v-29.42h-10.065v9.307h-9.818v-19.485h9.345v-10.077h-9.408V.0798h9.545v19.4h10.058v10.068h9.894v40.261h10.301l-.151-.151zm.1513 170.1294c-3.373-.06-6.746-.119-10.119-.178l.15.151v-9.952h-9.802v-9.873h19.798v-10.298l-.159.144c3.377-.05 6.754-.099 10.132-.149v9.766h9.604v-9.63h-9.741c.05-3.377.099-6.754.15-10.131l-.145.158h10.159v-20.158l-.159.144h10.145l-.145-.144v50.144l.145-.158h-9.88v19.721h-20.27c0-3.206 0-6.45.001-9.694h9.765v-9.604h-9.629v9.741z' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M39.8589 99.7955v-19.712h29.855v9.712l.145-.159h-20.236v10h-9.909zm69.8682 139.814v9.745h-29.623v-19.388h9.494v9.794c7.105 0 13.692 0 20.279-.001l-.15-.15zM29.878 159.7598v-9.941h-9.796v-9.708h29.605v9.657l.151-.151h-9.886v9.993H29.728zm-.1504-.1503v9.737H.1386v-9.586h29.739c0-.001-.15-.151-.15-.151m149.9868 70.0136v19.704h-9.841v-19.69l-.159.144h10.145zm-20.0142.0137v19.695h-9.841v-19.709l-.145.159h10.145zM0 89.322h19.518v-9.31H0zm89.5034 100.1595v19.822h-9.393v-19.684c3.309 0 6.43 0 9.557.006.006.004-.164-.144-.164-.144m30.3697 20.1553h-19.704v-9.842h19.69l-.145-.158v10.145z' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M169.8731 229.6368h-10.173l.159.145v-9.707h9.855v9.707zm-50.0142-29.8418v-9.718h9.855v9.718l.145-.158h-10.145zm-20.1636-20.1367v9.833c-3.477 0-6.828 0-10.186-.005-.006-.005.164.144.158.139.109-3.4.223-6.793.342-10.194.005-.005-.144.165-.138.159 3.328.069 6.651.143 9.974.218l-.15-.15zm40.0191-130.0357c-.049 3.453-.097 6.905-.151 10.364-.005.006.144-.164.139-.158-3.267-.006-6.53-.018-9.797-.035-.005-.005.164.143.164.143l-.21-10.314-.145.159h10.145l-.145-.159z' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M119.8457 69.8087v-9.881c3.498 0 6.855 0 10.218.005.006.004-.164-.145-.158-.139.005 3.109.005 6.213.005 9.863-3.728 0-6.971 0-10.215.001-.001 0 .15.151.15.151m40.2773-.3047h9.238v-9.503h-9.238zm-40.436 10.2641h9.717v9.594h-9.565c0-3.262 0-6.503-.001-9.744l-.151.15m80.1993 9.8819h-9.717v-9.594h9.565c0 3.262 0 6.503.001 9.744l.151-.15m-30.0406 10.1587v-9.717h9.594v9.565c-3.262 0-6.503 0-9.744.001l.15.151m-49.9726 19.9726v-10h10l-.159-.145v10h-10zM9.878 129.7603c-.006-3.379-.013-6.758-.019-10.138l-.145.159h10.145l-.145-.159v9.987H9.728l.15.151zm99.9809.0352v-10.014h10.014l-.159-.145v10.145l.145-.145h-10.145zm-100.1313-.186v9.717H.1336v-9.565c3.262 0 6.503 0 9.744-.001l-.15-.151m50.1455 20.1718v-9.708h9.841v9.722l.145-.159h-10.145zm-10.1861-.0136c3.396.005 6.791.009 10.186.014l-.159-.145v10.145l.159-.145H49.839c0-3.488 0-6.754-.001-10.019l-.151.15m80.1719 19.8554h-10v-10l-.145.158h10v10zm-30.0132 10.1856v-9.718h9.594v9.567h-9.744c0 .001.15.151.15.151' mask='url%28%23b%29'/%3E%3Cpath fill='%23231F20' d='M139.8731 179.6368h-10.014v-10.014l-.145.159h10v10zm40.2689 9.6742h9.528v-9.29h-9.528zM20.063 49.458h29.36V20.117h-29.36zm180 0h29.36V20.117h-29.36zM20.048 229.356h29.341v-29.382H20.048z' mask='url%28%23b%29'/%3E%3C/g%3E%3C/svg%3E");
  left: -1.250rem;
  width: 1.25rem;
  height: 1.25rem; }
  @media screen and (min-width: 60em) {
    p.address:before {
      left: -1.875rem;
      width: 1.875rem;
      height: 1.875rem; } }
  @media screen and (min-width: 100em) {
    p.address:before {
      left: -2.5rem;
      width: 2.5rem;
      height: 2.5rem; } }

.site-footer-social {
  display: inline-block;
  position: fixed;
  pointer-events: auto;
  right: 0;
  font-size: 0.5rem;
  padding: 10px;
  transform: rotate(90deg);
  transform-origin: 100% 0; }
  .site-footer-social ul li {
    display: inline-block; }
    .site-footer-social ul li a:after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0%;
      border-bottom: 1px solid #222222;
      transition: 0.4s; }
    .site-footer-social ul li a:hover:after {
      width: 100%; }
  .site-footer-social ul li:not(:last-child) {
    margin-right: 0.625rem; }
  @media screen and (min-width: 60em) {
    .site-footer-social {
      font-size: 0.625rem;
      padding: 0;
      padding-top: 20px; } }
  @media screen and (min-width: 100em) {
    .site-footer-social {
      font-size: 0.75rem;
      padding-top: 30px; } }

/* Navigation */
.main-navigation {
  font-size: 1.125rem; }
  .main-navigation ul {
    opacity: 0;
    visibility: visible;
    list-style: none;
    overflow: hidden;
    padding: 10px;
    line-height: 1; }
    .main-navigation ul li {
      transform: translateX(-100px);
      margin-bottom: 16px; }
  .main-navigation li.current-menu-item a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    border-bottom: 1px solid #222222;
    width: 100%; }
  .main-navigation > div {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ccc;
    transition: width 0.3s ease; }
  @media screen and (min-width: 60em) {
    .main-navigation {
      padding: 40px;
      display: inline-block;
      position: fixed;
      top: 0;
      right: 0;
      font-size: 0.75rem; }
      .main-navigation ul {
        opacity: 1;
        visibility: visible;
        padding: 10px; }
        .main-navigation ul li {
          opacity: 1;
          display: inline-block;
          margin-left: 40px;
          transform: translateX(0); }
        .main-navigation ul li.current-menu-item a:after, .main-navigation ul a:after {
          content: '';
          position: absolute;
          bottom: -5px;
          left: 0;
          width: 0%;
          border-bottom: 1px solid #222222;
          transition: 0.4s; }
        .main-navigation ul li.current-menu-item a:after, .main-navigation ul a:hover:after {
          width: 100%; } }
  @media screen and (min-width: 100em) {
    .main-navigation {
      padding: 60px;
      font-size: 1.125rem; }
      .main-navigation ul li {
        display: inline-block;
        margin-left: 60px; }
        .main-navigation ul li a {
          letter-spacing: -0.040rem; } }
  .main-navigation .menu-toggle {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    text-indent: 100%;
    font-size: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10001;
    outline: none;
    width: 1.25rem;
    height: 1.25rem; }
    .main-navigation .menu-toggle .menu-line {
      width: 100%;
      height: 1px;
      background-color: #111;
      position: absolute;
      top: 50%;
      margin-top: -3px;
      transform: translateY(-3px) translateZ(0);
      transition: transform .5s ease; }
      .main-navigation .menu-toggle .menu-line:last-child {
        transform: translateY(3px) translateZ(0); }
  .main-navigation.toggled {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: none; }
    .main-navigation.toggled > div {
      width: 100%;
      background: #9B9B9B; }
    .main-navigation.toggled ul {
      opacity: 1;
      visibility: visible;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      line-height: 0.9; }
      .main-navigation.toggled ul li {
        font-family: 'gilroyextrabold';
        transform: translateX(0); }
        .main-navigation.toggled ul li:nth-child(1) {
          transition: all 0.5s 0.02s ease; }
        .main-navigation.toggled ul li:nth-child(2) {
          transition: all 0.5s 0.04s ease; }
        .main-navigation.toggled ul li:nth-child(3) {
          transition: all 0.5s 0.06s ease; }
        .main-navigation.toggled ul li:nth-child(4) {
          transition: all 0.5s 0.08s ease; }
        .main-navigation.toggled ul li:nth-child(5) {
          transition: all 0.5s 0.1s ease; }
        .main-navigation.toggled ul li a {
          color: #ffffff;
          font-size: 2.25rem;
          letter-spacing: -0.094rem; }
          .main-navigation.toggled ul li a:after {
            bottom: 2px;
            border-bottom: 1px solid #ffffff; }
    .main-navigation.toggled .menu-line {
      background-color: #ffffff;
      transform: rotate(45deg) translateZ(0); }
      .main-navigation.toggled .menu-line:last-child {
        background-color: #ffffff;
        transform: rotate(-45deg) translateZ(0); }
  @media screen and (min-width: 60em) {
    .main-navigation .menu-toggle {
      display: none; }
    .main-navigation ul li {
      transition: none; }
    .main-navigation > div {
      position: relative;
      left: auto;
      width: auto;
      height: auto;
      background: transparent; } }

/* Typography */
h1, h2, h3 {
  font-family: 'gilroyextrabold';
  margin: 0;
  padding: 0;
  font-weight: normal; }

h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

h1 {
  font-size: 2.25rem;
  line-height: 0.85;
  letter-spacing: -0.068rem; }
  @media screen and (min-width: 60em) {
    h1 {
      font-size: 6rem;
      line-height: 0.85;
      letter-spacing: -0.205rem; } }
  @media screen and (min-width: 100em) {
    h1 {
      font-size: 8rem;
      line-height: 0.85;
      letter-spacing: -0.384rem; } }

h4 {
  display: inline-block;
  font-size: 0.875rem; }
  @media screen and (min-width: 60em) {
    h4 {
      font-size: 1.5rem; } }
  @media screen and (min-width: 100em) {
    h4 {
      font-size: 2rem; } }

h2 {
  font-size: 2rem;
  margin-top: 10px;
  line-height: 1;
  letter-spacing: -0.099rem; }

/* Buttons */
.underline:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #222222;
  transition: 0.4s; }
.underline:hover:after {
  width: 100%; }

.chevron.down {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44.56 21.18'%3E%3Cpath fill='none' stroke='%23999' stroke-miterlimit='10' d='M.34.37l22.02 20.14L44.23.37'/%3E%3C/svg%3E"); }

/* Front Page */
#masthead {
  position: fixed;
  z-index: 100000;
  right: 0;
  top: 0;
  left: 0;
  height: 35px;
  background-color: #fff; }
  @media screen and (min-width: 60em) {
    #masthead {
      height: 120px; } }
  @media screen and (min-width: 100em) {
    #masthead {
      height: 150px; } }

#fp-nav.right {
  right: 10px; }
  @media screen and (min-width: 60em) {
    #fp-nav.right {
      right: 20px; } }
  @media screen and (min-width: 100em) {
    #fp-nav.right {
      right: 30px; } }

#fp-nav ul {
  margin-right: 10px; }
#fp-nav ul li a {
  display: block;
  position: relative;
  z-index: 10000;
  width: auto;
  height: auto;
  outline: none; }
#fp-nav ul li {
  height: 48px;
  width: 3px;
  margin: 0 0 10px 0; }
#fp-nav ul li a span {
  background: #DDDDDD; }
#fp-nav ul li a span, #fp-nav ul li a.active span {
  border-radius: 0;
  height: 48px;
  width: 3px;
  margin: 0; }
#fp-nav ul li a.active span {
  background: #222222; }
#fp-nav ul li:hover,
#fp-nav ul li:hover a.active span {
  border-radius: 0;
  height: 48px;
  width: 3px;
  margin: 0 0 10px 0; }
#fp-nav ul li:hover a span {
  border-radius: 0;
  height: 48px;
  width: 3px;
  margin: 0 0 10px 0; }
@media screen and (max-height: 400px) {
  #fp-nav ul {
    display: none; } }

/* Page: Headers */
.header__page {
  position: relative;
  display: block;
  padding: 10px;
  padding-top: 0;
  margin-top: 15px;
  top: 40px;
  transition: height 0.5s ease; }
  .header__page .filter {
    position: relative; }
    .header__page .filter span {
      position: absolute;
      bottom: -3px;
      display: block;
      width: auto;
      right: 0;
      white-space: nowrap; }
      .header__page .filter span a:after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0%;
        border-bottom: 1px solid #222222;
        transition: 0.4s; }
      .header__page .filter span a:hover:after {
        width: 100%; }
  .header__page .filter__list {
    display: none; }
    .header__page .filter__list a {
      color: #222222; }
    .header__page .filter__list a.active:after {
      width: 100%; }
  .header__page .filter__toggle {
    display: block;
    cursor: pointer; }
    .header__page .filter__toggle #filter__work:after {
      width: 100%; }
  .header__page .filter__list.show {
    margin-top: 10px;
    width: 50%;
    transition: all 0.5s ease;
    display: block; }
  @media screen and (min-width: 60em) {
    .header__page {
      position: fixed;
      top: 0;
      z-index: 10000;
      width: 20vw;
      align-items: center;
      padding: 40px;
      padding-top: 180px;
      margin-top: 0; }
      .header__page .filter__list {
        display: block;
        margin-top: 25px; }
        .header__page .filter__list li {
          line-height: 1.9; }
          .header__page .filter__list li a:after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0%;
            border-bottom: 1px solid #222222;
            transition: 0.4s; }
          .header__page .filter__list li a:hover:after {
            width: 100%; }
      .header__page .filter {
        flex: 1; }
        .header__page .filter > span {
          display: none; } }
  @media screen and (min-width: 100em) {
    .header__page {
      top: 15vh;
      padding: 60px; } }
  @media screen and (max-height: 700px) and (min-width: 60em) {
    .header__page {
      position: relative; } }
  @media screen and (max-height: 700px) and (min-width: 100em) {
    .header__page {
      position: relative; } }

/* Loader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: white;
  position: fixed;
  z-index: 100005;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px; }

.loader {
  position: fixed;
  transition: transform 0.5s ease;
  transform: translate3d(0, 0, 0);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #84754E;
  left: 0;
  z-index: 100001; }

.loader-circ {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100001;
  pointer-events: none; }
  @media screen and (min-width: 60em) {
    .loader-circ {
      top: 0;
      right: 0;
      padding: 40px; } }
  @media screen and (min-width: 100em) {
    .loader-circ {
      padding: 60px; } }

.site-title.reverse {
  position: fixed;
  z-index: 300000;
  left: 10px;
  top: 10px; }
  .site-title.reverse a:after {
    background-image: url("data:image/svg+xml,%3Csvg width='230' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23111' d='M223.3.001l-22.26 11.416L178.778.001h-3.944l24.234 12.428-25.524 13.088h3.946L201.04 13.44l23.548 12.078h3.946L203.01 12.43 227.245.001zM59.746 23.711h43.342c1.49 0 2.7-1.21 2.7-2.702V4.505a2.701 2.701 0 0 0-2.7-2.698H59.746v21.904zm43.342 1.798H57.946V.005h45.142c2.482 0 4.5 2.02 4.5 4.5V21.01c0 2.484-2.018 4.5-4.5 4.5zM162.545 25.49h-40.642c-2.482 0-4.5-2.02-4.5-4.5V0h1.8v20.99c0 1.489 1.21 2.7 2.7 2.7h40.642c1.488 0 2.7-1.211 2.7-2.7V0h1.8v20.99c0 2.48-2.018 4.5-4.5 4.5'/%3E%3Cpath d='M46.931 12.405c.17-.128.336-.266.492-.418a4.479 4.479 0 0 0 1.318-3.182l.004-4.272a4.465 4.465 0 0 0-1.316-3.182A4.464 4.464 0 0 0 44.247.03L.005 0v1.798l44.242.032c.722 0 1.398.282 1.908.79.51.51.79 1.19.79 1.91l-.004 4.272c0 .722-.28 1.398-.792 1.908-.51.51-1.186.79-1.906.79h-.002l-20.32-.03-.002 1.802h.004v.03h20.32c1.488 0 2.7 1.212 2.7 2.702v4.998a2.702 2.702 0 0 1-2.7 2.698H.001v1.802h44.242c2.48 0 4.5-2.02 4.5-4.5v-4.998c0-1.474-.714-2.78-1.812-3.6' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E"); }
  @media screen and (min-width: 60em) {
    .site-title.reverse {
      top: 0;
      left: 0;
      padding: 40px; } }
  @media screen and (min-width: 100em) {
    .site-title.reverse {
      padding: 60px; } }

@keyframes loader-enter {
  0% {
    transform: translate3d(-100%, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }
@keyframes loader-exit {
  0% {
    transform: translate3d(0, 0, 0); }
  99% {
    transform: translate3d(100%, 0, 0); }
  100% {
    transform: translate3d(101%, 0, 0);
    display: none; } }
.loader.enter {
  animation: loader-enter 0.5s 1 ease;
  animation-fill-mode: forwards; }

.loader.exit {
  animation: loader-exit 0.5s 1 ease;
  animation-fill-mode: forwards; }

.loader.init {
  width: 100%; }

.tagline {
  position: absolute;
  font-family: 'gilroyextrabold';
  font-size: 5rem;
  line-height: 0.9;
  letter-spacing: -0.1rem;
  color: #ffffff;
  left: 10px;
  bottom: 0;
  opacity: 1;
  text-indent: -500%;
  overflow: hidden;
  height: 28vh;
  width: 100%;
  z-index: 300000;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='338' height='172' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M55.013 145.162l-3.397-10.711H26.382l-3.397 10.71H6L29.1 77h19.799l23.1 68.162H55.012zm-23.972-25.317h15.917l-7.959-25.026-7.958 25.026zm75.637-23.37h14.17v46.253c0 16.358-12.714 23.272-25.623 23.272-10.094 0-18.538-3.798-23.002-11.782l12.423-7.206c1.844 3.408 4.659 6.135 11.064 6.135 6.794 0 10.968-3.506 10.968-10.42v-4.479c-3.203 3.993-7.862 6.33-14.17 6.33-13.782 0-23.876-11.296-23.876-24.733 0-13.438 10.094-24.733 23.875-24.733 6.31 0 10.968 2.337 14.17 6.329v-4.966zM94.934 131.14c6.89 0 11.744-4.577 11.744-11.295 0-6.72-4.853-11.296-11.744-11.296s-11.744 4.577-11.744 11.296c0 6.718 4.853 11.295 11.744 11.295zm44.773-4.48c1.844 5.064 6.309 6.817 11.647 6.817 3.98 0 7.376-1.558 9.317-3.7l11.647 6.719c-4.756 6.621-11.938 10.03-21.158 10.03-16.597 0-26.885-11.199-26.885-25.708 0-14.508 10.482-25.706 25.817-25.706 14.17 0 24.653 11.003 24.653 25.706 0 2.045-.195 3.993-.583 5.843h-34.455zm-.291-10.905h20.867c-1.553-5.648-5.92-7.693-10.288-7.693-5.532 0-9.22 2.727-10.579 7.693zm67.193-20.643c9.803 0 18.15 7.01 18.15 20.156v29.894H210.2V117.41c0-6.037-3.785-8.86-8.443-8.86-5.339 0-9.027 3.115-9.027 10.029v26.583h-14.558V96.475h14.558v4.576c2.62-3.602 7.474-5.94 13.88-5.94zm46.618 51.413c-14.753 0-25.72-11.198-25.72-25.707 0-14.508 10.967-25.706 25.72-25.706 9.414 0 17.761 4.966 21.934 12.463l-12.714 7.4c-1.65-3.407-5.144-5.452-9.414-5.452-6.31 0-10.968 4.577-10.968 11.295 0 6.72 4.659 11.296 10.968 11.296 4.27 0 7.861-2.045 9.414-5.453l12.714 7.303c-4.173 7.595-12.423 12.561-21.934 12.561zm53.993-50.05h15.53L306.152 143.7c-5.435 15.483-14.073 21.617-27.661 20.936v-13.633c6.794 0 9.996-2.142 12.132-8.082l-19.315-46.447h16.015l10.773 29.796 9.123-29.796zm15.56 50.05c-5.047 0-9.22-4.187-9.22-9.25 0-5.064 4.173-9.25 9.22-9.25 5.047 0 9.22 4.186 9.22 9.25 0 5.063-4.173 9.25-9.22 9.25zM38.351 73C18.831 73 3 57.59 3 37.5S18.83 2 38.351 2s35.351 15.41 35.351 35.5S57.872 73 38.352 73zm0-15.214c11.072 0 19.812-8.095 19.812-20.286 0-12.19-8.74-20.286-19.812-20.286-11.071 0-19.812 8.095-19.812 20.286 0 12.19 8.74 20.286 19.812 20.286zm67.237-36.28c9.808 0 18.16 7.021 18.16 20.188v29.94h-14.567V43.84c0-6.046-3.788-8.875-8.45-8.875-5.34 0-9.031 3.121-9.031 10.046v26.625H77.132V22.87H91.7v4.584c2.622-3.609 7.478-5.95 13.888-5.95zm36.352 31.598c1.845 5.072 6.313 6.827 11.654 6.827 3.982 0 7.381-1.56 9.324-3.706l11.654 6.73C169.813 69.587 162.626 73 153.4 73c-16.607 0-26.902-11.216-26.902-25.747 0-14.532 10.49-25.748 25.834-25.748 14.18 0 24.668 11.021 24.668 25.748 0 2.048-.194 3.998-.583 5.851H141.94zm-.291-10.923h20.88c-1.554-5.656-5.924-7.704-10.294-7.704-5.536 0-9.226 2.73-10.586 7.704z'/%3E%3C/g%3E%3C/svg%3E"); }
  @media screen and (min-width: 60em) {
    .tagline {
      height: 32vh;
      bottom: 12vh;
      left: -10px;
      background-size: contain;
      margin: 40px; } }
  @media screen and (min-width: 100em) {
    .tagline {
      margin: 60px; } }

/* Transitions */
.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 17, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadein {
  -webkit-animation-name: slide;
  animation-name: slide; }

/* line 22, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* line 27, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

/* line 32, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene .scene_element--delayed {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

/* line 37, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }

/* line 42, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

/* line 47, /Users/miguelperez/Sites/csstricks/source/stylesheets/pageTransitions.css.scss */
.m-scene.is-exiting .scene_element--noexiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Revealer */
.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0; }

/* Progressively */
/*
 * progressively 1.1.2
 * https://github.com/thinker3197/progressively
 * @license MIT licensed
 *
 * Copyright (C) 2016-17 Ashish
 */
.progressive {
  overflow: hidden;
  position: relative;
  background: #fff; }

.progressive__img {
  width: 100%;
  height: 100%;
  transform: translateZ(0); }

@keyframes sharpen {
  from {
    filter: blur(0px); }
  to {
    filter: blur(0px); } }
.spinner {
  z-index: 400000;
  width: 100vw;
  height: 100vw;
  background-color: #ffffff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 2.0s infinite ease-in-out;
  animation: sk-scaleout 2.0s infinite ease-in-out;
  position: absolute;
  top: calc(50% - 50vw);
  left: -50vw; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(5);
    opacity: 0; } }
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(5);
    transform: scale(5);
    opacity: 0; } }

/*# sourceMappingURL=global.css.map */