/*! SassyStrings - v0.0.1 - 2014-02-16 */
/* line 17, ../../_base/lib/imgset/_imgset.scss */
.imgset-el {
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
  display: block; }
  /* line 23, ../../_base/lib/imgset/_imgset.scss */
  .imgset-el:not(.preview) {
    position: absolute;
    left: 0;
    top: 0; }
  /* line 30, ../../_base/lib/imgset/_imgset.scss */
  .imgset-el.preview {
    opacity: .3; }
    /* line 35, ../../_base/lib/imgset/_imgset.scss */
    .imgset-el.preview.hide {
      opacity: 0; }
  /* line 40, ../../_base/lib/imgset/_imgset.scss */
  .imgset-el.bp-current, .imgset-el.hiding {
    opacity: 1; }

/* line 47, ../../_base/lib/imgset/_imgset.scss */
.imgset-preview-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -webkit-backdrop-filter: blur(5px) saturate(0%);
  backdrop-filter: blur(5px) saturate(0%); }

/* line 55, ../../_base/lib/imgset/_imgset.scss */
.imgset-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; }

/* line 13, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero {
  position: relative;
  max-width: 2880px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  z-index: 1; }

/* line 24, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-bgd-wrapper {
  position: relative;
  z-index: 1;
  background-size: cover;
  width: 100%;
  height: 0;
  overflow: hidden; }

/* line 35, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-content-wrapper {
  padding-left: 22px;
  padding-left: -webkit-calc(22px);
  padding-left: calc(22px);
  padding-left: -webkit-calc(22px + constant(safe-area-inset-left));
  padding-left: calc(22px + constant(safe-area-inset-left));
  padding-left: -webkit-calc(22px + env(safe-area-inset-left));
  padding-left: calc(22px + env(safe-area-inset-left));
  padding-right: 22px;
  padding-right: -webkit-calc(22px);
  padding-right: calc(22px);
  padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
  padding-right: calc(22px + constant(safe-area-inset-right));
  padding-right: -webkit-calc(22px + env(safe-area-inset-right));
  padding-right: calc(22px + env(safe-area-inset-right));
  -moz-transition: padding-top, 0.5s;
  -o-transition: padding-top, 0.5s;
  -webkit-transition: padding-top, 0.5s;
  transition: padding-top, 0.5s;
  -moz-transition: padding-bottom, 0.5s;
  -o-transition: padding-bottom, 0.5s;
  -webkit-transition: padding-bottom, 0.5s;
  transition: padding-bottom, 0.5s;
  padding-top: 22px;
  padding-top: -webkit-calc(22px);
  padding-top: calc(22px);
  padding-top: -webkit-calc(22px + constant(safe-area-inset-top));
  padding-top: calc(22px + constant(safe-area-inset-top));
  padding-top: -webkit-calc(22px + env(safe-area-inset-top));
  padding-top: calc(22px + env(safe-area-inset-top));
  padding-bottom: 22px;
  padding-bottom: -webkit-calc(22px);
  padding-bottom: calc(22px);
  padding-bottom: -webkit-calc(22px + constant(safe-area-inset-bottom));
  padding-bottom: calc(22px + constant(safe-area-inset-bottom));
  padding-bottom: -webkit-calc(22px + env(safe-area-inset-bottom));
  padding-bottom: calc(22px + env(safe-area-inset-bottom));
  max-width: 1041px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 35, ../../_base/lib/ar-hero/_ar-hero.scss */
    .ar-hero-content-wrapper {
      padding-top: 33px;
      padding-top: -webkit-calc(33px);
      padding-top: calc(33px);
      padding-top: -webkit-calc(33px + constant(safe-area-inset-top));
      padding-top: calc(33px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(33px + env(safe-area-inset-top));
      padding-top: calc(33px + env(safe-area-inset-top));
      padding-bottom: 33px;
      padding-bottom: -webkit-calc(33px);
      padding-bottom: calc(33px);
      padding-bottom: -webkit-calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(33px + env(safe-area-inset-bottom));
      padding-bottom: calc(33px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 35, ../../_base/lib/ar-hero/_ar-hero.scss */
    .ar-hero-content-wrapper {
      padding-top: 44px;
      padding-top: -webkit-calc(44px);
      padding-top: calc(44px);
      padding-top: -webkit-calc(44px + constant(safe-area-inset-top));
      padding-top: calc(44px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(44px + env(safe-area-inset-top));
      padding-top: calc(44px + env(safe-area-inset-top));
      padding-bottom: 44px;
      padding-bottom: -webkit-calc(44px);
      padding-bottom: calc(44px);
      padding-bottom: -webkit-calc(44px + constant(safe-area-inset-bottom));
      padding-bottom: calc(44px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(44px + env(safe-area-inset-bottom));
      padding-bottom: calc(44px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1881px) and (min-height: 1281px) {
    /* line 35, ../../_base/lib/ar-hero/_ar-hero.scss */
    .ar-hero-content-wrapper {
      padding-top: 66px;
      padding-top: -webkit-calc(66px);
      padding-top: calc(66px);
      padding-top: -webkit-calc(66px + constant(safe-area-inset-top));
      padding-top: calc(66px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(66px + env(safe-area-inset-top));
      padding-top: calc(66px + env(safe-area-inset-top));
      padding-bottom: 66px;
      padding-bottom: -webkit-calc(66px);
      padding-bottom: calc(66px);
      padding-bottom: -webkit-calc(66px + constant(safe-area-inset-bottom));
      padding-bottom: calc(66px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(66px + env(safe-area-inset-bottom));
      padding-bottom: calc(66px + env(safe-area-inset-bottom)); } }

/* line 44, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-imgset {
  position: relative; }

/* line 48, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-bgd-imgset {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* line 55, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-bgd-img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 0; }

/* line 73, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-bgd-wrapper,
.ar-hero-bgd-img {
  padding-bottom: 40%; }

/* line 79, ../../_base/lib/ar-hero/_ar-hero.scss */
.ar-hero-img {
  width: 100%;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 2, ../../_base/lib/ini/styles/_buttons.scss */
.button {
  cursor: pointer; }

/* line 3, ../../_base/lib/forms/forms-slim.scss */
form {
  margin: 44px auto;
  padding: 22px;
  max-width: 600px;
  border: 2px solid;
  border-color: #adadad ;
  /* 2 color name: 'fore-alt-2',  scheme: 'bright' */
  /* parent border-color fore-alt-2 #adadad */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  /* line 64, ../../_base/sys/styles/lib/_properties.scss */
  .c-dark form {
    border-color: #bd9de3 ;
    /* 1 color name: 'fore-alt-2',  scheme: 'dark' */ }
  /* line 13, ../../_base/lib/forms/forms-slim.scss */
  form p {
    font-size: 18.9px;
    line-height: 1.4em; }
    @media (min-width: 768px) {
      /* line 13, ../../_base/lib/forms/forms-slim.scss */
      form p {
        font-size: 24.3px; } }
    /* line 16, ../../_base/lib/forms/forms-slim.scss */
    form p label,
    form p input[type=submit] {
      margin-top: 22px; }
    /* line 22, ../../_base/lib/forms/forms-slim.scss */
    form p input[type=password] {
      border-bottom: 1px solid;
      border-color: #868686 ;
      /* 2 color name: 'fore-alt',  scheme: 'bright' */
      /* parent border-color fore-alt #868686 */ }
      /* line 64, ../../_base/sys/styles/lib/_properties.scss */
      .c-dark form p input[type=password] {
        border-color: #bdbcbc ;
        /* 1 color name: 'fore-alt',  scheme: 'dark' */ }

/* line 7, portfolio.scss */
.mc-header {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  padding-left: 22px;
  padding-left: -webkit-calc(22px);
  padding-left: calc(22px);
  padding-left: -webkit-calc(22px + constant(safe-area-inset-left));
  padding-left: calc(22px + constant(safe-area-inset-left));
  padding-left: -webkit-calc(22px + env(safe-area-inset-left));
  padding-left: calc(22px + env(safe-area-inset-left));
  padding-right: 22px;
  padding-right: -webkit-calc(22px);
  padding-right: calc(22px);
  padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
  padding-right: calc(22px + constant(safe-area-inset-right));
  padding-right: -webkit-calc(22px + env(safe-area-inset-right));
  padding-right: calc(22px + env(safe-area-inset-right));
  margin: 0 auto;
  -moz-transition: padding-bottom, 0.5s;
  -o-transition: padding-bottom, 0.5s;
  -webkit-transition: padding-bottom, 0.5s;
  transition: padding-bottom, 0.5s;
  padding-bottom: 11px;
  padding-bottom: -webkit-calc(11px);
  padding-bottom: calc(11px);
  padding-bottom: -webkit-calc(11px + constant(safe-area-inset-bottom));
  padding-bottom: calc(11px + constant(safe-area-inset-bottom));
  padding-bottom: -webkit-calc(11px + env(safe-area-inset-bottom));
  padding-bottom: calc(11px + env(safe-area-inset-bottom)); }
  @media (min-width: 481px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-left: 33px;
      padding-left: -webkit-calc(33px);
      padding-left: calc(33px);
      padding-left: -webkit-calc(33px + constant(safe-area-inset-left));
      padding-left: calc(33px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(33px + env(safe-area-inset-left));
      padding-left: calc(33px + env(safe-area-inset-left));
      padding-right: 33px;
      padding-right: -webkit-calc(33px);
      padding-right: calc(33px);
      padding-right: -webkit-calc(33px + constant(safe-area-inset-right));
      padding-right: calc(33px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(33px + env(safe-area-inset-right));
      padding-right: calc(33px + env(safe-area-inset-right)); } }
  @media (min-width: 600px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-left: 44px;
      padding-left: -webkit-calc(44px);
      padding-left: calc(44px);
      padding-left: -webkit-calc(44px + constant(safe-area-inset-left));
      padding-left: calc(44px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(44px + env(safe-area-inset-left));
      padding-left: calc(44px + env(safe-area-inset-left));
      padding-right: 44px;
      padding-right: -webkit-calc(44px);
      padding-right: calc(44px);
      padding-right: -webkit-calc(44px + constant(safe-area-inset-right));
      padding-right: calc(44px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(44px + env(safe-area-inset-right));
      padding-right: calc(44px + env(safe-area-inset-right)); } }
  @media (min-width: 1041px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-left: 55px;
      padding-left: -webkit-calc(55px);
      padding-left: calc(55px);
      padding-left: -webkit-calc(55px + constant(safe-area-inset-left));
      padding-left: calc(55px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(55px + env(safe-area-inset-left));
      padding-left: calc(55px + env(safe-area-inset-left));
      padding-right: 55px;
      padding-right: -webkit-calc(55px);
      padding-right: calc(55px);
      padding-right: -webkit-calc(55px + constant(safe-area-inset-right));
      padding-right: calc(55px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(55px + env(safe-area-inset-right));
      padding-right: calc(55px + env(safe-area-inset-right)); } }
  @media (min-width: 1600px) {
    /* line 7, portfolio.scss */
    .mc-header {
      width: 1600px; } }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-bottom: 16.5px;
      padding-bottom: -webkit-calc(16.5px);
      padding-bottom: calc(16.5px);
      padding-bottom: -webkit-calc(16.5px + constant(safe-area-inset-bottom));
      padding-bottom: calc(16.5px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(16.5px + env(safe-area-inset-bottom));
      padding-bottom: calc(16.5px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-bottom: 22px;
      padding-bottom: -webkit-calc(22px);
      padding-bottom: calc(22px);
      padding-bottom: -webkit-calc(22px + constant(safe-area-inset-bottom));
      padding-bottom: calc(22px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(22px + env(safe-area-inset-bottom));
      padding-bottom: calc(22px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1881px) and (min-height: 1281px) {
    /* line 7, portfolio.scss */
    .mc-header {
      padding-bottom: 33px;
      padding-bottom: -webkit-calc(33px);
      padding-bottom: calc(33px);
      padding-bottom: -webkit-calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(33px + env(safe-area-inset-bottom));
      padding-bottom: calc(33px + env(safe-area-inset-bottom)); } }

/* line 14, portfolio.scss */
.mc-header-container {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  position: relative;
  margin-left: -22px; }
  /* line 292, ../../_base/sys/styles/lib/_utilities.scss */
  .mc-header-container:after {
    content: '';
    display: block;
    clear: both; }
  @media (min-width: 1600px) {
    /* line 14, portfolio.scss */
    .mc-header-container {
      position: static; } }

/* line 19, portfolio.scss */
.mc-title,
.mc-headline {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px); }
  @media (min-width: 481px) {
    /* line 19, portfolio.scss */
    .mc-title,
    .mc-headline {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 19, portfolio.scss */
    .mc-title,
    .mc-headline {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }
  @media (min-width: 800px) and (min-height: 481px) {
    /* line 19, portfolio.scss */
    .mc-title,
    .mc-headline {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1041px) {
    /* line 19, portfolio.scss */
    .mc-title,
    .mc-headline {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 19, portfolio.scss */
    .mc-title,
    .mc-headline {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 25, portfolio.scss */
.the-title {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 36px;
  line-height: 1.0979em;
  margin-bottom: 22px;
  padding-right: 10%; }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 25, portfolio.scss */
    .the-title {
      font-size: 41.4px; } }
  @media (min-width: 1041px) and (min-height: 768px) {
    /* line 25, portfolio.scss */
    .the-title {
      font-size: 48.6px; } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 25, portfolio.scss */
    .the-title {
      font-size: 54px; } }
  /* line 31, portfolio.scss */
  .the-title.hanging-punctuation {
    text-indent: -.2em; }

/* line 37, portfolio.scss */
.the-headline {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 18.9px;
  line-height: 1.305em;
  margin-bottom: 22px;
  padding-top: 8px;
  margin-top: -.1em;
  padding-right: 10%; }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 37, portfolio.scss */
    .the-headline {
      font-size: 21.6px; } }
  @media (min-width: 1041px) and (min-height: 768px) {
    /* line 37, portfolio.scss */
    .the-headline {
      font-size: 24.3px; } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 37, portfolio.scss */
    .the-headline {
      font-size: 30.6px; } }

/* line 48, portfolio.scss */
.ar-hero {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  padding-left: 22px;
  padding-left: -webkit-calc(22px);
  padding-left: calc(22px);
  padding-left: -webkit-calc(22px + constant(safe-area-inset-left));
  padding-left: calc(22px + constant(safe-area-inset-left));
  padding-left: -webkit-calc(22px + env(safe-area-inset-left));
  padding-left: calc(22px + env(safe-area-inset-left));
  padding-right: 22px;
  padding-right: -webkit-calc(22px);
  padding-right: calc(22px);
  padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
  padding-right: calc(22px + constant(safe-area-inset-right));
  padding-right: -webkit-calc(22px + env(safe-area-inset-right));
  padding-right: calc(22px + env(safe-area-inset-right));
  margin-bottom: 22px; }
  @media (min-width: 481px) {
    /* line 48, portfolio.scss */
    .ar-hero {
      padding-left: 33px;
      padding-left: -webkit-calc(33px);
      padding-left: calc(33px);
      padding-left: -webkit-calc(33px + constant(safe-area-inset-left));
      padding-left: calc(33px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(33px + env(safe-area-inset-left));
      padding-left: calc(33px + env(safe-area-inset-left));
      padding-right: 33px;
      padding-right: -webkit-calc(33px);
      padding-right: calc(33px);
      padding-right: -webkit-calc(33px + constant(safe-area-inset-right));
      padding-right: calc(33px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(33px + env(safe-area-inset-right));
      padding-right: calc(33px + env(safe-area-inset-right)); } }
  @media (min-width: 600px) {
    /* line 48, portfolio.scss */
    .ar-hero {
      padding-left: 44px;
      padding-left: -webkit-calc(44px);
      padding-left: calc(44px);
      padding-left: -webkit-calc(44px + constant(safe-area-inset-left));
      padding-left: calc(44px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(44px + env(safe-area-inset-left));
      padding-left: calc(44px + env(safe-area-inset-left));
      padding-right: 44px;
      padding-right: -webkit-calc(44px);
      padding-right: calc(44px);
      padding-right: -webkit-calc(44px + constant(safe-area-inset-right));
      padding-right: calc(44px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(44px + env(safe-area-inset-right));
      padding-right: calc(44px + env(safe-area-inset-right)); } }
  @media (min-width: 1041px) {
    /* line 48, portfolio.scss */
    .ar-hero {
      padding-left: 55px;
      padding-left: -webkit-calc(55px);
      padding-left: calc(55px);
      padding-left: -webkit-calc(55px + constant(safe-area-inset-left));
      padding-left: calc(55px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(55px + env(safe-area-inset-left));
      padding-left: calc(55px + env(safe-area-inset-left));
      padding-right: 55px;
      padding-right: -webkit-calc(55px);
      padding-right: calc(55px);
      padding-right: -webkit-calc(55px + constant(safe-area-inset-right));
      padding-right: calc(55px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(55px + env(safe-area-inset-right));
      padding-right: calc(55px + env(safe-area-inset-right)); } }
  @media (min-width: 1600px) {
    /* line 48, portfolio.scss */
    .ar-hero {
      width: 1600px; } }

/* line 54, portfolio.scss */
.ar-hero-separator {
  display: none; }

/* line 71, portfolio.scss */
.mc-section {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  padding-left: 22px;
  padding-left: -webkit-calc(22px);
  padding-left: calc(22px);
  padding-left: -webkit-calc(22px + constant(safe-area-inset-left));
  padding-left: calc(22px + constant(safe-area-inset-left));
  padding-left: -webkit-calc(22px + env(safe-area-inset-left));
  padding-left: calc(22px + env(safe-area-inset-left));
  padding-right: 22px;
  padding-right: -webkit-calc(22px);
  padding-right: calc(22px);
  padding-right: -webkit-calc(22px + constant(safe-area-inset-right));
  padding-right: calc(22px + constant(safe-area-inset-right));
  padding-right: -webkit-calc(22px + env(safe-area-inset-right));
  padding-right: calc(22px + env(safe-area-inset-right));
  margin: 0 auto;
  overflow: hidden; }
  @media (min-width: 481px) {
    /* line 71, portfolio.scss */
    .mc-section {
      padding-left: 33px;
      padding-left: -webkit-calc(33px);
      padding-left: calc(33px);
      padding-left: -webkit-calc(33px + constant(safe-area-inset-left));
      padding-left: calc(33px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(33px + env(safe-area-inset-left));
      padding-left: calc(33px + env(safe-area-inset-left));
      padding-right: 33px;
      padding-right: -webkit-calc(33px);
      padding-right: calc(33px);
      padding-right: -webkit-calc(33px + constant(safe-area-inset-right));
      padding-right: calc(33px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(33px + env(safe-area-inset-right));
      padding-right: calc(33px + env(safe-area-inset-right)); } }
  @media (min-width: 600px) {
    /* line 71, portfolio.scss */
    .mc-section {
      padding-left: 44px;
      padding-left: -webkit-calc(44px);
      padding-left: calc(44px);
      padding-left: -webkit-calc(44px + constant(safe-area-inset-left));
      padding-left: calc(44px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(44px + env(safe-area-inset-left));
      padding-left: calc(44px + env(safe-area-inset-left));
      padding-right: 44px;
      padding-right: -webkit-calc(44px);
      padding-right: calc(44px);
      padding-right: -webkit-calc(44px + constant(safe-area-inset-right));
      padding-right: calc(44px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(44px + env(safe-area-inset-right));
      padding-right: calc(44px + env(safe-area-inset-right)); } }
  @media (min-width: 1041px) {
    /* line 71, portfolio.scss */
    .mc-section {
      padding-left: 55px;
      padding-left: -webkit-calc(55px);
      padding-left: calc(55px);
      padding-left: -webkit-calc(55px + constant(safe-area-inset-left));
      padding-left: calc(55px + constant(safe-area-inset-left));
      padding-left: -webkit-calc(55px + env(safe-area-inset-left));
      padding-left: calc(55px + env(safe-area-inset-left));
      padding-right: 55px;
      padding-right: -webkit-calc(55px);
      padding-right: calc(55px);
      padding-right: -webkit-calc(55px + constant(safe-area-inset-right));
      padding-right: calc(55px + constant(safe-area-inset-right));
      padding-right: -webkit-calc(55px + env(safe-area-inset-right));
      padding-right: calc(55px + env(safe-area-inset-right)); } }
  @media (min-width: 1600px) {
    /* line 71, portfolio.scss */
    .mc-section {
      width: 1600px; } }
  /* line 77, portfolio.scss */
  .mc-section.work-piece-portfolio {
    -moz-transition: padding-bottom, 0.5s;
    -o-transition: padding-bottom, 0.5s;
    -webkit-transition: padding-bottom, 0.5s;
    transition: padding-bottom, 0.5s;
    padding-bottom: 22px;
    padding-bottom: -webkit-calc(22px);
    padding-bottom: calc(22px);
    padding-bottom: -webkit-calc(22px + constant(safe-area-inset-bottom));
    padding-bottom: calc(22px + constant(safe-area-inset-bottom));
    padding-bottom: -webkit-calc(22px + env(safe-area-inset-bottom));
    padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
    @media (min-width: 768px) and (min-height: 600px) {
      /* line 77, portfolio.scss */
      .mc-section.work-piece-portfolio {
        padding-bottom: 33px;
        padding-bottom: -webkit-calc(33px);
        padding-bottom: calc(33px);
        padding-bottom: -webkit-calc(33px + constant(safe-area-inset-bottom));
        padding-bottom: calc(33px + constant(safe-area-inset-bottom));
        padding-bottom: -webkit-calc(33px + env(safe-area-inset-bottom));
        padding-bottom: calc(33px + env(safe-area-inset-bottom)); } }
    @media (min-width: 1441px) and (min-height: 1041px) {
      /* line 77, portfolio.scss */
      .mc-section.work-piece-portfolio {
        padding-bottom: 44px;
        padding-bottom: -webkit-calc(44px);
        padding-bottom: calc(44px);
        padding-bottom: -webkit-calc(44px + constant(safe-area-inset-bottom));
        padding-bottom: calc(44px + constant(safe-area-inset-bottom));
        padding-bottom: -webkit-calc(44px + env(safe-area-inset-bottom));
        padding-bottom: calc(44px + env(safe-area-inset-bottom)); } }
    @media (min-width: 1881px) and (min-height: 1281px) {
      /* line 77, portfolio.scss */
      .mc-section.work-piece-portfolio {
        padding-bottom: 66px;
        padding-bottom: -webkit-calc(66px);
        padding-bottom: calc(66px);
        padding-bottom: -webkit-calc(66px + constant(safe-area-inset-bottom));
        padding-bottom: calc(66px + constant(safe-area-inset-bottom));
        padding-bottom: -webkit-calc(66px + env(safe-area-inset-bottom));
        padding-bottom: calc(66px + env(safe-area-inset-bottom)); } }

/* line 83, portfolio.scss */
.mc-section-wrapper {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  position: relative;
  margin-left: -22px; }
  /* line 292, ../../_base/sys/styles/lib/_utilities.scss */
  .mc-section-wrapper:after {
    content: '';
    display: block;
    clear: both; }
  @media (min-width: 1600px) {
    /* line 83, portfolio.scss */
    .mc-section-wrapper {
      position: static; } }

/* line 88, portfolio.scss */
.mc-item {
  margin-bottom: 22px; }

/* line 94, portfolio.scss */
.mc-item-separator {
  display: none; }

/* line 98, portfolio.scss */
.span-full {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px); }
  @media (min-width: 481px) {
    /* line 98, portfolio.scss */
    .span-full {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 98, portfolio.scss */
    .span-full {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }
  @media (min-width: 1041px) {
    /* line 98, portfolio.scss */
    .span-full {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 12 + 242px);
      width: calc(((100vw - (110px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }
  @media (min-width: 1600px) {
    /* line 98, portfolio.scss */
    .span-full {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 12 + 242px);
      width: calc(((1600px - (110px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }

/* line 103, portfolio.scss */
.span-half {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px); }
  @media (min-width: 481px) {
    /* line 103, portfolio.scss */
    .span-half {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 103, portfolio.scss */
    .span-half {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1041px) {
    /* line 103, portfolio.scss */
    .span-half {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 103, portfolio.scss */
    .span-half {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 108, portfolio.scss */
.span-left {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  clear: both; }
  @media (min-width: 481px) {
    /* line 108, portfolio.scss */
    .span-left {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 108, portfolio.scss */
    .span-left {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1041px) {
    /* line 108, portfolio.scss */
    .span-left {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 108, portfolio.scss */
    .span-left {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 114, portfolio.scss */
.span-right {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  clear: both; }
  @media (min-width: 481px) {
    /* line 114, portfolio.scss */
    .span-right {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 114, portfolio.scss */
    .span-right {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      -moz-transform: translateX(calc(((100% + (22px)))));
      -ms-transform: translateX(calc(((100% + (22px)))));
      -webkit-transform: translateX(calc(((100% + (22px)))));
      transform: translateX(calc(((100% + (22px))))); } }
  @media (min-width: 1041px) {
    /* line 114, portfolio.scss */
    .span-right {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 114, portfolio.scss */
    .span-right {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 120, portfolio.scss */
.span-left-vid {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  clear: both; }
  @media (min-width: 481px) {
    /* line 120, portfolio.scss */
    .span-left-vid {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 120, portfolio.scss */
    .span-left-vid {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }
  @media (min-width: 961px) {
    /* line 120, portfolio.scss */
    .span-left-vid {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1041px) {
    /* line 120, portfolio.scss */
    .span-left-vid {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 120, portfolio.scss */
    .span-left-vid {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 125, portfolio.scss */
.span-half-vid {
  float: left;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin-left: 22px;
  width: -webkit-calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px)) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 2) * 2 + 22px);
  width: -webkit-calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px);
  width: calc(((100vw - (44px + 22px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 2) * 2 + 22px); }
  @media (min-width: 481px) {
    /* line 125, portfolio.scss */
    .span-half-vid {
      width: -webkit-calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px)) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 6) * 6 + 110px);
      width: -webkit-calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px);
      width: calc(((100vw - (66px + 110px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 6) * 6 + 110px); } }
  @media (min-width: 600px) {
    /* line 125, portfolio.scss */
    .span-half-vid {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px)) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 12 + 242px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 12 + 242px); } }
  @media (min-width: 961px) {
    /* line 125, portfolio.scss */
    .span-half-vid {
      width: -webkit-calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (88px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1041px) {
    /* line 125, portfolio.scss */
    .span-half-vid {
      width: -webkit-calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((100vw - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }
  @media (min-width: 1600px) {
    /* line 125, portfolio.scss */
    .span-half-vid {
      width: -webkit-calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px)) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (env(safe-area-inset-left)) - (env(safe-area-inset-right))) / 12) * 6 + 110px);
      width: -webkit-calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px);
      width: calc(((1600px - (110px + 242px) - (constant(safe-area-inset-left)) - (constant(safe-area-inset-right))) / 12) * 6 + 110px); } }

/* line 137, portfolio.scss */
.mc-item-bgd-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0;
  overflow: hidden; }

/* line 147, portfolio.scss */
.mc-item-bgd-imgset {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/* line 158, portfolio.scss */
.mc-item-bgd-img {
  position: absolute;
  background-size: cover;
  background-position: 50% 43%;
  background-repeat: no-repeat;
  width: 100%;
  height: 0; }

/* line 169, portfolio.scss */
.mc-item-bgd-wrapper,
.mc-item-bgd-img {
  padding-bottom: 65%; }

/* line 181, portfolio.scss */
.wp-block-video.left.taller,
.wp-block-video.right.taller {
  overflow: hidden; }
  /* line 185, portfolio.scss */
  .wp-block-video.left.taller video,
  .wp-block-video.right.taller video {
    max-width: 115.5%;
    margin-left: -8%; }

/* line 195, portfolio.scss */
.mc-section-headline {
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 18.9px;
  line-height: 1.305em;
  -moz-transition: padding-top, 0.5s;
  -o-transition: padding-top, 0.5s;
  -webkit-transition: padding-top, 0.5s;
  transition: padding-top, 0.5s;
  -moz-transition: padding-bottom, 0.5s;
  -o-transition: padding-bottom, 0.5s;
  -webkit-transition: padding-bottom, 0.5s;
  transition: padding-bottom, 0.5s;
  padding-top: 22px;
  padding-top: -webkit-calc(22px);
  padding-top: calc(22px);
  padding-top: -webkit-calc(22px + constant(safe-area-inset-top));
  padding-top: calc(22px + constant(safe-area-inset-top));
  padding-top: -webkit-calc(22px + env(safe-area-inset-top));
  padding-top: calc(22px + env(safe-area-inset-top));
  padding-bottom: 22px;
  padding-bottom: -webkit-calc(22px);
  padding-bottom: calc(22px);
  padding-bottom: -webkit-calc(22px + constant(safe-area-inset-bottom));
  padding-bottom: calc(22px + constant(safe-area-inset-bottom));
  padding-bottom: -webkit-calc(22px + env(safe-area-inset-bottom));
  padding-bottom: calc(22px + env(safe-area-inset-bottom));
  padding-right: 8%; }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      font-size: 21.6px; } }
  @media (min-width: 1041px) and (min-height: 768px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      font-size: 24.3px; } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      font-size: 30.6px; } }
  @media (min-width: 768px) and (min-height: 600px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      padding-top: 33px;
      padding-top: -webkit-calc(33px);
      padding-top: calc(33px);
      padding-top: -webkit-calc(33px + constant(safe-area-inset-top));
      padding-top: calc(33px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(33px + env(safe-area-inset-top));
      padding-top: calc(33px + env(safe-area-inset-top));
      padding-bottom: 33px;
      padding-bottom: -webkit-calc(33px);
      padding-bottom: calc(33px);
      padding-bottom: -webkit-calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: calc(33px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(33px + env(safe-area-inset-bottom));
      padding-bottom: calc(33px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1441px) and (min-height: 1041px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      padding-top: 44px;
      padding-top: -webkit-calc(44px);
      padding-top: calc(44px);
      padding-top: -webkit-calc(44px + constant(safe-area-inset-top));
      padding-top: calc(44px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(44px + env(safe-area-inset-top));
      padding-top: calc(44px + env(safe-area-inset-top));
      padding-bottom: 44px;
      padding-bottom: -webkit-calc(44px);
      padding-bottom: calc(44px);
      padding-bottom: -webkit-calc(44px + constant(safe-area-inset-bottom));
      padding-bottom: calc(44px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(44px + env(safe-area-inset-bottom));
      padding-bottom: calc(44px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1881px) and (min-height: 1281px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      padding-top: 66px;
      padding-top: -webkit-calc(66px);
      padding-top: calc(66px);
      padding-top: -webkit-calc(66px + constant(safe-area-inset-top));
      padding-top: calc(66px + constant(safe-area-inset-top));
      padding-top: -webkit-calc(66px + env(safe-area-inset-top));
      padding-top: calc(66px + env(safe-area-inset-top));
      padding-bottom: 66px;
      padding-bottom: -webkit-calc(66px);
      padding-bottom: calc(66px);
      padding-bottom: -webkit-calc(66px + constant(safe-area-inset-bottom));
      padding-bottom: calc(66px + constant(safe-area-inset-bottom));
      padding-bottom: -webkit-calc(66px + env(safe-area-inset-bottom));
      padding-bottom: calc(66px + env(safe-area-inset-bottom)); } }
  @media (min-width: 1600px) {
    /* line 195, portfolio.scss */
    .mc-section-headline {
      padding-right: 15%; } }
  /* line 208, portfolio.scss */
  .mc-section-headline p {
    max-width: 20em; }

/* line 213, portfolio.scss */
.mc-item-imgset {
  position: relative; }

/* line 225, portfolio.scss */
.mc-item-img {
  display: block;
  width: 100%;
  height: auto; }

/* line 232, portfolio.scss */
.wp-block-video {
  margin-left: 0;
  margin-right: 0;
  text-align: center; }
  /* line 238, portfolio.scss */
  .wp-block-video video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 100vh;
    max-width: 100%;
    outline: none; }

/* line 258, portfolio.scss */
.block-id-152649 {
  margin-bottom: -2px; }

/* line 262, portfolio.scss */
.block-id-152693 .wp-block-video {
  background-color: #48a1f3; }

/* line 268, portfolio.scss */
.mc-section-headline p.hchevents-responsive-grids-tagline {
  max-width: 14em; }

/* line 279, portfolio.scss */
.block-id-152504, .block-id-152504 > *,
.block-id-152506,
.block-id-152506 > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* line 283, portfolio.scss */
.block-id-152504 .wp-block-video,
.block-id-152506 .wp-block-video {
  height: 100%;
  display: flex; }
  /* line 288, portfolio.scss */
  .block-id-152504 .wp-block-video video,
  .block-id-152506 .wp-block-video video {
    margin: auto;
    max-height: 100vh; }

/* line 297, portfolio.scss */
.block-id-153037 .wp-block-video {
  background-color: #2A5CA8; }