/* - - - - - - - - - - - - - - - - - -

// Shots

// - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

strong, b, mark {
  font-weight: 700;
  font-style: inherit; }

em, i, cite, q, address, dfn, var {
  font-style: italic;
  font-weight: inherit; }

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted; }

ins {
  border-bottom: 1px solid; }

a, u, ins {
  text-decoration: none; }

del, s {
  text-decoration: line-through; }

pre, code, samp, kbd {
  font-family: monospace; }

small {
  font-size: .75em; }

img {
  border: 0;
  font-style: italic; }

input, select, option, optgroup, textarea {
  font: inherit; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio[controls], canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

html {
  font-size: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  text-rendering: optimizeLegibility; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  display: block; }

img, object, embed {
  max-width: 100%;
  height: auto; }

input {
  -webkit-appearance: none; }

.owl-carousel {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  font: inherit; }

.owl-carousel.owl-loaded {
  opacity: 1;
  visibility: visible; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../png/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

@keyframes fluidboxLoading {
  0% {
    transform: translate(-50%, -50%) rotateX(0) rotateY(0); }
  50% {
    transform: translate(-50%, -50%) rotateX(0) rotateY(180deg); }
  100% {
    transform: translate(-50%, -50%) rotateX(0) rotateY(360deg); } }

.fluidbox {
  outline: none; }

.fluidbox__overlay {
  background-color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  cursor: zoom-out;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: -100%;
  /* Negative top and bottom is to fix some Safari cases where image got blurry */
  left: 0;
  bottom: -100%;
  /* Negative top and bottom is to fix some Safari cases where image got blurry */
  right: 0;
  /* Transition time for overlay is halved to ensure that flickering doesn't happen */
  transition: all 0.3s ease-in-out; }
  .fluidbox--opened .fluidbox__overlay {
    pointer-events: auto; }

.fluidbox__wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  transition: all 0.3s ease-in-out; }

.fluidbox__thumb {
  transition: opacity 0s ease-in-out 0s;
  /* To prevent flickering, we delay the showing of the image */ }
  .fluidbox--closed .fluidbox__thumb {
    transition: opacity 0s ease-in-out 0s; }

.fluidbox__ghost {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  transition: opacity 0.3s 0s, transform 0.3s 0s; }
  .fluidbox--opened .fluidbox__ghost {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out; }
  .fluidbox--closed .fluidbox__ghost {
    background-size: 100% auto;
    transition: all transform 0.3s 0s; }

.fluidbox__loader {
  opacity: 0;
  perspective: 60px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .fluidbox__loader::before {
    /* You can replace this with any color you want, or even a loading gif if desired */
    background: url("../png/favicon.png") center center no-repeat;
    background-size: 100%;
    content: '';
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    padding-bottom: 60px;
    transform: translate(-50%, -50%);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-delay: 0s; }

.fluidbox--loading .fluidbox__loader {
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0.3s; }
  .fluidbox--loading .fluidbox__loader::before {
    animation: fluidboxLoading 1s 0s infinite ease-in-out forwards; }

body {
  font-family: adelle, serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
  color: #535858; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  color: #232828; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
  .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
    margin-top: 0; }

h1, .h1 {
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -0.04em; }
  @media only screen and (min-width: 768px) {
    h1, .h1 {
      font-size: 50px; } }
  @media only screen and (min-width: 1280px) {
    h1, .h1 {
      font-size: 70px; } }
h2, .h2 {
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.04em; }
  @media only screen and (min-width: 768px) {
    h2, .h2 {
      font-size: 27px; } }
  @media only screen and (min-width: 1280px) {
    h2, .h2 {
      font-size: 35px; } }
h3, .h3 {
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -0.02em; }

h4, .h4 {
  letter-spacing: -0.02em; }

p, ul, ol {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 300;
  line-height: 2; }
  @media only screen and (min-width: 768px) {
    p, ul, ol {
      font-size: 18px; } }
  @media only screen and (min-width: 1280px) {
    p, ul, ol {
      font-size: 19px; } }
  p strong, ul strong, ol strong {
    font-weight: 600; }
  p:first-child, ul:first-child, ol:first-child {
    margin-top: 0; }

ul, ol {
  list-style-position: inside; }

blockquote {
  margin-top: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2; }

a {
  text-decoration: none;
  color: #232828;
  font-weight: 600;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  a:hover {
    color: #119ba5; }

hr {
  margin: 32px 0;
  border: 0;
  height: 3px;
  background: #f0f3f3; }
  @media only screen and (min-width: 768px) {
    hr {
      margin: 42px 0; } }
  @media only screen and (min-width: 1280px) {
    hr {
      margin: 52px 0; } }
::selection {
  background: #119ba5;
  color: #ffffff; }

::-moz-selection {
  background: #119ba5;
  color: #ffffff; }

.button {
  display: inline-block;
  padding: 13px 18px 14px;
  background: rgba(17, 155, 165, 0.1);
  border: 3px solid #119ba5;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .button:hover {
      background: #119ba5;
      color: #ffffff; } }
  .button:focus {
    outline: none; }

@media only screen and (min-width: 768px) {
  .button--large {
    border-width: 4px;
    padding: 18px 32px 19px;
    font-size: 15px; } }

.button--over {
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
  color: #ffffff; }
  .button--over:hover {
    background: #ffffff;
    color: #119ba5; }

.button--small {
  padding: 8px 12px 7px;
  border-width: 3px;
  font-size: 11px; }

input {
  display: inline-block;
  padding: 11px 12px 13px;
  background: transparent;
  border: 3px solid #ffffff;
  border-radius: 0;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  input:focus {
    outline: none;
    background: rgba(35, 40, 40, 0.2); }
  input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5); }
  input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5); }

.input--large {
  border-width: 4px;
  padding: 14px 18px 16px;
  font-size: 15px; }

.label {
  display: inline-block;
  padding: 5px;
  background: #119ba5;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .label {
      padding: 5px 7px 5px;
      font-size: 13px; } }
  .label:hover {
    color: #ffffff; }
  .label sup {
    margin-left: 1px;
    font-size: 6px;
    line-height: 4px; }

.label__note {
  float: right;
  margin: -3px -3px -3px 6px;
  background: #ffffff;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 5px 2px; }
  @media only screen and (min-width: 768px) {
    .label__note {
      margin: -3px -5px -3px 6px; } }
  .label__note .svg-inline--fa {
    float: left;
    margin: -2px 3px 0 0;
    font-size: 11px; }

.label--work {
  background: #6baedb; }
  .label--work .label__note {
    color: #6baedb; }

a.label--work:hover {
  background: #e1eff8;
  color: #6baedb; }

.label--news {
  background: #d1807e; }
  .label--news .label__note {
    color: #d1807e; }

a.label--news:hover {
  background: #f8ecec;
  color: #d1807e; }

.label--craft {
  background: #97c0b2; }
  .label--craft .label__note {
    color: #97c0b2; }

a.label--craft:hover {
  background: #eaf2f0;
  color: #97c0b2; }

.label--talent {
  background: #ea997b; }
  .label--talent .label__note {
    color: #ea997b; }

a.label--talent:hover {
  background: #fbebe5;
  color: #ea997b; }

.label--production {
  background: #ea997b; }
  .label--production .label__note {
    color: #ea997b; }

.label--agency {
  background: #232828; }
  .label--agency .label__note {
    color: #232828; }

.label--inspiration {
  background: #a996c0; }
  .label--inspiration .label__note {
    color: #a996c0; }

a.label--inspiration:hover {
  background: #eeeaf2;
  color: #a996c0; }

.label--insight {
  background: #67809f; }
  .label--insight .label__note {
    color: #67809f; }

a.label--insight:hover {
  background: #e1e6ec;
  color: #67809f; }

.label--showcase {
  background: #119ba5; }
  .label--showcase .label__note {
    color: #119ba5; }

.label--focus {
  background: #232828; }
  .label--focus .label__note {
    color: #232828; }

.label--archives {
  background: #535858; }
  .label--archives .label__note {
    color: #535858; }

.label--extra {
  margin-left: 8px;
  vertical-align: top; }
  .label--extra .label__note {
    margin: -3px -3px; }
    @media only screen and (min-width: 768px) {
      .label--extra .label__note {
        margin: -3px -5px; } }
.combo-label {
  display: inline-block;
  border: 3px solid #119ba5;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 13px;
  line-height: 12px; }

.combo-label__one {
  display: inline-block;
  padding: 5px 7px 5px 5px;
  background: #119ba5;
  color: #ffffff; }

.combo-label__two {
  display: inline-block;
  padding: 5px 6px 5px 4px;
  color: #119ba5; }
  .combo-label__two strong {
    font-weight: 500;
    text-transform: uppercase; }

.combo-label--work {
  border-color: #6baedb; }
  .combo-label--work .combo-label__one {
    background: #6baedb; }
  .combo-label--work .combo-label__two {
    color: #6baedb; }

.combo-label--craft {
  border-color: #97c0b2; }
  .combo-label--craft .combo-label__one {
    background: #97c0b2; }
  .combo-label--craft .combo-label__two {
    color: #97c0b2; }

.combo-label--talent {
  border-color: #ea997b; }
  .combo-label--talent .combo-label__one {
    background: #ea997b; }
  .combo-label--talent .combo-label__two {
    color: #ea997b; }

.combo-label--inspiration {
  border-color: #a996c0; }
  .combo-label--inspiration .combo-label__one {
    background: #a996c0; }
  .combo-label--inspiration .combo-label__two {
    color: #a996c0; }

.combo-label--news {
  border-color: #d1807e; }
  .combo-label--news .combo-label__one {
    background: #d1807e; }
  .combo-label--news .combo-label__two {
    color: #d1807e; }

.combo-label--insight {
  border-color: #67809f; }
  .combo-label--insight .combo-label__one {
    background: #67809f; }
  .combo-label--insight .combo-label__two {
    color: #67809f; }

.swipe {
  float: right;
  padding-top: 3px;
  color: #119ba5; }
  @media only screen and (min-width: 1024px) {
    .swipe {
      display: none; } }
  .swipe span {
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.7; }

.swipe__icon {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 6px; }
  .swipe__icon .fa-arrow-left,
  .swipe__icon .fa-arrow-right {
    font-size: 8px;
    opacity: 0.6;
    -moz-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px); }
  .swipe__icon .fa-hand-point-up {
    font-size: 20px;
    margin: 0 4px 0 3px;
    opacity: 0.7;
    -webkit-animation: swipe-hand 1.4s infinite;
    -moz-animation: swipe-hand 1.4s infinite;
    -ms-animation: swipe-hand 1.4s infinite;
    -o-animation: swipe-hand 1.4s infinite;
    animation: swipe-hand 1.4s infinite; }
  .swipe__icon .fa-thumbs-up {
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 20px;
    opacity: 0;
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }

.swipe--swiped {
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0, 1.27, 0.49, 1.37) 1s;
  -moz-transition: all 2s cubic-bezier(0, 1.27, 0.49, 1.37) 1s;
  -ms-transition: all 2s cubic-bezier(0, 1.27, 0.49, 1.37) 1s;
  -o-transition: all 2s cubic-bezier(0, 1.27, 0.49, 1.37) 1s;
  transition: all 2s cubic-bezier(0, 1.27, 0.49, 1.37) 1s; }
  .swipe--swiped .fa-hand-point-up {
    opacity: 0;
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .swipe--swiped .fa-thumbs-up {
    opacity: 0.7;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s cubic-bezier(0, 1.55, 0.48, 1.58);
    -moz-transition: all 1s cubic-bezier(0, 1.55, 0.48, 1.58);
    -ms-transition: all 1s cubic-bezier(0, 1.55, 0.48, 1.58);
    -o-transition: all 1s cubic-bezier(0, 1.55, 0.48, 1.58);
    transition: all 1s cubic-bezier(0, 1.55, 0.48, 1.58); }
  .swipe--swiped .fa-arrow-left,
  .swipe--swiped .fa-arrow-right {
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.swipe--work {
  color: #6baedb; }

.swipe--news {
  color: #d1807e; }

.swipe--craft {
  color: #ffffff; }

.swipe--talent {
  color: #ea997b; }

.swipe--inspiration {
  color: #a996c0; }

.swipe--insight {
  color: #67809f; }

@-webkit-keyframes swipe-hand {
  0% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); }
  30% {
    -moz-transform: rotate(-5deg) translate(-3px, 0);
    -o-transform: rotate(-5deg) translate(-3px, 0);
    -ms-transform: rotate(-5deg) translate(-3px, 0);
    -webkit-transform: rotate(-5deg) translate(-3px, 0);
    transform: rotate(-5deg) translate(-3px, 0); }
  100% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); } }

@-moz-keyframes swipe-hand {
  0% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); }
  30% {
    -moz-transform: rotate(-5deg) translate(-3px, 0);
    -o-transform: rotate(-5deg) translate(-3px, 0);
    -ms-transform: rotate(-5deg) translate(-3px, 0);
    -webkit-transform: rotate(-5deg) translate(-3px, 0);
    transform: rotate(-5deg) translate(-3px, 0); }
  100% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); } }

@-ms-keyframes swipe-hand {
  0% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); }
  30% {
    -moz-transform: rotate(-5deg) translate(-3px, 0);
    -o-transform: rotate(-5deg) translate(-3px, 0);
    -ms-transform: rotate(-5deg) translate(-3px, 0);
    -webkit-transform: rotate(-5deg) translate(-3px, 0);
    transform: rotate(-5deg) translate(-3px, 0); }
  100% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); } }

@-o-keyframes swipe-hand {
  0% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); }
  30% {
    -moz-transform: rotate(-5deg) translate(-3px, 0);
    -o-transform: rotate(-5deg) translate(-3px, 0);
    -ms-transform: rotate(-5deg) translate(-3px, 0);
    -webkit-transform: rotate(-5deg) translate(-3px, 0);
    transform: rotate(-5deg) translate(-3px, 0); }
  100% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); } }

@keyframes swipe-hand {
  0% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); }
  30% {
    -moz-transform: rotate(-5deg) translate(-3px, 0);
    -o-transform: rotate(-5deg) translate(-3px, 0);
    -ms-transform: rotate(-5deg) translate(-3px, 0);
    -webkit-transform: rotate(-5deg) translate(-3px, 0);
    transform: rotate(-5deg) translate(-3px, 0); }
  100% {
    -moz-transform: rotate(5deg) translate(3px, 0);
    -o-transform: rotate(5deg) translate(3px, 0);
    -ms-transform: rotate(5deg) translate(3px, 0);
    -webkit-transform: rotate(5deg) translate(3px, 0);
    transform: rotate(5deg) translate(3px, 0); } }

body {
  background: #ffffff; }

.no-cssgrid body {
  float: left;
  clear: both;
  width: 100%; }

header, footer, section, .page {
  position: relative;
  float: left;
  clear: both;
  width: 100%; }

.page {
  position: relative;
  z-index: 1;
  background: #ffffff;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 1280px) {
    .page {
      -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2); } }
section {
  margin-top: 42px; }
  @media only screen and (min-width: 768px) {
    section {
      margin-top: 52px; } }
  @media only screen and (min-width: 1280px) {
    section {
      margin-top: 64px; } }
.grid {
  margin: 0 auto;
  max-width: 480px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px; }
  .grid .grid__item {
    grid-column: span 2; }
  @media only screen and (min-width: 768px) {
    .grid {
      max-width: 768px;
      padding: 0 20px;
      grid-column-gap: 32px;
      grid-row-gap: 32px;
      grid-template-columns: repeat(6, [col-start] 1fr); }
      .grid .grid__item {
        grid-column: span 3; } }
  @media only screen and (min-width: 1024px) {
    .grid {
      max-width: 1024px;
      grid-template-columns: repeat(12, [col-start] 1fr); }
      .grid .grid__item {
        grid-column: span 3; } }
  @media only screen and (min-width: 1280px) {
    .grid {
      max-width: 1280px;
      grid-template-columns: repeat(12, [col-start] 1fr); }
      .grid .grid__item {
        grid-column: span 3; } }
.grid__item__content {
  width: 100%;
  background: #119ba5;
  height: 200px; }

.no-cssgrid .grid {
  display: block;
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .grid {
      padding: 4px; } }
  .no-cssgrid .grid .grid__item {
    padding: 0 16px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid .grid .grid__item {
        float: left;
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid .grid .grid__item {
        width: 25%; } }
.logo {
  position: fixed;
  z-index: 20;
  top: 16px;
  left: 16px;
  width: 60px;
  height: 60px;
  background: #ffffff;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }
  @media only screen and (min-width: 768px) {
    .logo {
      top: 20px;
      left: 20px; } }
  .logo svg {
    display: block;
    fill: #119ba5; }
  .logo img {
    position: absolute;
    bottom: 0;
    width: 124%;
    max-width: none; }

.state--logo-scroll .logo {
  visibility: hidden; }
  .state--logo-scroll .logo--show {
    visibility: visible; }
  @media only screen and (min-width: 1024px) {
    .state--logo-scroll .logo {
      width: 100px;
      height: 100px; } }
  @media only screen and (min-width: 1280px) {
    .state--logo-scroll .logo {
      width: 140px;
      height: 140px; } }
.mini-menu {
  display: none; }
  @media only screen and (min-width: 768px) {
    .mini-menu {
      display: block;
      position: fixed;
      z-index: 10;
      top: 20px;
      right: 147px;
      background: rgba(236, 245, 246, 0.9);
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 936px) {
    .mini-menu {
      right: 157px; } }
.mini-menu__link {
  float: left;
  padding: 24px 10px 23px;
  font-family: brother-1816, sans-serif;
  font-weight: 300;
  font-size: 13px; }
  .mini-menu__link:first-child {
    padding-left: 20px; }
  .mini-menu__link:nth-child(8), .mini-menu__link:nth-child(9) {
    display: none; }
  @media only screen and (min-width: 860px) {
    .mini-menu__link:nth-child(8) {
      display: block; } }
  @media only screen and (min-width: 936px) {
    .mini-menu__link:nth-child(9) {
      display: block; } }
  @media only screen and (min-width: 1240px) {
    .mini-menu__link {
      letter-spacing: 0.035em; } }
  .mini-menu__link[title="The Work"]:hover {
    color: #6baedb; }
  .mini-menu__link[title="The Craft"]:hover {
    color: #97c0b2; }
  .mini-menu__link[title="The Talent"]:hover {
    color: #ea997b; }
  .mini-menu__link[title="The Inspiration"]:hover {
    color: #a996c0; }
  .mini-menu__link[title="The News"]:hover {
    color: #d1807e; }
  .mini-menu__link[title="The Insight"]:hover {
    color: #67809f; }
  .mini-menu__link[title="The Showcase"]:hover {
    color: #119ba5; }
  .mini-menu__link[title="The Focus"]:hover {
    color: #808687; }
  .mini-menu__link[title="The Awards"]:hover {
    color: #dc2107; }
  .mini-menu__link span {
    border-bottom: 2px solid transparent; }

.mini-menu__link--drop {
  position: relative;
  color: #232828;
  cursor: pointer; }
  .mini-menu__link--drop .mini-menu__link__drop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 114px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .mini-menu__link--drop a {
    display: block;
    float: none;
    background: rgba(236, 245, 246, 0.9);
    padding: 10px 20px; }
    .mini-menu__link--drop a:last-child {
      padding-bottom: 20px; }
    .mini-menu__link--drop a:hover {
      color: #dc2107; }
  .mini-menu__link--drop:hover .mini-menu__link__drop {
    opacity: 1;
    visibility: visible; }

.body--hub-page .mini-menu__link:not(.mini-menu__link--active) {
  color: #808687; }
  .body--hub-page .mini-menu__link[title="The Work"]:not(.mini-menu__link--active):hover {
    color: #6baedb; }
  .body--hub-page .mini-menu__link[title="The Craft"]:not(.mini-menu__link--active):hover {
    color: #97c0b2; }
  .body--hub-page .mini-menu__link[title="The Talent"]:not(.mini-menu__link--active):hover {
    color: #ea997b; }
  .body--hub-page .mini-menu__link[title="The Inspiration"]:not(.mini-menu__link--active):hover {
    color: #a996c0; }
  .body--hub-page .mini-menu__link[title="The News"]:not(.mini-menu__link--active):hover {
    color: #d1807e; }
  .body--hub-page .mini-menu__link[title="The Insight"]:not(.mini-menu__link--active):hover {
    color: #67809f; }
  .body--hub-page .mini-menu__link[title="The Showcase"]:not(.mini-menu__link--active):hover {
    color: #119ba5; }
  .body--hub-page .mini-menu__link[title="The Focus"]:not(.mini-menu__link--active):hover {
    color: #808687; }
  .body--hub-page .mini-menu__link[title="Europe"]:not(.mini-menu__link--active):hover, .body--hub-page .mini-menu__link[title="Americas"]:not(.mini-menu__link--active):hover {
    color: #dc2107; }

.body--hub-page .mini-menu__link--active {
  pointer-events: none; }

.mini-menu__link__the {
  padding: 0 2px 1px 0;
  font-weight: 350;
  display: none; }
  @media only screen and (min-width: 1240px) {
    .mini-menu__link__the {
      display: inline; } }
.mini-menu__link__section {
  padding: 0 0 1px 0;
  font-weight: 500;
  text-transform: uppercase; }

.mini-menu__link--active {
  color: #232828; }
  .mini-menu__link--active[title="The Work"] span {
    border-bottom-color: #6baedb; }
  .mini-menu__link--active[title="The Craft"] span {
    border-bottom-color: #97c0b2; }
  .mini-menu__link--active[title="The Talent"] span {
    border-bottom-color: #ea997b; }
  .mini-menu__link--active[title="The Inspiration"] span {
    border-bottom-color: #a996c0; }
  .mini-menu__link--active[title="The News"] span {
    border-bottom-color: #d1807e; }
  .mini-menu__link--active[title="The Insight"] span {
    border-bottom-color: #67809f; }
  .mini-menu__link--active[title="The Showcase"] span {
    border-bottom-color: #119ba5; }
  .mini-menu__link--active[title="The Focus"] span {
    border-bottom-color: #808687; }

.body--post.body--post--work .mini-menu__link[title="The Work"] span {
  border-bottom-color: #6baedb; }

.body--post.body--post--craft .mini-menu__link[title="The Craft"] span {
  border-bottom-color: #97c0b2; }

.body--post.body--post--talent .mini-menu__link[title="The Talent"] span {
  border-bottom-color: #ea997b; }

.body--post.body--post--inspiration .mini-menu__link[title="The Inspiration"] span {
  border-bottom-color: #a996c0; }

.body--post.body--post--news .mini-menu__link[title="The News"] span {
  border-bottom-color: #d1807e; }

.body--post.body--post--insight .mini-menu__link[title="The Insight"] span {
  border-bottom-color: #67809f; }

.body--post.body--post--showcase .mini-menu__link[title="The Showcase"] span {
  border-bottom-color: #119ba5; }

.body--post.body--post--focus .mini-menu__link[title="The Focus"] span {
  border-bottom-color: #808687; }

.toolbar {
  position: fixed;
  z-index: 20;
  display: flex;
  top: 16px;
  right: 32px;
  height: 40px;
  background: rgba(236, 245, 246, 0.9);
  -webkit-transition: background 0.1s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: background 0.1s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: background 0.1s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: background 0.1s cubic-bezier(0.2, 0.3, 0, 1);
  transition: background 0.1s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .toolbar {
      height: 60px;
      top: 20px;
      right: 36px; } }
  .toolbar__user {
    position: relative;
    height: 100%;
    padding: 0 6px 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      .toolbar__user {
        padding: 0 10px; } }
    @media only screen and (min-width: 936px) {
      .toolbar__user {
        padding-left: 20px; } }
    .toolbar__user svg {
      height: 18px;
      fill: #119ba5;
      -webkit-transition: fill 0.15s ease-in-out;
      -moz-transition: fill 0.15s ease-in-out;
      -ms-transition: fill 0.15s ease-in-out;
      -o-transition: fill 0.15s ease-in-out;
      transition: fill 0.15s ease-in-out;
      opacity: 0.25; }
      @media only screen and (min-width: 768px) {
        .toolbar__user svg {
          height: 24px; } }
    .toolbar__user:hover svg {
      opacity: 0.5; }
  .toolbar__search {
    position: relative;
    height: 100%;
    padding: 0 6px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      .toolbar__search {
        padding: 0 10px; } }
    .toolbar__search svg {
      height: 18px;
      fill: #119ba5; }
      @media only screen and (min-width: 768px) {
        .toolbar__search svg {
          height: 24px; } }
    .toolbar__search:focus {
      outline: none; }
  .toolbar__tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 10px;
    background: #232828;
    text-align: center;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 936px) {
      .toolbar__user .toolbar__tooltip {
        margin-left: 5px; } }
    .toolbar__user .toolbar__tooltip {
      width: 72px; }
    .toolbar__search .toolbar__tooltip {
      width: 124px; }
    .toolbar__tooltip--in {
      display: none; }
    .toolbar__tooltip img {
      display: inline;
      height: 9px; }
    .toolbar__tooltip:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(0, 0, 0, 0);
      border-bottom-color: #232828;
      border-width: 6px;
      margin-left: -6px; }
  .toolbar__user:hover .toolbar__tooltip, .toolbar__search:hover .toolbar__tooltip {
    opacity: 1;
    visibility: visible; }

.state--source-auth-true .toolbar__user svg {
  opacity: 1; }

.state--source-auth-true .toolbar__tooltip--out {
  display: none; }

.state--source-auth-true .toolbar__tooltip--in {
  display: block; }

.menu-toggle {
  width: 62px;
  height: 100%;
  margin-right: -36px;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 10px;
  cursor: pointer; }
  .menu-toggle:focus {
    outline: none; }

.hamburger-box {
  width: 32px;
  height: 24px;
  display: block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 32px;
  height: 4px;
  background-color: #119ba5;
  position: absolute;
  right: 0;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner {
  top: 2px; }

.hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s; }

.hamburger-inner::after {
  top: 20px; }

.state--menu-open .toolbar {
  background: rgba(255, 255, 255, 0.1); }

.state--menu-open .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.state--menu-open .hamburger-inner::before {
  transform: rotate(-45deg) translate(-6px, 0);
  opacity: 0; }

.state--menu-open .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

.menu {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .menu {
      padding: 20px 36px 20px 20px; } }
  .menu .grid {
    width: 100%;
    -ms-grid-row-gap: 0;
    grid-row-gap: 0; }
    @media only screen and (min-width: 1280px) {
      .menu .grid {
        max-width: 1100px; } }
    @media only screen and (min-width: 1440px) {
      .menu .grid {
        max-width: 1280px; } }
.menu__content {
  padding: 92px 0 60px;
  height: 100%;
  overflow: auto;
  background: #232828; }
  @media only screen and (min-width: 768px) {
    .menu__content {
      padding: 80px 0; } }
  @media only screen and (min-width: 1024px) {
    .menu__content {
      padding: 100px 0; } }
  @media only screen and (min-width: 1280px) {
    .menu__content {
      padding: 120px 0;
      display: flex;
      align-items: center; } }
.state--menu-open .menu {
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 1024px) {
  .menu__list,
  .menu__small,
  .menu__search {
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1), transform 0s linear 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1), transform 0s linear 0.3s;
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1), transform 0s linear 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1), transform 0s linear 0.3s;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1), transform 0s linear 0.3s;
    opacity: 0; }
  .menu__list {
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  .state--menu-open .menu__list {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -moz-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -ms-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -o-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }
  .state--menu-open .menu__list--second {
    -webkit-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -moz-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -ms-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -o-transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    transition: all 0.75s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }
  .state--menu-open .menu__small {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -moz-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -ms-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -o-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s; }
  .state--menu-open .menu__search {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -moz-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -ms-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -o-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    transition: all 1s cubic-bezier(0.2, 0.3, 0, 1) 1s; } }

.menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  -ms-grid-column: 1 / 3;
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .menu__list {
      -ms-grid-column: 2 / 6;
      grid-column: 2 / 6;
      margin-left: -28px; } }
  @media only screen and (min-width: 1024px) {
    .menu__list {
      -ms-grid-column: 7 / 12;
      grid-column: 7 / 12;
      margin-left: 0; }
      .menu__list:first-of-type {
        -ms-grid-column: 2 / 7;
        grid-column: 2 / 7; } }
  @media only screen and (min-width: 1280px) {
    .menu__list {
      -ms-grid-column: 5 / 10;
      grid-column: 5 / 10;
      padding-left: 50px; }
      .menu__list:first-of-type {
        -ms-grid-column: 1 / 5;
        grid-column: 1 / 5;
        padding-left: 0; } }
.menu__list__item {
  display: block; }

.menu__link {
  position: relative;
  display: block;
  color: #ffffff;
  font-weight: 300;
  padding: 10px 0 10px 24px;
  font-size: 19px;
  letter-spacing: 0.035em; }
  @media only screen and (min-width: 768px) {
    .menu__link {
      padding: 15px 0 15px 24px;
      font-size: 30px; } }
  .menu__link:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 0;
    width: 8px;
    height: 8px;
    border: 3px solid #119ba5;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    @media only screen and (min-width: 768px) {
      .menu__link:before {
        top: 25px; } }
  .menu__link[title="The Work"]:before {
    border-color: #6baedb; }
  .menu__link[title="The Work"]:hover {
    color: #6baedb; }
    .menu__link[title="The Work"]:hover:before {
      background: #6baedb; }
  .menu__link[title="The Craft"]:before {
    border-color: #97c0b2; }
  .menu__link[title="The Craft"]:hover {
    color: #97c0b2; }
    .menu__link[title="The Craft"]:hover:before {
      background: #97c0b2; }
  .menu__link[title="The Talent"]:before {
    border-color: #ea997b; }
  .menu__link[title="The Talent"]:hover {
    color: #ea997b; }
    .menu__link[title="The Talent"]:hover:before {
      background: #ea997b; }
  .menu__link[title="The Inspiration"]:before {
    border-color: #a996c0; }
  .menu__link[title="The Inspiration"]:hover {
    color: #a996c0; }
    .menu__link[title="The Inspiration"]:hover:before {
      background: #a996c0; }
  .menu__link[title="The News"]:before {
    border-color: #d1807e; }
  .menu__link[title="The News"]:hover {
    color: #d1807e; }
    .menu__link[title="The News"]:hover:before {
      background: #d1807e; }
  .menu__link[title="The Insight"]:before {
    border-color: #67809f; }
  .menu__link[title="The Insight"]:hover {
    color: #67809f; }
    .menu__link[title="The Insight"]:hover:before {
      background: #67809f; }
  .menu__link[title="The Showcase"]:before {
    border-color: #119ba5; }
  .menu__link[title="The Showcase"]:hover {
    color: #119ba5; }
    .menu__link[title="The Showcase"]:hover:before {
      background: #119ba5; }
  .menu__link[title="The Focus"]:before {
    border-color: #808687; }
  .menu__link[title="The Focus"]:hover {
    color: #808687; }
    .menu__link[title="The Focus"]:hover:before {
      background: #808687; }
  .menu__link:hover .menu__link__description {
    color: rgba(255, 255, 255, 0.7); }

.menu__link__the,
.menu__link__section {
  font-family: brother-1816, sans-serif; }

.menu__link__the {
  font-weight: 350; }

.menu__link__section {
  margin-left: 5px;
  font-weight: 500;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) {
    .menu__link__section {
      margin-left: 7px; } }
.menu__link__description {
  display: none; }
  @media only screen and (min-width: 768px) {
    .menu__link__description {
      display: block;
      margin-top: 8px;
      font-size: 15px;
      color: #808687;
      letter-spacing: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; } }
.menu__small {
  margin-top: 22px;
  -ms-grid-column: 1 / 2;
  grid-column: 1 / 2;
  font-family: brother-1816, sans-serif; }
  @media only screen and (min-width: 768px) {
    .menu__small {
      -ms-grid-column: 2 / 4;
      grid-column: 2 / 4; } }
  @media only screen and (min-width: 1024px) {
    .menu__small {
      -ms-grid-column: 2 / 5;
      grid-column: 2 / 5;
      margin-top: 54px; } }
  @media only screen and (min-width: 1280px) {
    .menu__small {
      -ms-grid-column: 10 / 13;
      grid-column: 10 / 13;
      margin-top: 18px;
      padding: 0 20px 0 30px; } }
  @media only screen and (min-width: 1440px) {
    .menu__small {
      padding: 0 50px; } }
.menu__small__title {
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-bottom: 8px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.1); }

.menu__small__list {
  margin-top: 10px;
  list-style: none; }
  .menu__small__list li a {
    display: block;
    padding: 2px 0;
    color: #808687;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.035em; }
    .menu__small__list li a span {
      font-weight: 350;
      text-transform: lowercase; }
    .menu__small__list li a.menu__small__small {
      font-size: 11px; }
    @media only screen and (min-width: 1280px) {
      .menu__small__list li a.menu__small__small--first {
        margin-top: 20px; } }
    .menu__small__list li a:hover {
      color: #ffffff; }

.menu__search-wrap {
  margin-top: 16px;
  -ms-grid-column: 1 / 3;
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .menu__search-wrap {
      -ms-grid-column: 2 / 6;
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 1024px) {
    .menu__search-wrap {
      -ms-grid-column: 7 / 12;
      grid-column: 7 / 12; } }
  @media only screen and (min-width: 1280px) {
    .menu__search-wrap {
      margin-top: 32px;
      -ms-grid-column: 1 / 10;
      grid-column: 1 / 10;
      padding-right: 50px; } }
.menu__search {
  position: relative; }
  .menu__search input {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 3px solid rgba(255, 255, 255, 0.1);
    padding: 8px 8px 6px 24px;
    font-size: 19px;
    line-height: 27px; }
    @media only screen and (min-width: 768px) {
      .menu__search input {
        font-size: 30px;
        line-height: 45px;
        padding: 8px 8px 4px 28px; } }
    .menu__search input:focus {
      border-bottom-color: rgba(255, 255, 255, 0.5); }
    .menu__search input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .menu__search input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .menu__search input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }
    .menu__search input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.4); }
  .menu__search .fa-search {
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 15px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .menu__search .fa-search {
        bottom: 18px; } }
.no-cssgrid .menu .grid {
  padding: 0 16px; }

@media only screen and (min-width: 768px) {
  .no-cssgrid .menu__list,
  .no-cssgrid .menu__small,
  .no-cssgrid .menu__search-wrap {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .menu__list,
  .no-cssgrid .menu__small,
  .no-cssgrid .menu__search-wrap {
    float: left;
    width: 41.67%;
    margin-left: 8.33%; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .menu__small {
    padding-right: 100px; } }

@media only screen and (min-width: 1280px) {
  .no-cssgrid .menu__small {
    padding: 64px 100px 0 0; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .menu__list--second,
  .no-cssgrid .menu__search-wrap {
    margin-left: 0;
    margin-right: 8.33%; } }

@media only screen and (min-width: 1280px) {
  .no-cssgrid .menu__search-wrap {
    padding: 12px 0 0 50px; } }

.footer {
  background: #232828; }

@media only screen and (min-width: 1024px) {
  .state--fixed-footer .footer {
    position: fixed;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100vh; } }

@media only screen and (min-width: 1024px) {
  .state--fixed-footer .page {
    margin-bottom: 100vh; } }

.footer-main {
  padding: 32px 0; }
  @media only screen and (min-width: 768px) {
    .footer-main {
      padding: 42px 0; } }
  @media only screen and (min-width: 1024px) {
    .footer-main {
      width: 50%;
      height: 100vh;
      min-height: 680px;
      float: left;
      display: flex;
      align-items: center;
      justify-content: flex-end; } }
.footer-grid {
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px; }
  .footer-grid .footer-about,
  .footer-grid .footer-socials,
  .footer-grid .footer-legal {
    grid-column: span 2; }
  .footer-grid .footer-menu {
    grid-column: span 1; }
  @media only screen and (min-width: 768px) {
    .footer-grid {
      max-width: 768px;
      padding: 0 20px;
      grid-column-gap: 32px;
      grid-template-columns: repeat(6, [col-start] 1fr); }
      .footer-grid .footer-about {
        grid-column: span 4; }
      .footer-grid .footer-socials,
      .footer-grid .footer-legal {
        grid-column: span 6; }
      .footer-grid .footer-menu {
        grid-column: span 2; } }
  @media only screen and (min-width: 1024px) {
    .footer-grid {
      max-width: 512px;
      padding: 0 16px 0 20px;
      margin: 0; }
      .footer-grid .footer-about {
        grid-column: span 5; } }
  @media only screen and (min-width: 1280px) {
    .footer-grid {
      max-width: 640px; }
      .footer-grid .footer-about {
        grid-column: span 4; }
      .footer-grid .footer-legal {
        grid-column: span 5; } }
.no-cssgrid .footer-menu {
  float: left;
  width: 50%;
  padding-right: 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .footer-menu {
      width: 33.33%;
      padding-right: 32px; } }
.no-cssgrid .footer-legal {
  float: left;
  clear: both;
  width: 100%; }

@media only screen and (min-width: 768px) {
  .no-cssgrid .footer-about,
  .no-cssgrid .footer-legal {
    padding-right: 100px; } }

.footer-about {
  -webkit-font-smoothing: antialiased; }
  .footer-about p {
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    letter-spacing: -0.02em;
    white-space: pre-line; }
    @media only screen and (min-width: 768px) {
      .footer-about p {
        font-size: 22px; } }
.footer-socials {
  list-style: none;
  margin-top: 13px; }
  @media only screen and (min-width: 768px) {
    .footer-socials {
      margin-top: 21px; } }
  .footer-socials li {
    display: inline-block;
    margin-right: 2px; }
    .footer-socials li a {
      display: block;
      position: relative;
      width: 40px;
      height: 40px;
      background: rgba(255, 255, 255, 0.2);
      color: #ffffff;
      font-size: 22px; }
      .footer-socials li a .svg-inline--fa {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .footer-socials li a:hover {
        background: rgba(255, 255, 255, 0.4); }

.footer-menu {
  margin-top: 30px;
  font-family: brother-1816, sans-serif; }

.footer-menu__title {
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-bottom: 8px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.1); }

.footer-menu__list {
  margin-top: 10px;
  list-style: none; }
  .footer-menu__list li a {
    display: block;
    padding: 2px 0;
    color: #808687;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.035em; }
    .footer-menu__list li a span {
      font-weight: 350;
      text-transform: lowercase; }
    .footer-menu__list li a.footer-menu__small {
      font-size: 11px; }
    .footer-menu__list li a:hover {
      color: #ffffff; }

.footer-legal {
  margin-top: 29px;
  font-family: brother-1816, sans-serif;
  font-size: 11px;
  font-weight: 350;
  line-height: 20px; }
  @media only screen and (min-width: 768px) {
    .footer-legal {
      margin-top: 12px;
      white-space: pre-line; } }
  .footer-legal a {
    display: block;
    margin-top: 8px;
    color: #808687; }
    .footer-legal a:hover {
      color: #ffffff; }

.footer-promo {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .footer-promo {
      width: 50%;
      height: 100vh;
      min-height: 680px;
      float: left;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      background: #119ba5; } }
  @media only screen and (min-width: 1024px) {
    .footer-promo .footer-grid {
      padding: 0 20px 0 16px; } }
.promo-signup {
  grid-column: 2 / span 6;
  text-align: center;
  -moz-transform: translate(calc(1vw * -2), 0);
  -o-transform: translate(calc(1vw * -2), 0);
  -ms-transform: translate(calc(1vw * -2), 0);
  -webkit-transform: translate(calc(1vw * -2), 0);
  transform: translate(calc(1vw * -2), 0); }
  @media only screen and (min-width: 1280px) {
    .promo-signup {
      -moz-transform: translate(calc(1vw * -3), 0);
      -o-transform: translate(calc(1vw * -3), 0);
      -ms-transform: translate(calc(1vw * -3), 0);
      -webkit-transform: translate(calc(1vw * -3), 0);
      transform: translate(calc(1vw * -3), 0); } }
  @media only screen and (min-width: 1440px) {
    .promo-signup {
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .promo-signup {
    padding-left: 60px; } }

.promo-signup__title {
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: -0.035em;
  color: #ffffff; }
  @media only screen and (min-width: 1280px) {
    .promo-signup__title {
      font-size: 35px;
      line-height: 45px; } }
.promo-signup__form {
  margin-top: 24px;
  display: flex; }
  .promo-signup__form input {
    flex-grow: 2; }
  .promo-signup__form .button {
    margin-left: -4px; }
  @media only screen and (min-width: 1280px) {
    .promo-signup__form {
      margin-top: 34px; } }
.promo-signup__text {
  color: #ffffff; }

.footer-promo--post {
  position: relative; }
  .footer-promo--post:hover .footer-promo__overlay {
    opacity: 0.3; }

.footer-promo__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.footer-promo__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #232828;
  opacity: 0.6;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.promo-post {
  position: relative;
  grid-column: 2 / span 6;
  text-align: center;
  -moz-transform: translate(calc(1vw * -2), 0);
  -o-transform: translate(calc(1vw * -2), 0);
  -ms-transform: translate(calc(1vw * -2), 0);
  -webkit-transform: translate(calc(1vw * -2), 0);
  transform: translate(calc(1vw * -2), 0); }
  @media only screen and (min-width: 1280px) {
    .promo-post {
      -moz-transform: translate(calc(1vw * -3), 0);
      -o-transform: translate(calc(1vw * -3), 0);
      -ms-transform: translate(calc(1vw * -3), 0);
      -webkit-transform: translate(calc(1vw * -3), 0);
      transform: translate(calc(1vw * -3), 0); } }
  @media only screen and (min-width: 1440px) {
    .promo-post {
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
  .promo-post .label {
    background: #ffffff;
    color: #232828; }
  .promo-post p {
    margin-top: 26px;
    color: #ffffff; }
    @media only screen and (min-width: 1280px) {
      .promo-post p {
        margin-top: 32px; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .promo-post {
    padding-left: 60px; } }

.promo-post__title {
  margin-top: 26px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.035em;
  color: #ffffff; }
  @media only screen and (min-width: 1280px) {
    .promo-post__title {
      font-size: 40px;
      line-height: 50px; } }
.promo-post .author {
  position: relative; }

.promo-post .author__image {
  float: none;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  border: 3px solid #ffffff; }

.promo-post .author__name {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: 42px;
  margin-top: -8px;
  padding-top: 0;
  text-align: right;
  color: #ffffff; }

.promo-post .author__date {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 42px;
  margin-top: -8px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7); }

.cookies {
  position: fixed;
  z-index: 20;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ecf7f8;
  padding: 10px 16px;
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .cookies .button {
    margin-top: 10px; }
    @media only screen and (min-width: 520px) {
      .cookies .button {
        float: right;
        margin: 0 0 0 20px; } }
    @media only screen and (min-width: 1024px) {
      .cookies .button {
        margin-top: 3px; } }
  @media only screen and (min-width: 768px) {
    .cookies {
      bottom: 20px;
      left: 20px;
      right: auto;
      padding: 12px 16px; } }
.cookies--on {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.cookies__text {
  display: block;
  font-size: 11px;
  line-height: 1.5; }
  @media only screen and (min-width: 440px) {
    .cookies__text {
      white-space: pre-line; } }
  @media only screen and (min-width: 520px) {
    .cookies__text {
      display: inline-block; } }
  @media only screen and (min-width: 1024px) {
    .cookies__text {
      font-size: 13px; } }
.listing {
  position: relative;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .listing:hover .listing__image img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .listing:hover .listing__title a {
    color: #119ba5; }

.listing--animating {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
  .listing--animating.listing--loading {
    opacity: 0;
    -moz-transform: translate(0, 32px);
    -o-transform: translate(0, 32px);
    -ms-transform: translate(0, 32px);
    -webkit-transform: translate(0, 32px);
    transform: translate(0, 32px); }

.listing .label {
  max-width: 100%;
  margin-bottom: 12px; }
  .listing .label .label__note {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.listing .label--highlight {
  position: absolute;
  top: 6px;
  left: 6px;
  margin: 0; }
  .listing .label--highlight .label__note {
    margin: -3px; }
    @media only screen and (min-width: 768px) {
      .listing .label--highlight .label__note {
        margin: -3px -5px; } }
.listing__image {
  display: block;
  overflow: hidden;
  background: #f0f3f3; }
  .listing__image img {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .listing__image img {
        -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
.listing__snippet {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  .listing__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .listing__snippet__ratio img,
    .listing__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .listing__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.listing.js-snippets:hover video {
  opacity: 1; }

.listing__title {
  margin-top: 14px; }
  .listing__title a {
    font-weight: 500; }

.listing p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 25px; }

.listing--highlighted .listing__title a {
  text-decoration: underline; }

.large-listing {
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .large-listing:hover .large-listing__image img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .large-listing:hover .large-listing__title a {
    color: #119ba5; }

.large-listing__image {
  display: block;
  overflow: hidden;
  background: #119ba5; }
  .large-listing__image img {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .large-listing__image img {
        -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 768px) {
    .large-listing__image {
      border: 8px solid #ffffff;
      -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); } }
@media only screen and (min-width: 768px) {
  .large-listing__snippet-frame {
    border: 8px solid #ffffff;
    -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); } }

.large-listing__snippet {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  .large-listing__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .large-listing__snippet__ratio img,
    .large-listing__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .large-listing__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.large-listing.js-snippets:hover video {
  opacity: 1; }

.large-listing__content {
  position: relative;
  margin-top: -24px; }
  @media only screen and (min-width: 768px) {
    .large-listing__content {
      margin-top: -40px;
      padding: 0 34px !important; } }
  @media only screen and (min-width: 1024px) {
    .large-listing__content {
      margin-top: -32px; } }
  @media only screen and (min-width: 1280px) {
    .large-listing__content {
      margin-top: -40px; } }
.large-listing--with-date .large-listing__content {
  margin-top: -60px; }
  @media only screen and (min-width: 768px) {
    .large-listing--with-date .large-listing__content {
      margin-top: -78px; } }
  @media only screen and (min-width: 1024px) {
    .large-listing--with-date .large-listing__content {
      margin-top: -70px; } }
  @media only screen and (min-width: 1280px) {
    .large-listing--with-date .large-listing__content {
      margin-top: -78px; } }
.large-listing__title {
  margin-top: 16px;
  font-size: 35px; }
  .large-listing__title a {
    display: block;
    font-weight: 500;
    margin-top: -4px; }
  .large-listing__title span {
    display: inline-block;
    background: #ffffff;
    line-height: 1;
    margin-top: 4px;
    padding: 1px 3px 4px; }
  @media only screen and (min-width: 768px) {
    .large-listing__title {
      font-size: 50px; }
      .large-listing__title a {
        margin-top: -6px; }
      .large-listing__title span {
        margin-top: 6px;
        padding: 2px 5px 5px; } }
  @media only screen and (min-width: 1024px) {
    .large-listing__title {
      font-size: 38px; }
      .large-listing__title a {
        margin-top: -5px; }
      .large-listing__title span {
        margin-top: 5px;
        padding: 1px 5px 5px; } }
  @media only screen and (min-width: 1280px) {
    .large-listing__title {
      font-size: 50px; }
      .large-listing__title a {
        margin-top: -6px; }
      .large-listing__title span {
        margin-top: 6px;
        padding: 2px 5px 5px; } }
.large-listing__text,
.large-listing p {
  margin-top: 14px;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .large-listing__text,
    .large-listing p {
      margin-top: 24px;
      font-size: 17px;
      line-height: 28px; } }
.box-listing {
  cursor: pointer;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); }
  @media only screen and (min-width: 1024px) {
    .box-listing:hover .box-listing__image img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .box-listing:hover .box-listing__title a {
    color: #119ba5; }

.box-listing__image {
  display: block;
  overflow: hidden;
  background: #232828; }
  @media only screen and (min-width: 1024px) {
    .box-listing__image img {
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
.box-listing__snippet {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  .box-listing__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .box-listing__snippet__ratio img,
    .box-listing__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .box-listing__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.box-listing.js-snippets:hover video {
  opacity: 1; }

.box-listing__content {
  position: relative;
  background: #ffffff;
  padding: 14px 20px 16px; }
  @media only screen and (min-width: 1280px) {
    .box-listing__content {
      padding: 26px 32px 28px; } }
.box-listing__title {
  margin-top: 0; }
  .box-listing__title a {
    font-weight: 500; }

.box-listing__content p {
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px; }
  @media only screen and (min-width: 1280px) {
    .box-listing__content p {
      font-size: 15px;
      line-height: 25px; } }
.block-listing {
  position: relative;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .block-listing:hover .block-listing__image img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .block-listing:hover .block-listing__title a {
    color: #119ba5; }

.block-listing__image {
  display: block;
  overflow: hidden;
  background: #119ba5; }
  .block-listing__image img {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .block-listing__image img {
        -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 768px) {
    .block-listing__image {
      border: 8px solid #ffffff;
      -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); } }
.block-listing__content {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px; }
  @media only screen and (min-width: 768px) {
    .block-listing__content {
      left: 32px;
      right: 32px;
      bottom: 32px; } }
  .block-listing__content .label {
    background: #ffffff;
    color: #808687; }

.block-listing__title {
  margin-top: 16px;
  font-size: 24px; }
  .block-listing__title a {
    display: block;
    font-weight: 500;
    margin-top: -2px; }
  .block-listing__title span {
    display: inline-block;
    background: #ffffff;
    line-height: 1;
    margin-top: 2px;
    padding: 1px 2px 2px; }
  @media only screen and (min-width: 768px) {
    .block-listing__title {
      font-size: 32px; }
      .block-listing__title a {
        margin-top: -5px; }
      .block-listing__title span {
        margin-top: 5px;
        padding: 2px 4px 3px; } }
  @media only screen and (min-width: 1024px) {
    .block-listing__title {
      font-size: 26px; }
      .block-listing__title a {
        margin-top: -4px; }
      .block-listing__title span {
        margin-top: 4px;
        padding: 1px 3px 3px; } }
  @media only screen and (min-width: 1280px) {
    .block-listing__title {
      font-size: 32px; }
      .block-listing__title a {
        margin-top: -5px; }
      .block-listing__title span {
        margin-top: 5px;
        padding: 2px 4px 3px; } }
.membership {
  margin-top: 0;
  background: #119ba5; }

.membership--large-screens {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .membership--large-screens {
      display: block; } }
.state--source-auth-true .membership {
  display: none; }

.membership__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.membership__content {
  position: relative;
  grid-column: 1 / 3;
  text-align: center;
  padding: 64px 0; }
  @media only screen and (min-width: 768px) {
    .membership__content {
      grid-column: 1 / 7;
      padding: 84px 0; } }
  @media only screen and (min-width: 1024px) {
    .membership__content {
      grid-column: 3 / 11; } }
  @media only screen and (min-width: 1280px) {
    .membership__content {
      padding: 120px 0; } }
  .membership__content .button {
    margin-top: 22px; }
    @media only screen and (min-width: 1280px) {
      .membership__content .button {
        margin-top: 26px; } }
.no-cssgrid .membership__content {
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .membership__content {
      width: 66.66%;
      margin: 0 auto; } }
.membership__title {
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.04em;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .membership__title {
      font-size: 45px;
      line-height: 55px;
      white-space: pre-line; } }
  @media only screen and (min-width: 1280px) {
    .membership__title {
      font-size: 60px;
      line-height: 70px; } }
  .membership__title img {
    display: inline-block;
    width: 126px;
    margin: 0 7px 0 4px;
    vertical-align: middle;
    -moz-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px); }
    @media only screen and (min-width: 768px) {
      .membership__title img {
        width: 180px;
        margin: 0 10px 0 4px;
        -moz-transform: translate(0, -3px);
        -o-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px); } }
    @media only screen and (min-width: 1280px) {
      .membership__title img {
        width: 240px;
        margin: 0 12px 0 2px;
        -moz-transform: translate(0, -4px);
        -o-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px); } }
  .membership__title svg {
    display: inline-block;
    margin: 0 10px -5px;
    vertical-align: bottom;
    height: 50px;
    fill: #119ba5; }
    @media only screen and (min-width: 768px) {
      .membership__title svg {
        height: 60px; } }
    @media only screen and (min-width: 1280px) {
      .membership__title svg {
        height: 80px; } }
.membership__text {
  color: #ffffff;
  padding: 0 20px; }
  @media only screen and (min-width: 1280px) {
    .membership__text {
      padding: 0 80px;
      margin-top: 28px; } }
.slate-ad {
  display: none; }

.state--source-auth-true .slate-ad {
  display: block; }

.slate-ad {
  margin-top: 0;
  background: #232828;
  overflow: hidden; }

.slate-ad__content {
  position: relative;
  grid-column: 1 / 3;
  text-align: center;
  padding: 12px 0 64px 0; }
  @media only screen and (min-width: 768px) {
    .slate-ad__content {
      grid-column: 1 / 7;
      padding: 0 0 84px 0; } }
  @media only screen and (min-width: 1024px) {
    .slate-ad__content {
      grid-column: 1 / 7;
      text-align: left;
      padding: 84px 0; } }
  @media only screen and (min-width: 1280px) {
    .slate-ad__content {
      padding: 120px 0; } }
  .slate-ad__content .button {
    margin-top: 22px; }
    @media only screen and (min-width: 1280px) {
      .slate-ad__content .button {
        margin-top: 26px; } }
.slate-ad__title {
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.04em;
  color: #ffffff;
  white-space: pre-line; }
  @media only screen and (min-width: 768px) {
    .slate-ad__title {
      font-size: 45px;
      line-height: 55px; } }
  @media only screen and (min-width: 1280px) {
    .slate-ad__title {
      font-size: 60px;
      line-height: 70px; } }
  .slate-ad__title img {
    display: inline-block;
    width: 100px;
    margin: 0 0 0 4px;
    vertical-align: middle;
    -moz-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px); }
    @media only screen and (min-width: 768px) {
      .slate-ad__title img {
        width: 140px;
        margin: 0 0 0 4px;
        -moz-transform: translate(0, -3px);
        -o-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px); } }
    @media only screen and (min-width: 1280px) {
      .slate-ad__title img {
        width: 180px;
        margin: 0 0 0 6px;
        -moz-transform: translate(0, -4px);
        -o-transform: translate(0, -4px);
        -ms-transform: translate(0, -4px);
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px); } }
.slate-ad__text {
  color: #ffffff;
  padding: 0 20px; }
  @media only screen and (min-width: 1024px) {
    .slate-ad__text {
      padding: 0; } }
  @media only screen and (min-width: 1280px) {
    .slate-ad__text {
      margin-top: 28px; } }
.slate-ad__text-lower {
  margin-top: 10px;
  color: #ffffff;
  padding: 0 20px; }
  @media only screen and (min-width: 1024px) {
    .slate-ad__text-lower {
      padding: 0; } }
.slate-ad__image {
  grid-column: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 64px; }
  @media only screen and (min-width: 768px) {
    .slate-ad__image {
      grid-column: 1 / 7;
      padding-top: 84px;
      justify-content: flex-start; } }
  @media only screen and (min-width: 1024px) {
    .slate-ad__image {
      order: 2;
      grid-column: 7 / 13;
      padding: 0 0 0 32px; } }
  .slate-ad__image img {
    height: 172px;
    max-width: none; }
    @media only screen and (min-width: 768px) {
      .slate-ad__image img {
        height: 312px; } }
    @media only screen and (min-width: 1024px) {
      .slate-ad__image img {
        height: 452px; } }
.no-cssgrid .slate-ad__content {
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .slate-ad__content {
      float: left;
      width: 50%;
      margin: 0 auto; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .slate-ad__image {
    float: right;
    width: 50%;
    margin: 0 auto;
    padding: 60px 0 60px 32px; } }

.mini-ads {
  margin-top: 0;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .mini-ads {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .mini-ads {
      display: none; } }
.mini-ad {
  display: block;
  background: #119ba5;
  padding: 20px;
  font-weight: 300; }
  @media only screen and (min-width: 768px) {
    .mini-ad {
      grid-column: span 3;
      padding: 32px; } }
.mini-ad__title {
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #ffffff; }
  .mini-ad__title img {
    margin-top: 3px;
    width: 82px; }
  @media only screen and (min-width: 768px) {
    .mini-ad__title {
      font-size: 19px; } }
  .mini-ad__title strong {
    display: block;
    margin-top: 8px;
    font-weight: 500;
    text-transform: uppercase; }

.mini-ad__text {
  margin-top: 14px;
  font-size: 11px;
  line-height: 17px;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .mini-ad__text {
      margin-top: 22px;
      font-size: 16px;
      line-height: 25px; } }
.mini-ad__cta {
  display: block;
  margin-top: 14px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .mini-ad__cta {
      margin-top: 22px;
      font-size: 15px; } }
.mini-ad--membership {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.mini-ad--signup .mini-ad__title strong {
  margin-top: 6px; }

.no-cssgrid .mini-ads .grid {
  padding: 0 16px; }

.no-cssgrid .mini-ad {
  float: left;
  width: calc(50% - 8px); }

.no-cssgrid .mini-ad--signup {
  float: right; }

section.subscribe {
  margin-top: 0;
  background: #119ba5; }

@media only screen and (min-width: 1024px) {
  .subscribe--small-screens {
    display: none; } }

.subscribe-signup {
  grid-column: 1 / 3;
  text-align: center;
  padding: 78px 0 74px; }
  @media only screen and (min-width: 768px) {
    .subscribe-signup {
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 768px) {
    .subscribe-signup .promo-signup__title {
      white-space: pre-line; } }
  .subscribe-signup .promo-signup__form .button {
    margin-left: -3px; }

.no-cssgrid .subscribe-signup {
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .subscribe-signup {
      width: 66.66%;
      margin: 0 auto; } }
.listing-membership {
  position: relative;
  background: #0c242e;
  color: #ffffff;
  padding: 20px; }
  @media only screen and (min-width: 768px) {
    .listing-membership {
      padding: 32px; } }
  @media only screen and (min-width: 1024px) {
    .listing-membership {
      padding: 20px; } }
  @media only screen and (min-width: 1280px) {
    .listing-membership {
      padding: 32px; } }
.state--source-auth-true .listing-membership {
  display: none; }

.listing-membership__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.listing-membership__images {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 32px; }
  .listing-membership__images img {
    width: 70%;
    box-shadow: 0 5px 30px rgba(255, 255, 255, 0.1); }
    .listing-membership__images img:last-child {
      position: absolute;
      bottom: 0;
      right: 0; }

.listing-membership__title {
  position: relative;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 1;
  letter-spacing: -0.04em; }
  @media only screen and (min-width: 768px) {
    .listing-membership__title {
      font-size: 20px; } }
  @media only screen and (min-width: 1024px) {
    .listing-membership__title {
      font-size: 17px; } }
  @media only screen and (min-width: 1280px) {
    .listing-membership__title {
      font-size: 20px; } }
  .listing-membership__title img {
    display: inline-block;
    margin: 0 5px 0 2px;
    width: 80px;
    -moz-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px); }
    @media only screen and (min-width: 768px) {
      .listing-membership__title img {
        width: 86px;
        -moz-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px); } }
    @media only screen and (min-width: 1024px) {
      .listing-membership__title img {
        width: 80px;
        -moz-transform: translate(0, 1px);
        -o-transform: translate(0, 1px);
        -ms-transform: translate(0, 1px);
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px); } }
    @media only screen and (min-width: 1280px) {
      .listing-membership__title img {
        width: 86px;
        -moz-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px); } }
  .listing-membership__title svg {
    margin-left: 5px;
    height: 40px;
    fill: #119ba5;
    vertical-align: middle; }

.listing-membership__text {
  position: relative;
  margin-top: 6px;
  font-size: 13px;
  line-height: 24px; }
  @media only screen and (min-width: 1280px) {
    .listing-membership__text {
      margin-top: 16px; } }
.listing-membership .button {
  position: relative;
  margin-top: 12px; }
  @media only screen and (min-width: 1280px) {
    .listing-membership .button {
      margin-top: 22px; } }
.listing-slate {
  display: none;
  position: relative;
  background: #232828;
  color: #ffffff;
  padding: 16px 20px 20px; }
  @media only screen and (min-width: 768px) {
    .listing-slate {
      padding: 24px 32px 32px; } }
  @media only screen and (min-width: 1024px) {
    .listing-slate {
      padding: 16px 20px 20px; } }
  @media only screen and (min-width: 1280px) {
    .listing-slate {
      padding: 24px 32px 32px; } }
  .listing-slate .listing-membership__title {
    display: block;
    margin-top: 12px;
    white-space: pre-line; }
    @media only screen and (min-width: 1280px) {
      .listing-slate .listing-membership__title {
        margin-top: 22px; } }
    .listing-slate .listing-membership__title img {
      width: 80px;
      -moz-transform: translate(0, 2px);
      -o-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
      -webkit-transform: translate(0, 2px);
      transform: translate(0, 2px); }

.listing-slate__image {
  margin-top: 8px;
  -webkit-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.15);
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.15); }

.listing-slate .button {
  position: relative;
  margin-top: 12px; }
  @media only screen and (min-width: 1280px) {
    .listing-slate .button {
      margin-top: 22px; } }
.state--source-auth-true .listing-slate {
  display: block; }

.listing-subscribe {
  background: #119ba5;
  color: #ffffff;
  padding: 16px 20px 14px; }
  @media only screen and (min-width: 768px) {
    .listing-subscribe {
      padding: 24px 32px; } }
  @media only screen and (min-width: 1024px) {
    .listing-subscribe {
      padding: 16px 20px 14px; } }
  @media only screen and (min-width: 1280px) {
    .listing-subscribe {
      padding: 24px 32px; } }
.listing-subscribe__title {
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.04em; }
  @media only screen and (min-width: 768px) {
    .listing-subscribe__title {
      font-size: 20px;
      line-height: 30px; } }
  @media only screen and (min-width: 1024px) {
    .listing-subscribe__title {
      font-size: 17px;
      line-height: 26px; } }
  @media only screen and (min-width: 1280px) {
    .listing-subscribe__title {
      font-size: 20px;
      line-height: 30px; } }
.listing-subscribe__form {
  margin-top: 16px; }
  @media only screen and (min-width: 1280px) {
    .listing-subscribe__form {
      margin-top: 25px; } }
  .listing-subscribe__form input {
    display: block;
    width: 100%; }
  .listing-subscribe__form .button {
    margin-top: 10px; }

.listing-subscribe__text {
  margin-top: 14px;
  font-size: 14px;
  line-height: 28px; }
  @media only screen and (min-width: 1280px) {
    .listing-subscribe__text {
      margin-top: 22px; } }
.ad {
  margin: 0 auto;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .ad {
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .ad {
      max-width: 1024px; } }
  @media only screen and (min-width: 1280px) {
    .ad {
      max-width: 1280px; } }
  .ad a {
    display: block; }
    .ad a img {
      display: block; }

.ad__small {
  max-width: 300px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }
  @media only screen and (min-width: 768px) {
    .ad__small {
      display: none; } }
.ad__large {
  display: none; }
  @media only screen and (min-width: 768px) {
    .ad__large {
      display: block;
      max-width: 728px;
      margin: 0 auto;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } }
.promo-popup {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .promo-popup--on {
    visibility: visible;
    opacity: 1; }

.promo-popup__close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 30px 26px;
  font-size: 30px;
  color: #232828;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .promo-popup__close:hover {
    color: #119ba5; }
  @media only screen and (min-width: 768px) {
    .promo-popup__close {
      padding: 25px 24px;
      font-size: 50px; } }
.promo-popup__content {
  position: relative;
  width: 100%;
  max-width: 448px; }
  @media only screen and (min-width: 768px) {
    .promo-popup__content {
      max-width: 700px; } }
.promo-popup .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.promo-popup__image {
  display: block;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.promo-popup__button {
  margin-top: 16px; }

.body--xmas .about-hero__title h1 span {
  background: #c02c3a; }

.body--xmas .promo-popup,
.body--xmas .promo-promo {
  display: none; }

.promo-page__logos {
  display: none; }
  @media only screen and (min-width: 768px) {
    .promo-page__logos {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .promo-page__logos {
      grid-column: 1 / 13; } }
  .promo-page__logos svg {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    fill: #119ba5; }
  .promo-page__logos img {
    height: 30px; }

.promo-form {
  padding-top: 0 !important;
  margin-top: 62px !important; }
  @media only screen and (min-width: 768px) {
    .promo-form {
      margin-top: 82px !important; } }
  @media only screen and (min-width: 1280px) {
    .promo-form {
      margin-top: 134px !important; } }
  .promo-form__form {
    grid-column: 1 / 3;
    margin-top: -32px;
    text-align: center;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    border: 10px solid white;
    border-image: repeating-linear-gradient(45deg, #c02c3a, #c02c3a 15px, white 15px, white 30px) 10;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .promo-form__form {
        grid-column: 1 / 7;
        top: 40px;
        right: 40px;
        bottom: 40px;
        left: 40px;
        border-width: 15px;
        border-image: repeating-linear-gradient(45deg, #c02c3a, #c02c3a 15px, white 15px, white 30px) 15;
        padding: 30px; } }
    @media only screen and (min-width: 1024px) {
      .promo-form__form {
        grid-column: 3 / 11; } }
    @media only screen and (min-width: 1280px) {
      .promo-form__form {
        margin-top: -64px;
        padding: 50px; } }
    .promo-form__form input {
      color: #232828; }
      .promo-form__form input:focus {
        background: transparent; }
    .promo-form__form #mc_embed_signup .button {
      background: #c02c3a; }
      .promo-form__form #mc_embed_signup .button:hover {
        background: #119ba5; }

section.home-hero {
  margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    section.home-hero {
      margin-top: 134px; } }
@media only screen and (min-width: 1024px) {
  .home-hero__wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px; } }

@media only screen and (min-width: 1280px) {
  .home-hero__wrap {
    max-width: 1280px; } }

.hero-carousel .owl-dots {
  margin: 8px auto 0;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .hero-carousel .owl-dots {
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .hero-carousel .owl-dots {
      position: absolute;
      top: 8px;
      right: 0;
      padding: 0; } }
  @media only screen and (min-width: 1280px) {
    .hero-carousel .owl-dots {
      top: 12px; } }
.hero-carousel button.owl-dot {
  margin-left: 6px;
  width: 16px;
  height: 16px;
  border: 3px solid #119ba5;
  background: #ffffff;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .hero-carousel button.owl-dot:first-child {
    margin-left: 0; }
  .hero-carousel button.owl-dot.active {
    background: #119ba5; }
  .hero-carousel button.owl-dot:focus {
    outline: none; }

.hero-item {
  cursor: pointer;
  background: #ffffff; }
  @media only screen and (min-width: 1024px) {
    .hero-item {
      display: grid;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, [col-start] 1fr); } }
  .hero-item:hover .hero-item__title a {
    color: #119ba5; }

.hero-item__image {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .hero-item__image {
      grid-column: 1 / 8; } }
.hero-item__snippet {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  @media only screen and (min-width: 1024px) {
    .hero-item__snippet {
      grid-column: 1 / 8; } }
  .hero-item__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .hero-item__snippet__ratio img,
    .hero-item__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .hero-item__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.hero-item.js-snippets:hover video {
  opacity: 1; }

.hero-item__content {
  position: relative;
  margin: -55px auto 0;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .hero-item__content {
      margin-top: -68px;
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .hero-item__content {
      grid-column: 8 / 13;
      margin-top: 0;
      padding: 16px 0 0; } }
  @media only screen and (min-width: 1280px) {
    .hero-item__content {
      padding-top: 20px; } }
.hero-item__title {
  margin-top: 15px; }
  @media only screen and (min-width: 1024px) {
    .hero-item__title {
      margin-left: -84px; } }
  @media only screen and (min-width: 1280px) {
    .hero-item__title {
      margin-top: 22px;
      margin-left: -106px; } }
  .hero-item__title a {
    display: block;
    font-weight: 500; }
    .hero-item__title a span {
      display: inline-block;
      background: #ecf7f8;
      line-height: 1; }

.hero-item__title--short {
  font-size: 40px; }
  .hero-item__title--short a {
    margin-top: -4px; }
  .hero-item__title--short span {
    margin-top: 4px;
    padding: 2px 5px 4px; }
  @media only screen and (min-width: 768px) {
    .hero-item__title--short {
      font-size: 60px; }
      .hero-item__title--short a {
        margin-top: -5px; }
      .hero-item__title--short span {
        margin-top: 5px;
        padding: 2px 7px 7px; } }
  @media only screen and (min-width: 1280px) {
    .hero-item__title--short {
      font-size: 78px; }
      .hero-item__title--short a {
        margin-top: -6px; }
      .hero-item__title--short span {
        margin-top: 6px;
        padding: 3px 9px 9px; } }
.hero-item__title--medium {
  font-size: 32px; }
  .hero-item__title--medium a {
    margin-top: -4px; }
  .hero-item__title--medium span {
    margin-top: 4px;
    padding: 2px 3px 4px; }
  @media only screen and (min-width: 768px) {
    .hero-item__title--medium {
      font-size: 46px; }
      .hero-item__title--medium a {
        margin-top: -5px; }
      .hero-item__title--medium span {
        margin-top: 5px;
        padding: 2px 6px 6px; } }
  @media only screen and (min-width: 1280px) {
    .hero-item__title--medium {
      font-size: 60px; }
      .hero-item__title--medium a {
        margin-top: -6px; }
      .hero-item__title--medium span {
        margin-top: 6px;
        margin-left: -1px;
        padding: 2px 7px 7px 8px; } }
.hero-item__title--long {
  font-size: 26px; }
  .hero-item__title--long a {
    margin-top: -4px; }
  .hero-item__title--long span {
    margin-top: 4px;
    padding: 1px 3px 4px; }
  @media only screen and (min-width: 768px) {
    .hero-item__title--long {
      font-size: 38px; }
      .hero-item__title--long a {
        margin-top: -5px; }
      .hero-item__title--long span {
        margin-top: 5px;
        padding: 1px 5px 5px; } }
  @media only screen and (min-width: 1280px) {
    .hero-item__title--long {
      font-size: 50px; }
      .hero-item__title--long a {
        margin-top: -6px; }
      .hero-item__title--long span {
        margin-top: 6px;
        padding: 2px 6px 5px; } }
.hero-item__teaser {
  margin-top: 8px; }
  @media only screen and (min-width: 1280px) {
    .hero-item__teaser {
      margin-top: 16px; } }
  .hero-item__teaser p {
    font-size: 15px; }
    @media only screen and (min-width: 768px) {
      .hero-item__teaser p {
        font-size: 17px; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .hero-item__image {
    float: left;
    width: 58%; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .hero-item__content {
    float: right;
    width: 42%;
    padding-left: 32px; } }

@media only screen and (min-width: 1280px) {
  section.home-work,
  section.home-news {
    margin-top: 59px; } }

.section__title {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .section__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .section__title {
      grid-column: 1 / 13; } }
  .section__title .swipe {
    padding-top: 5px; }
    @media only screen and (min-width: 768px) {
      .section__title .swipe {
        padding-top: 9px; } }
.no-cssgrid .section__title {
  padding: 0 16px; }

.section-label {
  display: inline-block;
  padding: 7px 9px 6px 10px;
  border: 3px solid #119ba5;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 13px;
  letter-spacing: 0.04em; }
  @media only screen and (min-width: 768px) {
    .section-label {
      padding: 10px 18px 9px 19px;
      font-size: 15px; } }
  .section-label strong {
    font-weight: 500;
    text-transform: uppercase; }

@media only screen and (min-width: 1180px) and (max-width: 1279px) {
  .section-label--work,
  .section-label--news {
    position: absolute;
    top: -37px;
    left: -54px;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom right; } }

@media only screen and (min-width: 1440px) {
  .section-label--work,
  .section-label--news {
    position: absolute;
    top: -37px;
    left: -54px;
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom right; } }

.section-label--work {
  border-color: #6baedb;
  color: #6baedb; }
  .section-label--work:hover {
    background: #6baedb;
    color: #ffffff; }
  @media only screen and (min-width: 1180px) and (max-width: 1279px) {
    .section-label--work {
      top: -40px; } }
  @media only screen and (min-width: 1440px) {
    .section-label--work {
      top: -40px; } }
.section-label--news {
  border-color: #d1807e;
  color: #d1807e; }
  @media only screen and (min-width: 1180px) and (max-width: 1279px) {
    .section-label--news {
      left: -51px; } }
  @media only screen and (min-width: 1440px) {
    .section-label--news {
      left: -51px; } }
  .section-label--news:hover {
    background: #d1807e;
    color: #ffffff; }

.listing-carousel.owl-carousel {
  margin-top: 16px; }
  @media only screen and (min-width: 768px) {
    .listing-carousel.owl-carousel {
      margin-top: 32px; } }
  @media only screen and (min-width: 1024px) {
    .listing-carousel.owl-carousel {
      display: none; } }
  .listing-carousel.owl-carousel .owl-stage-outer {
    grid-column: 1 / 3; }
    @media only screen and (min-width: 768px) {
      .listing-carousel.owl-carousel .owl-stage-outer {
        grid-column: 1 / 7; } }
.no-cssgrid .listing-carousel.owl-carousel .grid__item {
  width: 100%; }

.listing-grid {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .listing-grid {
      display: grid;
      margin-top: 22px; } }
  @media only screen and (min-width: 1180px) and (max-width: 1279px) {
    .listing-grid {
      margin-top: 0; } }
  @media only screen and (min-width: 1440px) {
    .listing-grid {
      margin-top: 0; } }
.no-cssgrid .listing-grid {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .listing-grid {
      display: block; } }
.listing-grid__subtitle {
  position: relative;
  margin-bottom: -6px; }
  .listing-grid__subtitle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    margin-top: -1px;
    background: rgba(35, 40, 40, 0.2); }
  .listing-grid__subtitle span {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    margin-left: 16px;
    background: #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em; }

.listing-grid__subtitle--featured {
  grid-column: span 9; }

.listing-grid__subtitle--latest {
  grid-column: span 3; }

.no-cssgrid .listing-grid__subtitle {
  margin-bottom: 0;
  padding: 0 16px; }
  .no-cssgrid .listing-grid__subtitle:before {
    left: 16px;
    right: 16px; }

.no-cssgrid .listing-grid__subtitle--featured {
  float: left;
  width: 75%; }

.no-cssgrid .listing-grid__subtitle--latest {
  float: left;
  width: 25%; }

@media only screen and (min-width: 1440px) {
  .home-work .listing-grid__subtitle--latest {
    margin-left: 32px;
    margin-right: -32px; } }

@media only screen and (min-width: 1440px) {
  .home-news .listing-grid .grid__item:not(.grid__item--latest),
  .home-news .listing-grid__subtitle--featured {
    margin-left: 32px;
    margin-right: -32px; } }

.listing-grid__subtitle--work {
  color: rgba(107, 174, 219, 0.7); }
  .listing-grid__subtitle--work:before {
    background: rgba(107, 174, 219, 0.2); }

.listing-grid__subtitle--news {
  color: rgba(209, 128, 126, 0.7); }
  .listing-grid__subtitle--news:before {
    background: rgba(209, 128, 126, 0.2); }

.listing-grid .listing {
  padding-bottom: 10px; }

.home-work .listing:hover .listing__title a {
  color: #6baedb; }

.home-news .listing:hover .listing__title a {
  color: #d1807e; }

.no-cssgrid .listing-grid .listing {
  margin-top: 32px; }

.listing-grid .grid__item--latest {
  grid-row: span 2; }

.no-cssgrid .listing-grid .grid__item--latest {
  margin-top: 32px;
  height: 200px; }

.no-cssgrid .home-work .listing-grid .grid__item:nth-child(7) {
  clear: left; }

.no-cssgrid .home-news .listing-grid .grid__item:nth-child(7) {
  clear: left;
  margin-left: 25%; }
  @media only screen and (min-width: 1440px) {
    .no-cssgrid .home-news .listing-grid .grid__item:nth-child(7) {
      margin-left: calc(25% + 32px); } }
ul.latest-list {
  margin-top: -14px;
  list-style: none;
  line-height: 1.25; }
  @media only screen and (min-width: 1280px) {
    ul.latest-list {
      margin-top: -15px; } }
  ul.latest-list li a {
    position: relative;
    display: block;
    padding: 10px 0 10px 24px;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.02em;
    color: #808687; }
    @media only screen and (min-width: 1280px) {
      ul.latest-list li a {
        font-size: 20px; } }
    ul.latest-list li a:before {
      content: '';
      position: absolute;
      top: 14px;
      left: 0;
      width: 8px;
      height: 8px;
      border: 3px solid #119ba5;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
      @media only screen and (min-width: 1280px) {
        ul.latest-list li a:before {
          top: 16px; } }
    ul.latest-list li a:hover {
      color: #232828; }
      ul.latest-list li a:hover:before {
        background: #119ba5; }

@media only screen and (min-width: 1440px) {
  ul.latest-list--work {
    margin-left: 32px; } }

ul.latest-list--work li a:before {
  border-color: #6baedb; }

ul.latest-list--work li a:hover:before {
  background: #6baedb; }

ul.latest-list--news li a:before {
  border-color: #d1807e; }

ul.latest-list--news li a:hover:before {
  background: #d1807e; }

ul.latest-list--craft li a:before {
  border-color: #97c0b2; }

ul.latest-list--craft li a:hover:before {
  background: #97c0b2; }

ul.latest-list--talent li a:before {
  border-color: #ea997b; }

ul.latest-list--talent li a:hover:before {
  background: #ea997b; }

ul.latest-list--inspiration li a:before {
  border-color: #a996c0; }

ul.latest-list--inspiration li a:hover:before {
  background: #a996c0; }

ul.latest-list--insight li a:before {
  border-color: #67809f; }

ul.latest-list--insight li a:hover:before {
  background: #67809f; }

.home-craft {
  background: #97c0b2;
  margin-top: 34px;
  padding-bottom: 42px;
  overflow: hidden; }
  .home-craft:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 125px;
    background: #ffffff; }
  @media only screen and (min-width: 768px) {
    .home-craft {
      margin-top: 45px;
      padding-bottom: 52px; }
      .home-craft:before {
        height: 45px; } }
  @media only screen and (min-width: 1280px) {
    .home-craft {
      margin-top: 46px;
      padding-bottom: 96px; } }
  .home-craft .ad {
    position: relative;
    z-index: 1; }

.home-craft__intro {
  grid-column: 1 / 3;
  margin-top: 42px; }
  @media only screen and (min-width: 768px) {
    .home-craft__intro {
      grid-column: 1 / 7;
      margin-top: 52px;
      padding: 0 60px;
      text-align: center; } }
  @media only screen and (min-width: 1024px) {
    .home-craft__intro {
      grid-column: 3 / 11;
      padding: 0 40px; } }
  @media only screen and (min-width: 1280px) {
    .home-craft__intro {
      grid-column: 4 / 10;
      margin-top: 64px;
      padding: 0; } }
  .home-craft__intro p {
    margin-top: 7px;
    font-size: 15px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .home-craft__intro p {
        margin-top: 22px;
        font-size: 17px;
        white-space: pre-line; } }
.section-label--craft {
  border-color: #ffffff;
  color: #ffffff; }
  .section-label--craft:hover {
    background: #ffffff;
    color: #97c0b2; }

.no-cssgrid .home-craft__intro {
  width: 100%;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-craft__intro {
      padding: 0 60px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-craft__intro {
      width: 66.66%;
      margin-left: 16.66%;
      padding: 0 40px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .home-craft__intro {
      width: 50%;
      margin-left: 25%;
      padding: 0; } }
.home-craft__wrap {
  position: relative; }
  .home-craft__wrap .home-craft__featured .large-listing__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    padding: 0 16px; }
    @media only screen and (min-width: 768px) {
      .home-craft__wrap .home-craft__featured .large-listing__content {
        max-width: none;
        padding: 0; } }
    .home-craft__wrap .home-craft__featured .large-listing__content .label__note {
      margin: -3px -3px -2px -3px; }
      @media only screen and (min-width: 768px) {
        .home-craft__wrap .home-craft__featured .large-listing__content .label__note {
          margin: -3px -5px -2px -5px; } }
  @media only screen and (min-width: 768px) {
    .home-craft__wrap {
      display: grid;
      max-width: 768px;
      margin: 42px auto 0;
      padding: 0 20px;
      grid-template-columns: repeat(6, [col-start] 1fr);
      grid-column-gap: 32px; } }
  @media only screen and (min-width: 1024px) {
    .home-craft__wrap {
      max-width: 1024px;
      grid-template-columns: repeat(12, [col-start] 1fr); } }
  @media only screen and (min-width: 1280px) {
    .home-craft__wrap {
      max-width: 1280px;
      margin-top: 54px; } }
.no-cssgrid .home-craft__wrap:after {
  content: "";
  clear: both;
  display: table; }

.home-craft__featured {
  margin-top: 32px; }
  @media only screen and (min-width: 768px) {
    .home-craft__featured {
      grid-column: 1 / 7;
      margin-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .home-craft__featured {
      position: relative;
      z-index: 3; } }
  .home-craft__featured .large-listing:hover .large-listing__title a {
    color: #97c0b2; }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .home-craft__featured {
    float: left;
    width: 50%;
    padding-right: 16px; } }

.home-craft__latest {
  grid-column: 1 / 3;
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .home-craft__latest {
      grid-column: 1 / 7;
      margin-top: 44px; } }
  @media only screen and (min-width: 1024px) {
    .home-craft__latest {
      position: relative;
      grid-column: 7 / 13;
      margin-top: 0;
      padding-left: 16px;
      padding-top: 56px; } }
  @media only screen and (min-width: 1280px) {
    .home-craft__latest {
      padding-left: 32px; } }
  .home-craft__latest .box-listing:hover .box-listing__title a {
    color: #97c0b2; }
  .home-craft__latest .box-listing .label {
    margin: 0;
    position: absolute;
    top: -11px; }
  .home-craft__latest .box-listing .label__note {
    margin: -3px -3px -2px -3px; }
    @media only screen and (min-width: 768px) {
      .home-craft__latest .box-listing .label__note {
        margin: -3px -5px -2px -5px; } }
.no-cssgrid .home-craft__latest {
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-craft__latest {
      float: right;
      width: 50%;
      padding-left: 32px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .home-craft__latest {
      padding-left: 48px; } }
.craft-carousel {
  margin-left: auto;
  margin-right: auto;
  max-width: 448px; }
  @media only screen and (min-width: 768px) {
    .craft-carousel {
      width: 760px;
      max-width: none; }
      .craft-carousel .owl-stage-outer {
        overflow: visible; } }
  @media only screen and (min-width: 1024px) {
    .craft-carousel {
      width: 306px;
      margin-left: 0; } }
  @media only screen and (min-width: 1280px) {
    .craft-carousel {
      width: 392px; } }
  .craft-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap; }
  .craft-carousel .owl-item {
    display: flex; }
  .craft-carousel .owl-nav {
    position: absolute;
    top: -56px;
    left: 0; }
    .craft-carousel .owl-nav .owl-prev,
    .craft-carousel .owl-nav .owl-next {
      width: 40px;
      height: 40px;
      border: 4px solid #ffffff;
      background: transparent;
      color: #ffffff;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
      .craft-carousel .owl-nav .owl-prev.disabled,
      .craft-carousel .owl-nav .owl-next.disabled {
        opacity: 0.2;
        pointer-events: none; }
      .craft-carousel .owl-nav .owl-prev:focus,
      .craft-carousel .owl-nav .owl-next:focus {
        outline: none; }
      .craft-carousel .owl-nav .owl-prev:hover,
      .craft-carousel .owl-nav .owl-next:hover {
        background: #ffffff;
        color: #97c0b2; }
    .craft-carousel .owl-nav .owl-next {
      margin-left: 6px; }

.craft-carousel__item {
  background: #ffffff;
  -webkit-box-shadow: 6px 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 6px 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 6px 10px 22px rgba(0, 0, 0, 0.07); }
  .craft-carousel__item .box-listing {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 1024px) {
    .craft-carousel__item {
      width: 306px; } }
  @media only screen and (min-width: 1280px) {
    .craft-carousel__item {
      width: 392px; } }
.home-craft__latest__info {
  margin: 12px auto 0;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .home-craft__latest__info {
      max-width: none;
      padding: 0; } }
  @media only screen and (min-width: 1024px) {
    .home-craft__latest__info {
      position: absolute;
      top: 20px;
      left: 0;
      right: 0;
      margin-top: -12px;
      text-align: right; } }
.home-craft__latest__info__explore {
  display: inline-block;
  margin-top: 5px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6); }
  .home-craft__latest__info__explore svg {
    margin-left: 3px; }
  .home-craft__latest__info__explore:hover {
    color: #ffffff; }

.home-craft__outer {
  position: relative; }

.home-craft__bg {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .home-craft__bg {
      display: block;
      position: absolute;
      z-index: 2;
      top: 0;
      right: 50%;
      bottom: -30px;
      width: calc(50vw + 32px);
      background: #97c0b2;
      margin-right: -32px; } }
  @media only screen and (min-width: 1280px) {
    .home-craft__bg {
      width: calc(50vw + 48px);
      margin-right: -48px; } }
.body--home .membership,
.body--home .slate-ad {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .body--home .membership,
    .body--home .slate-ad {
      margin-top: 44px; } }
  @media only screen and (min-width: 1024px) {
    .body--home .membership,
    .body--home .slate-ad {
      margin-top: 34px; } }
  @media only screen and (min-width: 1280px) {
    .body--home .membership,
    .body--home .slate-ad {
      margin-top: 46px; } }
section.home-talent-inspiration {
  margin-top: 0;
  padding: 42px 0;
  background: #f0f3f3; }
  @media only screen and (min-width: 768px) {
    section.home-talent-inspiration {
      padding: 52px 0; } }
  @media only screen and (min-width: 1280px) {
    section.home-talent-inspiration {
      padding: 64px 0; } }
  section.home-talent-inspiration .grid {
    display: block;
    margin: 0 auto;
    max-width: 480px;
    padding: 0 16px; }
    @media only screen and (min-width: 768px) {
      section.home-talent-inspiration .grid {
        max-width: 768px;
        padding: 0 20px; } }
    @media only screen and (min-width: 1024px) {
      section.home-talent-inspiration .grid {
        max-width: 1024px; } }
    @media only screen and (min-width: 1280px) {
      section.home-talent-inspiration .grid {
        max-width: 1280px; } }
.home-talent,
.home-inspiration {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .home-talent,
    .home-inspiration {
      float: left;
      width: 50%; } }
  .home-talent .section__title,
  .home-inspiration .section__title {
    padding: 0; }
  @media only screen and (min-width: 768px) {
    .home-talent .swipe,
    .home-inspiration .swipe {
      display: none; } }
.no-cssgrid .home-talent,
.no-cssgrid .home-inspiration {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-talent,
    .no-cssgrid .home-inspiration {
      float: left;
      width: 50%; } }
  .no-cssgrid .home-talent .section__title,
  .no-cssgrid .home-inspiration .section__title {
    padding: 0; }

.section-label-connector {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .section-label-connector {
      display: block;
      position: absolute;
      width: calc(50vw - 510px);
      height: 3px; } }
  @media only screen and (min-width: 1280px) {
    .section-label-connector {
      width: calc(50vw - 616px); } }
@media only screen and (min-width: 1024px) {
  .home-talent {
    padding-left: 8.33%; } }

@media only screen and (min-width: 1024px) {
  .home-talent .section-label-connector {
    top: 118px;
    left: 86px;
    background: rgba(234, 153, 123, 0.2); } }

@media only screen and (min-width: 1280px) {
  .home-talent .section-label-connector {
    top: 130px; } }

.home-talent .owl-dots {
  position: absolute;
  bottom: -32px;
  left: 0; }
  .home-talent .owl-dots button.owl-dot {
    border-color: #ea997b; }
    .home-talent .owl-dots button.owl-dot.active {
      background: #ea997b; }

.home-talent .box-listing:hover .box-listing__title a {
  color: #ea997b; }

.section-label--talent {
  border-color: #ea997b;
  color: #ea997b; }
  .section-label--talent:hover {
    background: #ea997b;
    color: #ffffff; }
  @media only screen and (min-width: 1024px) {
    .section-label--talent {
      position: absolute;
      top: 12px;
      left: -64px;
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transform-origin: bottom right; } }
  @media only screen and (min-width: 1280px) {
    .section-label--talent {
      top: 24px; } }
.home-talent__label {
  position: absolute;
  top: -11px;
  padding: 5px 5px 3px;
  background: #119ba5;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .home-talent__label {
      padding: 5px 7px 4px;
      font-size: 13px; } }
.home-talent__label--agency {
  background: #232828; }

.home-talent__label--production {
  background: #ea997b; }

.home-inspiration {
  padding-top: 42px; }
  @media only screen and (min-width: 768px) {
    .home-inspiration {
      padding-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .home-inspiration {
      padding-top: 32px;
      padding-right: 8.33%; } }
  @media only screen and (min-width: 1280px) {
    .home-inspiration {
      padding-top: 64px; } }
  @media only screen and (min-width: 1024px) {
    .home-inspiration .section-label-connector {
      bottom: 139px;
      right: 86px;
      background: rgba(169, 150, 192, 0.2); } }
  @media only screen and (min-width: 1280px) {
    .home-inspiration .section-label-connector {
      bottom: 151px; } }
  .home-inspiration .owl-dots {
    position: absolute;
    bottom: -32px;
    left: 0; }
    @media only screen and (min-width: 1024px) {
      .home-inspiration .owl-dots {
        bottom: auto;
        left: auto;
        top: -32px;
        right: 0; } }
    .home-inspiration .owl-dots button.owl-dot {
      border-color: #a996c0; }
      .home-inspiration .owl-dots button.owl-dot.active {
        background: #a996c0; }
  .home-inspiration .box-listing:hover .box-listing__title a {
    color: #a996c0; }
  .home-inspiration .box-listing .label {
    margin: 0;
    position: absolute;
    top: -11px; }
  .home-inspiration .box-listing .label__note {
    margin: -3px -3px -2px -3px; }
    @media only screen and (min-width: 768px) {
      .home-inspiration .box-listing .label__note {
        margin: -3px -5px -2px -5px; } }
.section-label--inspiration {
  border-color: #a996c0;
  color: #a996c0; }
  .section-label--inspiration:hover {
    background: #a996c0;
    color: #ffffff; }
  @media only screen and (min-width: 1024px) {
    .section-label--inspiration {
      position: absolute;
      bottom: 52px;
      right: 70px;
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      transform-origin: bottom right; } }
  @media only screen and (min-width: 1280px) {
    .section-label--inspiration {
      bottom: 64px; } }
.box-listing-carousel {
  margin-top: 16px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); }
  @media only screen and (min-width: 1024px) {
    .box-listing-carousel {
      margin-top: 0; } }
  .box-listing-carousel .box-listing {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 1280px) {
    .box-listing-carousel .box-listing__content {
      padding: 36px 48px 40px; } }
  .box-listing-carousel button.owl-dot {
    margin-left: 6px;
    width: 16px;
    height: 16px;
    border: 3px solid #119ba5;
    background: transparent;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .box-listing-carousel button.owl-dot:first-child {
      margin-left: 0; }
    .box-listing-carousel button.owl-dot.active {
      background: #119ba5; }
    .box-listing-carousel button.owl-dot:focus {
      outline: none; }

section.home-insight {
  margin-top: 0;
  cursor: pointer; }
  section.home-insight:hover .home-insight__title a {
    color: #67809f;
    text-decoration-color: rgba(103, 128, 159, 0.2); }

.home-insight__top {
  position: relative;
  background: #f0f3f3;
  padding: 0 0 22px; }
  @media only screen and (min-width: 768px) {
    .home-insight__top {
      padding: 32px 0 34px; } }
  @media only screen and (min-width: 1024px) {
    .home-insight__top {
      padding: 12px 0 42px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__top {
      padding: 32px 0 52px; } }
  .home-insight__top:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(240, 243, 243, 0);
    border-top-color: #f0f3f3;
    border-width: 14px;
    margin-left: -14px; }
    @media only screen and (min-width: 768px) {
      .home-insight__top:after {
        border-width: 22px;
        margin-left: -22px; } }
    @media only screen and (min-width: 1280px) {
      .home-insight__top:after {
        border-width: 30px;
        margin-left: -30px; } }
  .home-insight__top .section__title {
    text-align: center; }
  .home-insight__top .grid {
    position: relative;
    grid-row-gap: 0; }

.section-label--insight {
  border-color: #67809f;
  color: #67809f; }
  .section-label--insight:hover {
    background: #67809f;
    color: #ffffff; }

.home-insight__open,
.home-insight__close {
  position: absolute;
  width: 40px;
  height: 25px; }
  @media only screen and (min-width: 768px) {
    .home-insight__open,
    .home-insight__close {
      width: 80px;
      height: 50px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__open,
    .home-insight__close {
      width: 110px;
      height: 69px; } }
  .home-insight__open svg,
  .home-insight__close svg {
    width: 100%;
    height: 100%; }

.home-insight__open {
  top: 28px;
  left: 16px; }
  @media only screen and (min-width: 768px) {
    .home-insight__open {
      top: 54px;
      left: 20px; } }
  @media only screen and (min-width: 1024px) {
    .home-insight__open {
      top: 74px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__open {
      top: 84px; } }
  .home-insight__open svg {
    fill: #67809f; }

.home-insight__close {
  top: 35px;
  right: 16px; }
  @media only screen and (min-width: 768px) {
    .home-insight__close {
      right: 20px;
      top: auto;
      bottom: -4px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__close {
      bottom: -8px; } }
  .home-insight__close svg {
    fill: rgba(103, 128, 159, 0.5); }

.home-insight__title {
  grid-column: 1 / 3;
  margin-top: 38px;
  text-align: center;
  font-size: 40px;
  line-height: 50px; }
  @media only screen and (min-width: 768px) {
    .home-insight__title {
      grid-column: 2 / 6;
      margin-top: 22px; } }
  @media only screen and (min-width: 1024px) {
    .home-insight__title {
      grid-column: 3 / 11;
      margin-top: 32px;
      font-size: 60px;
      line-height: 70px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__title {
      margin-top: 44px;
      font-size: 80px;
      line-height: 90px; } }
  .home-insight__title a {
    font-weight: 500;
    text-decoration: underline;
    text-decoration-color: transparent; }

.no-cssgrid .home-insight__title {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-insight__title {
      width: 66.66%;
      margin-left: auto;
      margin-right: auto; } }
.home-insight__bottom .grid {
  position: relative;
  grid-row-gap: 16px; }
  @media only screen and (min-width: 768px) {
    .home-insight__bottom .grid {
      grid-row-gap: 20px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__bottom .grid {
      grid-row-gap: 26px; } }
.home-insight__author,
.home-insight__excerpt {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .home-insight__author,
    .home-insight__excerpt {
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 1024px) {
    .home-insight__author,
    .home-insight__excerpt {
      grid-column: 3 / 11; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__author,
    .home-insight__excerpt {
      grid-column: 4 / 10; } }
.no-cssgrid .home-insight__author,
.no-cssgrid .home-insight__excerpt {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-insight__author,
    .no-cssgrid .home-insight__excerpt {
      width: 66.66%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .home-insight__author,
    .no-cssgrid .home-insight__excerpt {
      width: 50%; } }
.no-cssgrid .home-insight__excerpt {
  margin-top: 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-insight__excerpt {
      margin-top: 20px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .home-insight__excerpt {
      margin-top: 26px; } }
.home-insight__author {
  position: relative;
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .home-insight__author {
      margin-top: 38px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__author {
      margin-top: 42px; } }
.home-insight__author__image {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 100%; }

.home-insight__author__label {
  display: block;
  margin-top: 8px;
  font-family: brother-1816, sans-serif;
  font-size: 13px;
  font-weight: 350;
  letter-spacing: 0.04em; }
  @media only screen and (min-width: 768px) {
    .home-insight__author__label {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-top: -7px;
      margin-right: 42px;
      text-align: right; } }
.home-insight__author__name {
  display: block;
  margin-top: 6px;
  font-family: brother-1816, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #232828; }
  @media only screen and (min-width: 768px) {
    .home-insight__author__name {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -7px;
      margin-left: 42px;
      text-align: left; } }
.home-insight__excerpt p {
  font-size: 15px;
  line-height: 25px; }
  @media only screen and (min-width: 768px) {
    .home-insight__excerpt p {
      font-size: 17px;
      line-height: 30px; } }
  @media only screen and (min-width: 1280px) {
    .home-insight__excerpt p {
      font-size: 19px;
      line-height: 35px; } }
section.home-other-sections {
  margin-top: 44px;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    section.home-other-sections {
      margin-top: 70px;
      padding-bottom: 52px; } }
  @media only screen and (min-width: 1280px) {
    section.home-other-sections {
      margin-top: 98px;
      padding-bottom: 64px; } }
  section.home-other-sections .grid > a {
    display: block; }
    section.home-other-sections .grid > a h4 {
      font-size: 19px;
      font-weight: 350;
      line-height: 25px; }
      @media only screen and (min-width: 1280px) {
        section.home-other-sections .grid > a h4 {
          font-size: 26px;
          line-height: 32px; } }
      section.home-other-sections .grid > a h4 strong {
        text-transform: uppercase;
        font-weight: 500; }
    section.home-other-sections .grid > a p {
      margin-top: 12px;
      font-size: 11px;
      line-height: 17px; }
      @media only screen and (min-width: 768px) {
        section.home-other-sections .grid > a p {
          font-size: 13px;
          line-height: 21px; } }
      @media only screen and (min-width: 1280px) {
        section.home-other-sections .grid > a p {
          font-size: 15px;
          line-height: 25px; } }
.home-showcase {
  position: relative;
  overflow: hidden;
  background: #119ba5;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  padding: 20px;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .home-showcase {
      grid-column: span 3;
      grid-row: span 2;
      padding: 26px 32px 28px; } }
  @media only screen and (min-width: 1024px) {
    .home-showcase {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
  .home-showcase h4 {
    color: #ffffff; }
    .home-showcase h4 strong {
      display: block; }
  .home-showcase:hover {
    background: #16646a;
    color: #ffffff; }
    @media only screen and (min-width: 1024px) {
      .home-showcase:hover .home-showcase__image img {
        -moz-transform: translate(100px, 0);
        -o-transform: translate(100px, 0);
        -ms-transform: translate(100px, 0);
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0);
        -webkit-transition: all 4s linear;
        -moz-transition: all 4s linear;
        -ms-transition: all 4s linear;
        -o-transition: all 4s linear;
        transition: all 4s linear; } }
    @media only screen and (min-width: 1280px) {
      .home-showcase:hover .home-showcase__image img {
        -moz-transform: translate(132px, 0);
        -o-transform: translate(132px, 0);
        -ms-transform: translate(132px, 0);
        -webkit-transform: translate(132px, 0);
        transform: translate(132px, 0);
        -webkit-transition: all 6s linear;
        -moz-transition: all 6s linear;
        -ms-transition: all 6s linear;
        -o-transition: all 6s linear;
        transition: all 6s linear; } }
.home-showcase__image {
  margin: 16px 0 -20px -20px;
  height: 140px; }
  .home-showcase__image img {
    height: 204px;
    max-width: none;
    margin-left: -16px; }
  @media only screen and (min-width: 768px) {
    .home-showcase__image {
      margin: 26px 0 -28px 0; }
      .home-showcase__image img {
        height: auto;
        max-width: 100%;
        margin-left: 0; } }
  @media only screen and (min-width: 1024px) {
    .home-showcase__image {
      margin: 26px 0 -28px -32px; }
      .home-showcase__image img {
        height: 234px;
        max-width: none;
        margin-left: -67px;
        -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .home-showcase__image {
      margin: 26px 0 -28px -32px; }
      .home-showcase__image img {
        height: 323px;
        max-width: none;
        margin-left: -100px; } }
.home-focus {
  position: relative;
  overflow: hidden;
  background: #232828;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  padding: 20px;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .home-focus {
      grid-column: span 3;
      grid-row: span 2;
      padding: 26px 32px 28px; } }
  @media only screen and (min-width: 1024px) {
    .home-focus {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
  .home-focus h4 {
    color: #ffffff; }
    .home-focus h4 strong {
      display: block; }
  .home-focus:hover {
    background: #3b4343;
    color: #ffffff; }
    @media only screen and (min-width: 1024px) {
      .home-focus:hover .home-focus__image img {
        -moz-transform: translate(-240px, 0);
        -o-transform: translate(-240px, 0);
        -ms-transform: translate(-240px, 0);
        -webkit-transform: translate(-240px, 0);
        transform: translate(-240px, 0);
        -webkit-transition: all 5s linear;
        -moz-transition: all 5s linear;
        -ms-transition: all 5s linear;
        -o-transition: all 5s linear;
        transition: all 5s linear; } }
    @media only screen and (min-width: 1280px) {
      .home-focus:hover .home-focus__image img {
        -moz-transform: translate(-365px, 0);
        -o-transform: translate(-365px, 0);
        -ms-transform: translate(-365px, 0);
        -webkit-transform: translate(-365px, 0);
        transform: translate(-365px, 0);
        -webkit-transition: all 7s linear;
        -moz-transition: all 7s linear;
        -ms-transition: all 7s linear;
        -o-transition: all 7s linear;
        transition: all 7s linear; } }
.home-focus__image {
  margin: 0 -20px 16px 0; }
  .home-focus__image img {
    height: 140px;
    max-width: none; }
  @media only screen and (min-width: 768px) {
    .home-focus__image {
      margin: 0 -32px 26px 0; }
      .home-focus__image img {
        height: 190px; } }
  @media only screen and (min-width: 1024px) {
    .home-focus__image {
      margin: 0 -32px 26px 0; }
      .home-focus__image img {
        height: 174px;
        -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .home-focus__image {
      margin: 0 -32px 26px 0; }
      .home-focus__image img {
        height: 254px; } }
.home-awards {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  grid-column: span 2;
  padding: 16px 20px;
  min-height: 180px;
  background: #f0f3f3;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .home-awards {
      grid-column: span 6;
      padding: 28px 32px; } }
  .home-awards:hover {
    background: #d6eef0;
    color: #232828; }
    .home-awards:hover .home-awards__bg {
      opacity: 0.3; }
  .home-awards .home-awards__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.15;
    background-blend-mode: multiply;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .home-awards p {
    max-width: 320px; }
    @media only screen and (min-width: 768px) {
      .home-awards p {
        max-width: 400px; } }
    @media only screen and (min-width: 1280px) {
      .home-awards p {
        max-width: 480px; } }
.home-presents {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  grid-column: span 2;
  padding: 16px 20px;
  min-height: 180px;
  background: #f0f3f3;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .home-presents {
      grid-column: span 6;
      padding: 28px 32px; } }
  @media only screen and (min-width: 1280px) {
    .home-presents {
      padding: 32px; } }
  .home-presents:hover {
    background: #d6eef0;
    color: #232828; }
    .home-presents:hover .home-presents__bg {
      opacity: 0.2; }
  .home-presents .home-presents__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.1;
    background-blend-mode: multiply;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .home-presents p {
    max-width: 340px; }
    @media only screen and (min-width: 768px) {
      .home-presents p {
        max-width: 400px; } }
    @media only screen and (min-width: 1280px) {
      .home-presents p {
        max-width: 480px; } }
.no-cssgrid .home-other-sections .grid {
  padding: 0 16px; }

.no-cssgrid .home-showcase,
.no-cssgrid .home-focus {
  float: left;
  width: calc(50% - 8px);
  height: 320px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .home-showcase,
    .no-cssgrid .home-focus {
      height: 380px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-showcase,
    .no-cssgrid .home-focus {
      width: calc(25% - 16px);
      height: 400px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-showcase,
    .no-cssgrid .home-focus {
      height: 480px; } }
.no-cssgrid .home-focus {
  float: right; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-focus {
      float: left;
      margin-left: 32px; } }
.no-cssgrid .home-awards,
.no-cssgrid .home-presents {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .home-awards,
    .no-cssgrid .home-presents {
      clear: none;
      width: calc(50% - 32px);
      margin-left: 32px; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .home-awards {
    margin-top: 0; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .home-presents {
    margin-top: 32px; } }

.post {
  position: relative;
  float: left;
  clear: both;
  width: 100%; }

.post-header {
  position: relative;
  z-index: 2;
  margin-top: 90px; }
  @media only screen and (min-width: 768px) {
    .post-header {
      margin-top: 112px; } }
  @media only screen and (min-width: 1024px) {
    .post-header {
      margin-top: 134px; } }
.post-header__content {
  position: relative;
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .post-header__content {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .post-header__content {
      grid-column: 2 / 11; } }
  .post-header__content .label:not(.label--extra) {
    position: fixed;
    z-index: 9;
    top: 36px;
    left: 92px; }
    @media only screen and (min-width: 768px) {
      .post-header__content .label:not(.label--extra) {
        position: relative;
        top: auto;
        left: auto; } }
  .post-header__content .label--extra {
    margin: 0 0 16px 0; }
    @media only screen and (min-width: 768px) {
      .post-header__content .label--extra {
        margin: 0 0 0 8px; } }
  @media only screen and (min-width: 768px) {
    .post-header__content h1 {
      margin-top: 20px; } }
  @media only screen and (min-width: 1280px) {
    .post-header__content h1 {
      margin-top: 17px; } }
  .post-header__content p {
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.6; }
    @media only screen and (min-width: 768px) {
      .post-header__content p {
        margin-top: 18px;
        font-size: 19px; } }
    @media only screen and (min-width: 1280px) {
      .post-header__content p {
        margin-top: 28px;
        font-size: 22px; } }
.no-cssgrid .post-header__content {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .post-header__content {
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .post-header__content {
      width: 75%;
      margin: 0 16.66% 0 8.33%; } }
.author {
  margin-top: 12px; }
  @media only screen and (min-width: 768px) {
    .author {
      margin-top: 22px; } }
.author__image {
  display: block;
  float: left;
  margin-right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100%; }
  .author__image img {
    width: 100%;
    height: 100%;
    border-radius: 100%; }

.author__name,
.author__date {
  display: block;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 11px;
  letter-spacing: 0.04em; }
  @media only screen and (min-width: 768px) {
    .author__name,
    .author__date {
      display: inline-block;
      font-size: 13px; } }
  .author__name strong,
  .author__date strong {
    font-weight: 500;
    text-transform: uppercase; }
  .author__name a,
  .author__date a {
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(17, 155, 165, 0.3); }
    .author__name a:hover,
    .author__date a:hover {
      color: #232828;
      border-bottom-color: #119ba5; }

.author__name {
  padding-top: 6px;
  color: #808687; }
  @media only screen and (min-width: 768px) {
    .author__name {
      padding-top: 12px;
      margin-right: 6px; } }
.author__date {
  color: #c3c6c7;
  padding-top: 4px; }
  @media only screen and (min-width: 768px) {
    .author__date {
      padding-top: 0; } }
  .author__date sup {
    margin-left: 1px;
    font-size: 6px; }

.sponsor {
  margin-top: 32px;
  display: flex; }
  .sponsor a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 16px 16px 17px;
    background: #f0f3f3; }
    @media only screen and (min-width: 1024px) {
      .sponsor a {
        gap: 10px; } }
    .sponsor a span {
      padding-top: 2px;
      font-family: brother-1816, sans-serif;
      font-size: 9px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #808687;
      transition: color 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
      @media only screen and (min-width: 1024px) {
        .sponsor a span {
          font-size: 13px; } }
    .sponsor a img {
      height: 12px; }
      @media only screen and (min-width: 1024px) {
        .sponsor a img {
          height: 16px; } }
    .sponsor a:hover span {
      color: #535858; }
  .sponsor--center {
    justify-content: center; }
  .sponsor--light a {
    background: rgba(255, 255, 255, 0.2); }
    .sponsor--light a span {
      color: rgba(255, 255, 255, 0.7); }
    .sponsor--light a:hover {
      background: rgba(255, 255, 255, 0.3); }
      .sponsor--light a:hover span {
        color: #ffffff; }

.post-header--full {
  margin-top: 0;
  padding: 90px 0 42px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #232828; }
  @media only screen and (min-width: 768px) {
    .post-header--full {
      padding: 112px 0 82px; } }
  @media only screen and (min-width: 1024px) {
    .post-header--full {
      padding: 134px 0; } }
  .post-header--full .post-header__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .post-header--full .post-header__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #232828;
    opacity: 0.4; }
  .post-header--full .grid {
    width: 100%; }
  .post-header--full .post-header__content {
    text-align: center;
    grid-column: 1 / 13; }
    .post-header--full .post-header__content h1 {
      font-size: 40px;
      color: #ffffff;
      -webkit-font-smoothing: antialiased; }
      @media only screen and (min-width: 768px) {
        .post-header--full .post-header__content h1 {
          font-size: 70px; } }
      @media only screen and (min-width: 1280px) {
        .post-header--full .post-header__content h1 {
          margin-top: 36px;
          font-size: 90px; } }
    .post-header--full .post-header__content p {
      color: #ffffff; }
      @media only screen and (min-width: 1024px) {
        .post-header--full .post-header__content p {
          max-width: 66.66%;
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (min-width: 1280px) {
        .post-header--full .post-header__content p {
          margin-top: 34px; } }
      .post-header--full .post-header__content p a {
        color: #ffffff;
        border-bottom-color: rgba(255, 255, 255, 0.3); }
        .post-header--full .post-header__content p a:hover {
          background: rgba(255, 255, 255, 0.3); }
  .post-header--full .author {
    position: relative; }
  .post-header--full .author__image {
    display: block;
    float: none;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border: 3px solid #ffffff; }
  .post-header--full .author__name {
    margin-top: 6px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .post-header--full .author__name {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: 42px;
        margin-top: -8px;
        padding-top: 0;
        text-align: right; } }
    .post-header--full .author__name a {
      color: #ffffff;
      border-bottom-color: rgba(255, 255, 255, 0.3); }
      .post-header--full .author__name a:hover {
        border-bottom-color: #ffffff; }
  .post-header--full .author__date {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.7); }
    @media only screen and (min-width: 768px) {
      .post-header--full .author__date {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 42px;
        margin-top: -8px;
        text-align: left; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-header--full .post-header__content {
    width: 66.66%;
    margin: 0 auto; } }

.post-header__video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .post-header__video--on {
    opacity: 1; }

.post-header__video-object {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.post-header--split {
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .post-header--split {
      padding: 112px 0 82px; } }
  @media only screen and (min-width: 1024px) {
    .post-header--split {
      min-height: 100vh;
      padding: 134px 0; } }
  .post-header--split .post-header__background {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media only screen and (min-width: 768px) {
      .post-header--split .post-header__background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 62%;
        height: auto;
        padding-bottom: 0; } }
    @media only screen and (min-width: 1024px) {
      .post-header--split .post-header__background {
        left: 50%; } }
  .post-header--split .post-header__content {
    margin-top: 28px; }
    @media only screen and (min-width: 768px) {
      .post-header--split .post-header__content {
        grid-column: 1 / 5;
        padding-right: 60px; } }
    @media only screen and (min-width: 1024px) {
      .post-header--split .post-header__content {
        grid-column: 1 / 6;
        padding-right: 0; } }
    @media only screen and (min-width: 768px) {
      .post-header--split .post-header__content h1 {
        font-size: 37px; } }
    @media only screen and (min-width: 1280px) {
      .post-header--split .post-header__content h1 {
        font-size: 50px; } }
    .post-header--split .post-header__content p {
      margin-top: 24px; }
      @media only screen and (min-width: 768px) {
        .post-header--split .post-header__content p {
          margin-top: 34px; } }
      @media only screen and (min-width: 1280px) {
        .post-header--split .post-header__content p {
          margin-top: 54px; } }
  .post-header--split .author {
    height: 40px; }

.no-cssgrid .post-header--split .post-header__content {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .post-header--split .post-header__content {
      width: 60%; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .post-header--split .post-header__content {
      width: 50%;
      margin-left: 0;
      margin-right: 0;
      padding-right: 60px; } }
@media only screen and (min-width: 768px) {
  .post-header--image {
    padding: 32px 0 0; } }

@media only screen and (min-width: 1024px) {
  .post-header--image {
    padding: 32px 0; } }

@media only screen and (min-width: 1280px) {
  .post-header--image {
    padding: 42px 0; } }

@media only screen and (min-width: 1024px) {
  .post-header--image .grid {
    align-items: center; } }

.post-header--image .post-header__image {
  grid-column: 1 / 3;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 768px) {
    .post-header--image .post-header__image {
      grid-column: 1 / 4; } }
  @media only screen and (min-width: 1024px) {
    .post-header--image .post-header__image {
      grid-column: 1 / 7;
      -webkit-box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
      box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15); } }
@media only screen and (min-width: 768px) {
  .post-header--image .post-header__content {
    grid-column: 4 / 7; } }

@media only screen and (min-width: 1024px) {
  .post-header--image .post-header__content {
    grid-column: 7 / 13;
    padding-left: 16px; } }

@media only screen and (min-width: 1280px) {
  .post-header--image .post-header__content {
    padding-left: 32px; } }

@media only screen and (min-width: 768px) {
  .post-header--image .post-header__content h1 {
    font-size: 37px; } }

@media only screen and (min-width: 1280px) {
  .post-header--image .post-header__content h1 {
    font-size: 50px; } }

.post-header--image .author {
  height: 40px; }

@media only screen and (min-width: 768px) {
  .post-header--image--right .post-header__image {
    grid-column: 4 / 7;
    order: 2; } }

@media only screen and (min-width: 1024px) {
  .post-header--image--right .post-header__image {
    grid-column: 7 / 13;
    -webkit-box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15); } }

@media only screen and (min-width: 768px) {
  .post-header--image--right .post-header__content {
    grid-column: 1 / 4; } }

@media only screen and (min-width: 1024px) {
  .post-header--image--right .post-header__content {
    grid-column: 1 / 7;
    padding: 0 16px 0 0; } }

@media only screen and (min-width: 1280px) {
  .post-header--image--right .post-header__content {
    padding-right: 32px; } }

.post-header--image--circle .post-header__image {
  border-radius: 100%; }

.post-header--image--circle .post-header__content {
  text-align: center; }

.post-header--image--circle .author {
  height: auto; }

.post-header--image--circle .author__image {
  float: none;
  display: block;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .post-header--image--circle .author__image {
      display: inline-block;
      margin: 0 10px 0 0;
      vertical-align: middle; } }
.no-cssgrid .post-header--image .post-header__content {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .post-header--image .post-header__content {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .post-header--image .post-header__content {
      margin-left: 0;
      margin-right: 0;
      padding-left: 16px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .post-header--image .post-header__content {
      padding-left: 32px; } }
.post-header--text {
  margin-top: 0;
  padding: 100px 0 0; }
  @media only screen and (min-width: 768px) {
    .post-header--text {
      padding: 122px 0 10px; } }
  @media only screen and (min-width: 1024px) {
    .post-header--text {
      padding: 144px 0 14px; } }
  @media only screen and (min-width: 1280px) {
    .post-header--text {
      padding: 164px 0 22px; } }
  .post-header--text .post-header__content {
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .post-header--text .post-header__content {
        grid-column: 2 / 12; } }
    .post-header--text .post-header__content h1 {
      font-size: 40px; }
      @media only screen and (min-width: 768px) {
        .post-header--text .post-header__content h1 {
          font-size: 70px; } }
      @media only screen and (min-width: 1024px) {
        .post-header--text .post-header__content h1 {
          padding: 0 32px; } }
      @media only screen and (min-width: 1280px) {
        .post-header--text .post-header__content h1 {
          padding: 0 36px;
          margin-top: 36px;
          font-size: 90px; } }
    .post-header--text .post-header__content p {
      margin: 18px auto 0; }
      @media only screen and (min-width: 768px) {
        .post-header--text .post-header__content p {
          max-width: 700px;
          margin-top: 24px; } }
      @media only screen and (min-width: 1280px) {
        .post-header--text .post-header__content p {
          max-width: 800px;
          margin-top: 34px; } }
  .post-header--text .author {
    position: relative; }
  .post-header--text .author__image {
    float: none;
    margin: 0 auto;
    width: 64px;
    height: 64px; }
  .post-header--text .author__name {
    margin-top: 6px; }
    @media only screen and (min-width: 768px) {
      .post-header--text .author__name {
        position: absolute;
        top: 50%;
        right: 50%;
        margin-right: 42px;
        margin-top: -8px;
        padding-top: 0;
        text-align: right; } }
  .post-header--text .author__date {
    margin-top: 4px; }
    @media only screen and (min-width: 768px) {
      .post-header--text .author__date {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 42px;
        margin-top: -8px;
        text-align: left; } }
.post-header__title-wrap {
  position: relative; }

.post-header__open,
.post-header__close {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .post-header__open,
    .post-header__close {
      display: block;
      position: absolute;
      width: 80px;
      height: 50px; } }
  @media only screen and (min-width: 1280px) {
    .post-header__open,
    .post-header__close {
      width: 110px;
      height: 69px; } }
  .post-header__open svg,
  .post-header__close svg {
    width: 100%;
    height: 100%; }

@media only screen and (min-width: 1024px) {
  .post-header__open {
    top: 18px;
    left: -85px; } }

@media only screen and (min-width: 1280px) {
  .post-header__open {
    left: -106px; } }

.post-header__open svg {
  fill: #67809f; }

@media only screen and (min-width: 1024px) {
  .post-header__close {
    bottom: 0;
    right: -85px; } }

@media only screen and (min-width: 1280px) {
  .post-header__close {
    right: -107px; } }

.post-header__close svg {
  fill: rgba(103, 128, 159, 0.5); }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-header--text .post-header__content {
    width: 83.34%;
    margin: 0 auto; } }

.header-context {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .header-context {
      display: flex;
      position: absolute;
      top: 50%;
      width: 40px;
      height: 40px;
      transform: translate(0, -50%);
      background: #ecf7f8;
      color: #232828;
      -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
      .header-context--prev {
        left: 30px; }
        .header-context--prev .header-context__text {
          left: 100%; }
      .header-context--next {
        right: 30px; }
        .header-context--next .header-context__text {
          right: 100%; }
      .header-context svg {
        margin: auto; }
      .header-context__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        top: 0;
        height: 40px;
        padding: 0 8px;
        background: #ecf7f8;
        color: #232828;
        font-family: brother-1816, sans-serif;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.035em;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
        .header-context__text strong {
          font-weight: 500; }
        .header-context__text span {
          font-weight: 300; }
      .header-context:hover {
        color: #119ba5; }
        .header-context:hover .header-context__text {
          opacity: 1;
          visibility: visible; } }
.post-header--full .header-context {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7); }
  .post-header--full .header-context:hover {
    background: rgba(255, 255, 255, 0.3);
    color: white; }
  .post-header--full .header-context__text {
    background: rgba(255, 255, 255, 0.3);
    color: white; }

.block {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 32px; }
  @media only screen and (min-width: 768px) {
    .block {
      margin-top: 40px; } }
  @media only screen and (min-width: 1280px) {
    .block {
      margin-top: 50px; } }
  .block--photos {
    overflow-x: hidden; }
  .block--last {
    padding-bottom: 42px; }
    @media only screen and (min-width: 768px) {
      .block--last {
        padding-bottom: 52px; } }
    @media only screen and (min-width: 1280px) {
      .block--last {
        padding-bottom: 64px; } }
.block--1 {
  margin-top: 0; }

.block-carousel-wrap {
  overflow-x: hidden; }

.post-video {
  margin-top: 8px; }
  @media only screen and (min-width: 1024px) {
    .post-video {
      position: relative;
      display: grid;
      max-width: 1024px;
      margin: 10px auto 0;
      padding: 0 20px;
      grid-column-gap: 32px;
      grid-template-columns: repeat(12, [col-start] 1fr); } }
  @media only screen and (min-width: 1280px) {
    .post-video {
      max-width: 1280px;
      margin-top: 9px; } }
.post-video__title {
  position: relative;
  margin: 0 auto -15px;
  max-width: 480px;
  padding: 0 16px;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    .post-video__title {
      margin-bottom: -20px;
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .post-video__title {
      max-width: none;
      margin: 0 0 -20px;
      padding: 0;
      grid-column: 2 / 10;
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .post-video__title {
      margin-bottom: -29px; } }
  .post-video__title h2 {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 7px 8px 6px;
    background: #ecf7f8;
    font-size: 17px;
    line-height: 1; }
    @media only screen and (min-width: 768px) {
      .post-video__title h2 {
        padding: 9px 10px 8px;
        font-size: 25px; } }
    @media only screen and (min-width: 1024px) {
      .post-video__title h2 {
        max-width: 90%; } }
    @media only screen and (min-width: 1280px) {
      .post-video__title h2 {
        padding: 12px 12px 11px;
        font-size: 35px; } }
.state--source-auth-false .post-video__title a {
  pointer-events: none; }

.state--source-auth-false .post-body-video__credits {
  display: none !important; }

.post-video__credits {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .post-video__credits {
      position: relative;
      display: block;
      grid-column: 10 / 13;
      grid-row: 1 / 3;
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
@media only screen and (min-width: 1024px) {
  .post-video__media {
    grid-column: 1 / 10;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }

.post-video__caption {
  margin: 8px auto 0;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .post-video__caption {
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .post-video__caption {
      max-width: none;
      margin: 12px 0 0;
      padding: 0;
      grid-column: 2 / 10; } }
  .post-video__caption p {
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #c3c6c7; }
    @media only screen and (min-width: 768px) {
      .post-video__caption p {
        font-size: 13px; } }
.post-video__buttons {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 26px;
  display: flex;
  justify-content: center;
  gap: 8px; }
  @media only screen and (min-width: 1024px) {
    .post-video__buttons {
      grid-column: 1 / 10; } }
  @media only screen and (min-width: 1280px) {
    .post-video__buttons {
      margin-top: 28px; } }
  .post-video__buttons--hidden {
    display: none; }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-video__title {
    width: 66.66%;
    margin-left: 8.33%; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-video__credits {
    width: 25%;
    float: right;
    margin-top: -20px; } }

@media only screen and (min-width: 1280px) {
  .no-cssgrid .post-video__credits {
    margin-top: -29px; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-video__media {
    width: 75%;
    float: left; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .post-video__caption {
    float: left;
    width: 66.66%;
    margin-left: 8.33%; } }

.video {
  position: relative;
  background: #232828; }
  @media only screen and (min-width: 1024px) {
    .video {
      width: 730px;
      height: 411px;
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .video {
      width: 922px;
      height: 519px; } }
.video__cover {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .video__cover:hover .video__play {
    background: rgba(255, 255, 255, 0.2); }
    .video__cover:hover .video__play .svg-inline--fa {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.video__image {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.video__snippet {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  .video__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .video__snippet__ratio img,
    .video__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .video__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.video__cover.js-snippets:hover video {
  opacity: 1; }

.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 5px solid #ffffff;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding: 14px 0 0 2px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .video__play .svg-inline--fa {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .video__play {
      width: 100px;
      height: 100px;
      border-width: 8px;
      font-size: 30px;
      padding: 25px 0 0 4px; } }
  @media only screen and (min-width: 1280px) {
    .video__play {
      width: 140px;
      height: 140px;
      border-width: 12px;
      font-size: 40px;
      padding: 37px 0 0 6px; } }
.video__player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .video__player .flowplayer .fp-header .fp-fullscreen {
    float: left; }
  .video__player .flowplayer.is-ready:not(.is-poster) {
    background-color: transparent; }
  .video__player .slate-player {
    width: 100%;
    height: 100%; }

.video__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 10px;
  font-size: 30px;
  color: #ffffff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .video__close {
      padding: 6px 16px;
      font-size: 50px; } }
@media only screen and (min-width: 1024px) {
  .state--post-video-playing .mini-menu,
  .state--post-video-playing .menu-toggle,
  .state--post-video-playing .toolbar {
    opacity: 0;
    visibility: hidden; }
  .state--post-video-playing.state--player-paused .mini-menu,
  .state--post-video-playing.state--player-paused .menu-toggle,
  .state--post-video-playing.state--player-paused .toolbar {
    opacity: 1;
    visibility: visible; } }

.post-video--playing .video__cover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }

.post-video--playing .video__close {
  opacity: 0.7;
  visibility: visible; }
  .post-video--playing .video__close:hover {
    opacity: 1; }

.post-video--playing .post-video__title {
  opacity: 0;
  visibility: hidden; }

.post-video--playing .post-video__credits {
  opacity: 0;
  visibility: hidden; }

.post-video--skipping .post-video__title {
  opacity: 1;
  visibility: visible; }

.body--touch.state--player-paused .video__cover {
  opacity: 1;
  visibility: visible; }

.body--touch.state--player-paused .video__close {
  opacity: 0;
  visibility: hidden; }

.body--touch.state--player-paused .post-video__title {
  opacity: 1;
  visibility: visible; }

.body--touch.state--player-paused .post-video__credits {
  opacity: 1;
  visibility: visible; }

.mobile-credits {
  position: relative;
  margin: -15px auto 0;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .mobile-credits {
      margin-top: -18px;
      max-width: 768px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .mobile-credits {
      display: none; } }
.mobile-credits__button {
  display: inline-block;
  background: #232828;
  padding: 9px 8px 10px;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 10px;
  color: #808687;
  cursor: pointer; }
  .mobile-credits__button strong {
    margin-right: 3px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #119ba5; }
  .mobile-credits__button img {
    display: inline-block;
    margin-left: 3px;
    width: 54px;
    vertical-align: bottom; }
  @media only screen and (min-width: 768px) {
    .mobile-credits__button {
      padding: 11px 10px 12px;
      font-size: 11px; }
      .mobile-credits__button strong {
        font-size: 13px; }
      .mobile-credits__button img {
        width: 60px; } }
.credits {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 286px;
  padding: 18px 26px 26px 54px;
  background: #ecf7f8;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 1024px) {
    .credits {
      width: 286px;
      padding: 18px 26px 26px 54px;
      overflow: hidden; } }
  @media only screen and (min-width: 1280px) {
    .credits {
      width: 350px;
      padding: 27px 32px 32px 64px; } }
.state--source-auth-false .credits--logged-out {
  display: block; }

.state--source-auth-true .credits--logged-in {
  display: block; }

.credits__title {
  font-family: brother-1816, sans-serif;
  font-weight: 350; }
  .credits__title h5 {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #119ba5; }
    @media only screen and (min-width: 1280px) {
      .credits__title h5 {
        font-size: 17px; } }
.credits__title__powered {
  float: right;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 350;
  color: #808687; }
  @media only screen and (min-width: 1280px) {
    .credits__title__powered {
      margin-top: 2px;
      font-size: 11px; } }
  .credits__title__powered img {
    display: inline-block;
    margin-left: 3px;
    width: 54px;
    vertical-align: bottom; }
    @media only screen and (min-width: 1280px) {
      .credits__title__powered img {
        width: 74px;
        vertical-align: middle; } }
  .credits__title__powered:hover {
    color: #232828; }

.credits__list-wrap {
  float: left;
  clear: both; }

.credits__list-wrap--extra {
  display: none;
  margin-top: 20px; }

@media only screen and (min-width: 1024px) {
  .credits[data-columns="2"] .credits__list-wrap {
    width: 412px; } }

@media only screen and (min-width: 1280px) {
  .credits[data-columns="2"] .credits__list-wrap {
    width: 508px; } }

@media only screen and (min-width: 1024px) {
  .credits[data-columns="3"] .credits__list-wrap {
    width: 618px; } }

@media only screen and (min-width: 1280px) {
  .credits[data-columns="3"] .credits__list-wrap {
    width: 762px; } }

@media only screen and (min-width: 1024px) {
  .credits[data-columns="4"] .credits__list-wrap {
    width: 824px; } }

@media only screen and (min-width: 1280px) {
  .credits[data-columns="4"] .credits__list-wrap {
    width: 1016px; } }

.credits--logged-in.credits--open .credits__list-wrap--extra {
  display: block; }

@media only screen and (min-width: 1024px) {
  .credits--logged-in.credits--open {
    z-index: 3;
    padding-left: 26px;
    -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1); }
    .credits--logged-in.credits--open[data-columns="2"] {
      width: 492px; }
    .credits--logged-in.credits--open[data-columns="3"] {
      width: 698px; }
    .credits--logged-in.credits--open[data-columns="4"] {
      width: 904px; }
    .credits--logged-in.credits--open .credits__list {
      opacity: 1;
      visibility: visible;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
    .credits--logged-in.credits--open .credits__cta__open {
      opacity: 0;
      visibility: hidden;
      -moz-transform: translate(10px, 0);
      -o-transform: translate(10px, 0);
      -ms-transform: translate(10px, 0);
      -webkit-transform: translate(10px, 0);
      transform: translate(10px, 0);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .credits--logged-in.credits--open .credits__cta__close {
      opacity: 1;
      visibility: visible;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; } }

@media only screen and (min-width: 1280px) {
  .credits--logged-in.credits--open {
    padding-left: 32px; }
    .credits--logged-in.credits--open[data-columns="2"] {
      width: 604px; }
    .credits--logged-in.credits--open[data-columns="3"] {
      width: 858px; }
    .credits--logged-in.credits--open[data-columns="4"], .credits--logged-in.credits--open[data-columns="5"], .credits--logged-in.credits--open[data-columns="6"] {
      width: 1112px; } }

.credits__list {
  list-style: none;
  margin: 0;
  padding: 0 20px 0 0; }
  @media only screen and (min-width: 768px) {
    .credits__list {
      float: left;
      width: 33.33%; } }
  @media only screen and (min-width: 1024px) {
    .credits__list {
      width: 206px; }
      .credits--logged-in .credits__list {
        opacity: 0;
        visibility: hidden;
        -moz-transform: translate(10px, 0);
        -o-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
        .credits--logged-in .credits__list:first-child {
          opacity: 1;
          visibility: visible;
          -moz-transform: translate(0, 0);
          -o-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          transform: translate(0, 0); } }
  @media only screen and (min-width: 1280px) {
    .credits__list {
      padding-top: 10px;
      width: 254px; } }
.credits__list__item {
  margin-top: 12px;
  font-family: brother-1816, sans-serif;
  line-height: 1.1;
  font-size: 13px;
  font-weight: 500; }
  @media only screen and (min-width: 1280px) {
    .credits__list__item {
      margin-top: 16px;
      font-size: 15px; } }
  .credits__list__item span {
    display: block;
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #808687;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .credits__list__item a {
    font-size: 13px;
    font-weight: 500; }
    @media only screen and (min-width: 1280px) {
      .credits__list__item a {
        font-size: 15px; } }
.credits__list__item--redacted {
  margin-top: 8px;
  line-height: 0.9; }
  .credits__list__item--redacted span {
    display: inline-block; }
    .credits__list__item--redacted span:first-child {
      width: 62px;
      height: 6px;
      background: rgba(128, 134, 135, 0.6); }
    .credits__list__item--redacted span:last-child {
      width: 102px;
      height: 9px;
      background: rgba(35, 40, 40, 0.6); }

.credits__list__item--redacted--first span:first-child {
  width: 92px; }

.credits__list__item--redacted--first span:last-child {
  width: 52px; }

.credits__cta {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 14px; }
  @media only screen and (min-width: 1280px) {
    .credits__cta {
      margin-top: 24px; } }
  .credits__cta p {
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #119ba5; }
    @media only screen and (min-width: 1280px) {
      .credits__cta p {
        font-size: 16px;
        line-height: 22px; } }
.credits__cta__buttons {
  margin-top: 14px; }

.bundle .credits__cta__buttons .button span {
  display: none; }
  @media only screen and (min-width: 1280px) {
    .bundle .credits__cta__buttons .button span {
      display: inline; } }
.credits__cta__link {
  display: block;
  margin-top: 10px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5; }
  @media only screen and (min-width: 1280px) {
    .credits__cta__link {
      display: inline-block;
      margin: 0 0 0 16px; } }
  .credits__cta__link .svg-inline--fa {
    margin-left: 2px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .credits__cta__link:hover .svg-inline--fa {
    -moz-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }

.credits__cta__open {
  display: inline-block;
  margin-top: 4px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 1280px) {
    .credits__cta__open {
      margin: 4px 0 0 -18px; } }
  .credits__cta__open .svg-inline--fa {
    margin-right: 2px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .credits__cta__open:hover .svg-inline--fa {
    -moz-transform: translate(-4px, 0);
    -o-transform: translate(-4px, 0);
    -ms-transform: translate(-4px, 0);
    -webkit-transform: translate(-4px, 0);
    transform: translate(-4px, 0); }

.credits__cta__close {
  position: absolute;
  top: 4px;
  left: 0;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .credits__cta__close .svg-inline--fa {
    margin-right: 2px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .credits__cta__close:hover .svg-inline--fa {
    -moz-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -webkit-transform: translate(4px, 0);
    transform: translate(4px, 0); }

.modal-credits {
  position: fixed;
  z-index: 30;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ecf7f8;
  overflow: auto;
  padding: 20px 0 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 1024px) {
    .modal-credits {
      display: none; } }
  .modal-credits .credits__title,
  .modal-credits .credits__list-wrap {
    margin: 0 auto;
    max-width: 480px;
    padding: 0 16px;
    float: none; }
    @media only screen and (min-width: 768px) {
      .modal-credits .credits__title,
      .modal-credits .credits__list-wrap {
        max-width: 768px;
        padding: 0 20px; } }
  .modal-credits .credits__title:after {
    content: "";
    clear: both;
    display: table; }
  .modal-credits .credits__title h5 {
    float: left; }
  .modal-credits .credits__title__powered {
    float: left;
    margin: 1px 0 0 12px; }
  .modal-credits .credits__close {
    position: fixed;
    top: 0;
    right: 0;
    padding: 10px 16px;
    font-size: 30px;
    color: #119ba5;
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .modal-credits .credits__close:hover {
      opacity: 1; }
    @media only screen and (min-width: 768px) {
      .modal-credits .credits__close {
        padding: 10px 18px;
        font-size: 40px; } }
.state--modal-credits-open .logo {
  opacity: 0;
  visibility: hidden; }

.state--modal-credits-open .mini-menu,
.state--modal-credits-open .menu-toggle,
.state--modal-credits-open .toolbar {
  opacity: 0;
  visibility: hidden; }

.modal-credits--open {
  opacity: 1;
  visibility: visible; }

.post-body-credits {
  margin-top: 32px;
  padding: 18px 20px 20px;
  background: #ecf7f8; }
  .post-body-credits:after {
    content: "";
    clear: both;
    display: table; }
  @media only screen and (min-width: 768px) {
    .post-body-credits {
      padding: 27px 32px 30px; } }
  .post-body-credits ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0; }
    .post-body-credits ul li {
      margin-top: 14px;
      padding-left: 0 !important;
      font-family: brother-1816, sans-serif;
      line-height: 1.1;
      font-size: 10px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #808687; }
      .post-body-credits ul li:before {
        display: none; }
      .post-body-credits ul li a {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none; }
        @media only screen and (min-width: 1280px) {
          .post-body-credits ul li a {
            font-size: 15px; } }
        .post-body-credits ul li a:before {
          content: '';
          display: table; }

.post-body-credits .credits__list-wrap {
  display: none; }

.state--source-auth-true .post-body-credits .credits__list-wrap {
  display: block; }

.state--source-auth-true .post-body-credits .credits__cta {
  display: none; }

.sharer span {
  display: block;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #119ba5; }

.sharer--sidebar {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 30px;
  width: 40px;
  visibility: hidden; }
  .sharer--sidebar span {
    text-align: center; }
  @media only screen and (min-width: 1180px) and (max-width: 1279px) {
    .sharer--sidebar {
      visibility: visible; } }
  @media only screen and (min-width: 1440px) {
    .sharer--sidebar {
      top: 14px;
      visibility: visible; } }
.sharer--sidebar--fixed {
  position: fixed;
  z-index: 2;
  top: 100px !important; }

.sharer-dock {
  position: absolute;
  left: 30px;
  width: 40px;
  height: 202px;
  visibility: hidden; }

.sharer-dock--top {
  top: 8px; }
  @media only screen and (min-width: 1440px) {
    .sharer-dock--top {
      top: 14px; } }
.sharer-dock--bottom {
  bottom: 8px; }
  @media only screen and (min-width: 1440px) {
    .sharer-dock--bottom {
      bottom: 12px; } }
.post-bottom {
  width: 100%; }

.sharer--body {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  margin: 0 0 32px;
  visibility: visible; }
  .sharer--body .sharer__links {
    margin-top: 6px;
    height: 40px; }
    .sharer--body .sharer__links li {
      display: inline-block;
      margin: 0 2px 0 0; }
  @media only screen and (min-width: 1180px) and (max-width: 1279px) {
    .sharer--body {
      display: none; } }
  @media only screen and (min-width: 1440px) {
    .sharer--body {
      display: none; } }
.sharer__links {
  list-style: none;
  margin: 14px 0 0; }
  .sharer__links li {
    display: block;
    margin-top: 6px; }
    .sharer__links li a {
      display: block;
      position: relative;
      width: 40px;
      height: 40px;
      background: #ecf7f8;
      color: #119ba5;
      font-size: 22px; }
      .sharer__links li a .svg-inline--fa {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .sharer__links li a:hover {
        background: #119ba5;
        color: #ffffff; }

.post-content {
  margin-top: 32px;
  display: grid; }
  @media only screen and (min-width: 768px) {
    .post-content {
      margin-top: 40px; } }
  @media only screen and (min-width: 1280px) {
    .post-content {
      margin-top: 50px; } }
.post-full {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .post-full {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .post-full {
      grid-column: 1 / 13; } }
.post-body {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .post-body {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .post-body {
      grid-column: 2 / 9; } }
  .post-body p.post-body__first {
    color: #232828;
    font-size: 20px;
    line-height: 34px;
    padding-bottom: 6px; }
    @media only screen and (min-width: 768px) {
      .post-body p.post-body__first {
        font-size: 22px;
        line-height: 38px;
        padding-bottom: 12px; } }
    @media only screen and (min-width: 1280px) {
      .post-body p.post-body__first {
        font-size: 24px;
        line-height: 45px;
        padding-bottom: 16px; } }
  .post-body h2 {
    position: relative;
    margin-top: 32px;
    margin-left: -16px;
    padding: 12px 16px 14px;
    background: #f0f3f3;
    font-size: 22px; }
    @media only screen and (min-width: 768px) {
      .post-body h2 {
        margin-top: 40px;
        margin-left: -20px;
        padding: 16px 20px 18px;
        font-size: 25px; } }
    @media only screen and (min-width: 1280px) {
      .post-body h2 {
        margin-top: 52px;
        margin-left: -32px;
        padding: 24px 32px 28px;
        font-size: 30px; } }
    .post-body h2:after {
      top: 100%;
      left: 26px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(240, 243, 243, 0);
      border-top-color: #f0f3f3;
      border-width: 10px;
      margin-left: -10px; }
      @media only screen and (min-width: 768px) {
        .post-body h2:after {
          left: 30px; } }
      @media only screen and (min-width: 1280px) {
        .post-body h2:after {
          left: 42px; } }
    .post-body h2:first-child {
      margin-top: 0; }
  .post-body h3 {
    margin-top: 24px;
    font-size: 22px; }
    @media only screen and (min-width: 768px) {
      .post-body h3 {
        margin-top: 32px;
        font-size: 25px; } }
    @media only screen and (min-width: 1280px) {
      .post-body h3 {
        margin-top: 46px;
        font-size: 30px; } }
    .post-body h3:first-child {
      margin-top: 0; }
  .post-body h4 {
    position: relative;
    margin: 28px 0 28px -16px;
    padding: 14px 16px 16px;
    background: #ecf7f8;
    font-family: adelle, serif;
    font-weight: 300;
    letter-spacing: 0;
    font-size: 19px;
    line-height: 1.7; }
    @media only screen and (min-width: 768px) {
      .post-body h4 {
        margin: 30px 0 30px -20px;
        padding: 18px 20px 20px;
        font-size: 21px; } }
    @media only screen and (min-width: 1280px) {
      .post-body h4 {
        margin: 32px 0 32px -32px;
        padding: 26px 32px 30px;
        font-size: 24px; } }
    .post-body h4:first-child {
      margin-top: 0; }
    .post-body h4:nth-last-child(2) {
      margin-bottom: 0; }
    .post-body h4 a {
      position: relative;
      display: inline-block;
      font-weight: 300;
      color: #119ba5; }
      .post-body h4 a:before {
        content: '';
        position: absolute;
        bottom: 18%;
        left: 0;
        right: 0;
        height: 18%;
        background: rgba(17, 155, 165, 0.15);
        -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
      .post-body h4 a:hover:before {
        height: 65%; }
  .post-body .iframe-wrapper {
    position: relative;
    margin-top: 20px;
    padding-top: 8px !important;
    padding-bottom: 56.25% !important;
    background: #f0f3f3; }
  .post-body .video-container {
    position: relative;
    margin: 32px 0;
    padding-bottom: 56.25%; }
    .post-body .video-container iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  .post-body figure,
  .post-body p img {
    margin: 32px 0; }
  .post-body .giphy-wrap {
    position: relative;
    margin: 32px 0; }
    .post-body .giphy-wrap > iframe {
      position: absolute;
      width: 100%;
      height: 100%; }
  .post-body p strong {
    color: #232828; }
  .post-body p u {
    text-decoration: underline; }
  .post-body ul:not(.sharer__links):not(.credits__list), .post-body ol {
    list-style-type: none; }
    .post-body ul:not(.sharer__links):not(.credits__list) li, .post-body ol li {
      position: relative;
      padding-left: 26px; }
  .post-body ul:not(.sharer__links):not(.credits__list) li:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 5px;
    height: 5px;
    border: 3px solid #c3c6c7; }
  .post-body ol {
    counter-reset: listcounter; }
    .post-body ol li:before {
      counter-increment: listcounter;
      content: counter(listcounter);
      position: absolute;
      top: 50%;
      left: 0;
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-family: brother-1816, sans-serif;
      font-weight: 350;
      color: #c3c6c7; }

.block--no-block-layout .post-body div:not(.tooltip__content) {
  font-size: 17px;
  font-weight: 300;
  line-height: 2; }
  @media only screen and (min-width: 768px) {
    .block--no-block-layout .post-body div:not(.tooltip__content) {
      font-size: 18px; } }
  @media only screen and (min-width: 1280px) {
    .block--no-block-layout .post-body div:not(.tooltip__content) {
      font-size: 19px; } }
  .block--no-block-layout .post-body div:not(.tooltip__content) strong {
    font-weight: 600;
    color: #232828; }

.post-content blockquote {
  position: relative;
  margin: 58px 0; }
  @media only screen and (min-width: 768px) {
    .post-content blockquote {
      margin: 68px 0; } }
  @media only screen and (min-width: 1024px) {
    .post-content blockquote {
      margin-left: -85px; } }
  @media only screen and (min-width: 1280px) {
    .post-content blockquote {
      margin-left: -105px; } }
  .post-content blockquote .blockquote__open,
  .post-content blockquote .blockquote__close {
    position: absolute;
    width: 40px;
    height: 25px; }
    .post-content blockquote .blockquote__open svg,
    .post-content blockquote .blockquote__close svg {
      width: 100%;
      height: 100%; }
  .post-content blockquote .blockquote__open {
    top: -36px;
    left: 0; }
    @media only screen and (min-width: 768px) {
      .post-content blockquote .blockquote__open {
        top: -48px; } }
    .post-content blockquote .blockquote__open svg {
      fill: #119ba5; }
  .post-content blockquote .blockquote__close {
    bottom: -32px;
    right: 0; }
    @media only screen and (min-width: 768px) {
      .post-content blockquote .blockquote__close {
        bottom: -38px; } }
    .post-content blockquote .blockquote__close svg {
      fill: rgba(17, 155, 165, 0.5); }
  .post-content blockquote p {
    margin-top: 0;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    color: #232828;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 1.4; }
    @media only screen and (min-width: 768px) {
      .post-content blockquote p {
        font-size: 25px; } }
    @media only screen and (min-width: 1280px) {
      .post-content blockquote p {
        font-size: 30px; } }
  .post-content blockquote.blockquote--large p {
    font-size: 28px; }
    @media only screen and (min-width: 768px) {
      .post-content blockquote.blockquote--large p {
        font-size: 36px; } }
    @media only screen and (min-width: 1280px) {
      .post-content blockquote.blockquote--large p {
        font-size: 48px; } }
  .post-content blockquote .blockquote__tweet {
    position: absolute;
    bottom: -25px;
    right: 56px;
    background: rgba(0, 172, 237, 0.15);
    padding: 5px 4px 3px 15px;
    border-radius: 5px 0 0 0;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #00aced; }
    @media only screen and (min-width: 768px) {
      .post-content blockquote .blockquote__tweet {
        bottom: -31px; } }
    .post-content blockquote .blockquote__tweet .svg-inline--fa {
      position: absolute;
      top: -3px;
      left: -10px;
      font-size: 22px;
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
    .post-content blockquote .blockquote__tweet:hover .svg-inline--fa {
      -moz-transform: scale(1.4);
      -o-transform: scale(1.4);
      -ms-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      transform: scale(1.4); }

@media only screen and (min-width: 1024px) {
  .post-content .sidebar blockquote {
    margin: 0;
    padding: 36px 0; } }

@media only screen and (min-width: 1280px) {
  .post-content .sidebar blockquote {
    margin: 0;
    padding: 48px 0; } }

.post-content .sidebar blockquote .blockquote__open {
  top: 0; }

.post-content .sidebar blockquote .blockquote__close {
  left: 0;
  bottom: 0; }

.post-content .sidebar blockquote .blockquote__tweet {
  bottom: 6px;
  right: auto;
  left: 60px; }

@media only screen and (min-width: 1024px) {
  .post-content .sidebar blockquote p {
    font-size: 25px; } }

@media only screen and (min-width: 1280px) {
  .post-content .sidebar blockquote p {
    font-size: 30px; } }

@media only screen and (min-width: 1024px) {
  .state--quotes-in-sidebar .post-body blockquote:first-of-type {
    display: none; } }

.body--post--work .post-content blockquote .blockquote__open svg {
  fill: #6baedb; }

.body--post--work .post-content blockquote .blockquote__close svg {
  fill: rgba(107, 174, 219, 0.5); }

.body--post--craft .post-content blockquote .blockquote__open svg {
  fill: #97c0b2; }

.body--post--craft .post-content blockquote .blockquote__close svg {
  fill: rgba(151, 192, 178, 0.5); }

.body--post--talent .post-content blockquote .blockquote__open svg {
  fill: #ea997b; }

.body--post--talent .post-content blockquote .blockquote__close svg {
  fill: rgba(234, 153, 123, 0.5); }

.body--post--inspiration .post-content blockquote .blockquote__open svg {
  fill: #a996c0; }

.body--post--inspiration .post-content blockquote .blockquote__close svg {
  fill: rgba(169, 150, 192, 0.5); }

.body--post--news .post-content blockquote .blockquote__open svg {
  fill: #d1807e; }

.body--post--news .post-content blockquote .blockquote__close svg {
  fill: rgba(209, 128, 126, 0.5); }

.body--post--insight .post-content blockquote .blockquote__open svg {
  fill: #67809f; }

.body--post--insight .post-content blockquote .blockquote__close svg {
  fill: rgba(103, 128, 159, 0.5); }

.no-cssgrid .post-body {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .post-body {
      float: left;
      width: 58.33%;
      margin-left: 8.33%; } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .sidebar {
    float: right;
    width: 260px; } }

@media only screen and (min-width: 1280px) {
  .no-cssgrid .sidebar {
    width: 300px; } }

.initial {
  float: left;
  width: 52px;
  height: 52px;
  border: 5px solid #232828;
  margin: 8px 14px 0 0;
  text-align: center;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  padding-top: 3px;
  font-size: 26px; }
  @media only screen and (min-width: 768px) {
    .initial {
      width: 58px;
      height: 58px;
      margin: 8px 18px 0 0;
      padding-top: 4px;
      font-size: 30px; } }
  @media only screen and (min-width: 1280px) {
    .initial {
      width: 64px;
      height: 64px;
      margin: 14px 20px 0 0;
      border-width: 6px;
      padding-top: 3px;
      font-size: 33px; } }
.post-body__content a,
.post-header__content p a {
  position: relative; }

@media only screen and (min-width: 1024px) and (pointer: fine) {
  .post-body__content a:hover .tooltip,
  .post-header__content p a:hover .tooltip {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1); } }

.post-body p a,
.post-header__content p a {
  font-weight: 600;
  color: #232828;
  border-bottom: 3px solid #d6eef0; }
  .post-body p a:hover,
  .post-header__content p a:hover {
    background: #d6eef0; }

.post-body__content h1 a, .post-body__content h2 a, .post-body__content h3 a, .post-body__content h5 a, .post-body__content h6 a {
  text-decoration: underline;
  text-decoration-color: #d6eef0; }

.tooltip {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .tooltip {
      display: block;
      position: absolute;
      bottom: 100%;
      left: 50%;
      padding-bottom: 6px;
      opacity: 0;
      visibility: hidden;
      -moz-transform: translate(-50%, 4px);
      -o-transform: translate(-50%, 4px);
      -ms-transform: translate(-50%, 4px);
      -webkit-transform: translate(-50%, 4px);
      transform: translate(-50%, 4px);
      -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); } }
.tooltip__content {
  position: relative;
  display: inline-block;
  background: #232828;
  padding: 15px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0 !important;
  color: #ffffff;
  white-space: nowrap; }
  @media only screen and (min-width: 1280px) {
    .tooltip__content {
      font-size: 15px; } }
  .tooltip__content:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(35, 40, 40, 0);
    border-top-color: #232828;
    border-width: 8px;
    margin-left: -8px; }
  .tooltip__content strong {
    display: inline-block;
    font-weight: 500;
    color: #119ba5 !important; }
  .tooltip__content span {
    margin-left: 2px; }
  .tooltip__content img,
  .tooltip__content span {
    display: inline-block;
    margin: 0 !important;
    width: 54px; }

.source-redirect {
  position: fixed;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.state--source-redirect .source-redirect {
  opacity: 1;
  visibility: visible; }

.state--source-redirect .source-redirect__content {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.source-redirect__close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  padding: 30px 26px;
  font-size: 30px;
  color: rgba(17, 155, 165, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .source-redirect__close:hover {
    color: #119ba5; }
  @media only screen and (min-width: 768px) {
    .source-redirect__close {
      padding: 25px 24px;
      font-size: 50px; } }
.source-redirect__content {
  padding: 40px 16px;
  text-align: center;
  max-width: 600px;
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }
  @media only screen and (min-width: 1280px) {
    .source-redirect__content {
      max-width: 760px; } }
.source-redirect__title img {
  display: inline-block;
  width: 90px;
  -moz-transform: translate(0, 2px);
  -o-transform: translate(0, 2px);
  -ms-transform: translate(0, 2px);
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px); }
  @media only screen and (min-width: 768px) {
    .source-redirect__title img {
      width: 110px; } }
  @media only screen and (min-width: 1280px) {
    .source-redirect__title img {
      width: 130px; } }
.source-redirect__buttons {
  position: relative;
  z-index: 1;
  margin-top: 20px; }

.source-redirect__link {
  display: block;
  margin-top: 20px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5; }
  @media only screen and (min-width: 768px) {
    .source-redirect__link {
      display: inline-block;
      margin: 0 0 0 16px; } }
  .source-redirect__link .svg-inline--fa {
    margin-left: 2px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  .source-redirect__link:hover .svg-inline--fa {
    -moz-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }

.source-login {
  position: fixed;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.state--source-auth-true .source-login {
  display: none; }

.state--source-login .source-login {
  opacity: 1;
  visibility: visible; }

.state--source-login .source-login__content {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.source-login__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 26px;
  font-size: 30px;
  color: rgba(17, 155, 165, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .source-login__close:hover {
    color: #119ba5; }
  @media only screen and (min-width: 768px) {
    .source-login__close {
      padding: 25px 24px;
      font-size: 50px; } }
.source-login__content {
  padding: 40px 16px;
  text-align: center;
  width: 100%;
  max-width: 500px;
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }
  .source-login__content iframe {
    width: 100%;
    height: 380px;
    border: 0;
    -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1); }

.post-body-carousel {
  z-index: auto; }
  .post-body-carousel .owl-stage-outer {
    overflow: visible; }
  .post-body-carousel .owl-item {
    opacity: 0.4;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    pointer-events: none; }
    .post-body-carousel .owl-item.active {
      opacity: 1;
      pointer-events: auto; }
    .post-body-carousel .owl-item a {
      display: block;
      cursor: zoom-in; }
    .post-body-carousel .owl-item .fluidbox__overlay {
      display: none; }
  .post-body-carousel .owl-nav {
    width: 100%;
    max-width: 448px;
    margin-top: 16px;
    text-align: right;
    -webkit-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      .post-body-carousel .owl-nav {
        max-width: 728px; } }
    @media only screen and (min-width: 1024px) {
      .post-body-carousel .owl-nav {
        max-width: 560px; } }
    @media only screen and (min-width: 1280px) {
      .post-body-carousel .owl-nav {
        max-width: 710px; } }
    .post-body-carousel .owl-nav .owl-prev,
    .post-body-carousel .owl-nav .owl-next {
      width: 40px;
      height: 40px;
      border: 4px solid #232828;
      background: transparent;
      color: #232828;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
      .post-body-carousel .owl-nav .owl-prev.disabled,
      .post-body-carousel .owl-nav .owl-next.disabled {
        opacity: 0.2;
        pointer-events: none; }
      .post-body-carousel .owl-nav .owl-prev:focus,
      .post-body-carousel .owl-nav .owl-next:focus {
        outline: none; }
      .post-body-carousel .owl-nav .owl-prev:hover,
      .post-body-carousel .owl-nav .owl-next:hover {
        background: #232828;
        color: #ffffff; }
    .post-body-carousel .owl-nav .owl-next {
      margin-left: 6px; }

.post-body-carousel__label {
  position: absolute;
  bottom: 12px;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #c3c6c7; }
  @media only screen and (min-width: 768px) {
    .post-body-carousel__label {
      font-size: 13px; } }
.fluidbox-overlay {
  position: fixed;
  z-index: 40;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  cursor: zoom-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.4s cubic-bezier(0.2, 0.3, 0, 1); }

@media only screen and (min-width: 1024px) {
  .state--fluidbox-open .post {
    overflow: hidden; }
  .state--fluidbox-open .logo {
    opacity: 0;
    visibility: hidden; }
  .state--fluidbox-open .mini-menu,
  .state--fluidbox-open .menu-toggle,
  .state--fluidbox-open .toolbar {
    opacity: 0;
    visibility: hidden; } }

.state--fluidbox-open .fluidbox-overlay {
  opacity: 1;
  visibility: visible; }

.state--fluidbox-open .block--photos {
  overflow: visible; }

.carousel--fluidbox-open {
  z-index: 50; }
  .carousel--fluidbox-open .owl-item:not(.active),
  .carousel--fluidbox-open .owl-nav {
    opacity: 0;
    -webkit-transition: all 0.1s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.1s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.1s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.1s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.1s cubic-bezier(0.2, 0.3, 0, 1); }

.post-body-video {
  position: relative;
  background: #232828; }

.post-body-video__cover {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .post-body-video__cover:hover .post-body-video__play {
    background: rgba(255, 255, 255, 0.2); }
    .post-body-video__cover:hover .post-body-video__play .svg-inline--fa {
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }

.post-body-video__snippet {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9; }
  .post-body-video__snippet__ratio {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    height: auto;
    width: auto;
    min-height: calc(100% + 2px);
    min-width: calc(100% + 2px); }
    .post-body-video__snippet__ratio img,
    .post-body-video__snippet__ratio video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .post-body-video__snippet__ratio video {
      opacity: 0;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.post-body-video__cover.js-snippets:hover video {
  opacity: 1; }

.post-body-video__image {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.post-body-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 5px solid #ffffff;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  padding: 14px 0 0 2px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .post-body-video__play .svg-inline--fa {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .post-body-video__play {
      width: 100px;
      height: 100px;
      border-width: 8px;
      font-size: 30px;
      padding: 25px 0 0 4px; } }
.post-body-video__credits {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #ffffff;
  padding: 0 4px 3px 20px;
  cursor: pointer !important;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .post-body-video__credits > span {
    display: inline-block;
    padding-top: 6px;
    font-family: brother-1816, sans-serif;
    font-size: 10px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #119ba5; }
  .post-body-video__credits > svg {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px; }
  .post-body-video__credits .tooltip {
    padding-bottom: 12px; }
  @media only screen and (min-width: 1024px) {
    .post-body-video__credits:hover .tooltip {
      opacity: 1;
      visibility: visible;
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.5s cubic-bezier(0.2, 0.3, 0, 1); } }
.post-body-video:hover .post-body-video__credits {
  opacity: 1; }

.post-body-video__player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .post-body-video__player .flowplayer .fp-header .fp-fullscreen {
    float: left; }
  .post-body-video__player .flowplayer.is-ready:not(.is-poster) {
    background-color: transparent; }
  .post-body-video__player .slate-player {
    width: 100%;
    height: 100%; }

.post-body-video__caption {
  position: absolute;
  bottom: -32px;
  left: 0; }
  .post-body-video__caption p {
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #c3c6c7; }
    @media only screen and (min-width: 768px) {
      .post-body-video__caption p {
        font-size: 13px; } }
.post-body-video--playing .post-body-video__cover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }

.sidebar {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sidebar {
      display: flex;
      flex-direction: column;
      grid-column: 9 / 13;
      padding: 8px 0 0 46px; } }
  @media only screen and (min-width: 1280px) {
    .sidebar {
      grid-column: 10 / 13;
      padding: 14px 0 0 0;
      margin-left: -14px; } }
.sidebar-item {
  position: relative;
  flex-grow: 1; }

.sidebar-element {
  width: 260px; }
  @media only screen and (min-width: 1024px) {
    .sidebar-element {
      position: sticky !important;
      top: 100px; } }
  @media only screen and (min-width: 1280px) {
    .sidebar-element {
      width: 300px; } }
.sidebar-item--sticky .sidebar-element {
  position: fixed;
  top: 100px; }

.sidebar-item--sticky.sidebar-item--stuck .sidebar-element {
  position: absolute;
  top: auto;
  bottom: 0; }

.sidebar__ad--button {
  position: relative;
  width: 260px;
  height: 217px; }
  @media only screen and (min-width: 1280px) {
    .sidebar__ad--button {
      width: 300px;
      height: 250px; } }
  .sidebar__ad--button iframe {
    width: 260px;
    height: 217px; }
    @media only screen and (min-width: 1280px) {
      .sidebar__ad--button iframe {
        width: 300px;
        height: 250px; } }
.sidebar__latest .latest-list {
  margin: 8px 0 0; }
  @media only screen and (min-width: 1280px) {
    .sidebar__latest .latest-list {
      margin-top: 16px; } }
.sidebar__latest__images {
  position: relative;
  margin-top: 16px;
  background: #232828; }
  .sidebar__latest__images img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -webkit-backface-visibility: hidden; }
    .sidebar__latest__images img:first-child {
      position: relative; }
    .sidebar__latest__images img.sidebar__latest__image--on {
      opacity: 1; }

.block--context {
  position: sticky;
  top: calc(100vh - 80px);
  margin: 0;
  z-index: 1; }
  .block--context .sidebar {
    padding-top: 0; }
  .block--context:hover {
    z-index: 3; }

.block--clips.block--1 {
  order: -1; }

.sidebar-context {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sidebar-context {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: absolute;
      z-index: 1;
      top: 0;
      width: 260px;
      height: 60px;
      background: #ecf7f8;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); } }
  @media only screen and (min-width: 1280px) {
    .sidebar-context {
      width: 300px; } }
  .sidebar-context__category {
    display: flex;
    font-family: brother-1816, sans-serif;
    font-weight: 300;
    font-size: 12px;
    transition: color 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 1280px) {
      .sidebar-context__category {
        font-size: 13px; } }
    .sidebar-context__category span,
    .sidebar-context__category strong {
      border-bottom: 2px solid #119ba5;
      letter-spacing: 0.035em;
      padding-bottom: 3px; }
    .sidebar-context__category span {
      padding-right: 2px; }
    .sidebar-context__category strong {
      font-weight: 500;
      text-transform: uppercase; }
  .sidebar-context__button {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 100%;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.035em; }
    .sidebar-context__button:first-child {
      padding: 0 8px 0 16px; }
      .sidebar-context__button:first-child .sidebar-context-post {
        left: 0; }
    .sidebar-context__button:last-child {
      padding: 0 16px 0 8px; }
      .sidebar-context__button:last-child .sidebar-context-post {
        right: 0; }
    @media only screen and (min-width: 1280px) {
      .sidebar-context__button {
        font-size: 13px; } }
    .sidebar-context__button:hover .sidebar-context-post {
      opacity: 1;
      visibility: visible; }
    .sidebar-context__button--disabled {
      pointer-events: none;
      opacity: 0.25; }
  .sidebar-context--work .sidebar-context__category span, .sidebar-context--work .sidebar-context__category strong {
    border-color: #6baedb; }
  .sidebar-context--work .sidebar-context__button:hover,
  .sidebar-context--work .sidebar-context__category:hover {
    color: #6baedb; }
  .sidebar-context--craft .sidebar-context__category span, .sidebar-context--craft .sidebar-context__category strong {
    border-color: #97c0b2; }
  .sidebar-context--craft .sidebar-context__button:hover,
  .sidebar-context--craft .sidebar-context__category:hover {
    color: #97c0b2; }
  .sidebar-context--talent .sidebar-context__category span, .sidebar-context--talent .sidebar-context__category strong {
    border-color: #ea997b; }
  .sidebar-context--talent .sidebar-context__button:hover,
  .sidebar-context--talent .sidebar-context__category:hover {
    color: #ea997b; }
  .sidebar-context--inspiration .sidebar-context__category span, .sidebar-context--inspiration .sidebar-context__category strong {
    border-color: #a996c0; }
  .sidebar-context--inspiration .sidebar-context__button:hover,
  .sidebar-context--inspiration .sidebar-context__category:hover {
    color: #a996c0; }
  .sidebar-context--news .sidebar-context__category span, .sidebar-context--news .sidebar-context__category strong {
    border-color: #d1807e; }
  .sidebar-context--news .sidebar-context__button:hover,
  .sidebar-context--news .sidebar-context__category:hover {
    color: #d1807e; }
  .sidebar-context--insight .sidebar-context__category span, .sidebar-context--insight .sidebar-context__category strong {
    border-color: #67809f; }
  .sidebar-context--insight .sidebar-context__button:hover,
  .sidebar-context--insight .sidebar-context__category:hover {
    color: #67809f; }

.sidebar-context-post {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .sidebar-context-post {
      display: block;
      position: absolute;
      bottom: 60px;
      width: 260px;
      background: #ffffff;
      border: 1px solid #ecf7f8;
      border-bottom: 0;
      padding: 16px;
      -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
      -moz-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .sidebar-context-post {
      width: 300px; } }
  .sidebar-context-post h3 {
    font-size: 20px;
    text-transform: none; }

.mobile-context-wrap {
  position: fixed;
  z-index: 20;
  bottom: 16px;
  right: 16px;
  display: flex;
  gap: 4px; }
  @media only screen and (min-width: 1024px) {
    .mobile-context-wrap {
      display: none; } }
.mobile-context {
  display: flex;
  width: 40px;
  height: 40px;
  background: #ecf7f8;
  color: #232828;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .mobile-context {
      width: 60px;
      height: 60px;
      font-size: 20px; } }
  .mobile-context svg {
    margin: auto; }
  .mobile-context:hover {
    color: #119ba5; }

section.post-bottom-ad {
  margin-top: 0;
  margin-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    section.post-bottom-ad {
      margin-bottom: 52px; } }
  @media only screen and (min-width: 1280px) {
    section.post-bottom-ad {
      margin-bottom: 64px; } }
  section.post-bottom-ad .ad__large {
    margin: 0; }
    @media only screen and (min-width: 1280px) {
      section.post-bottom-ad .ad__large {
        margin-left: 106px; } }
.related {
  margin-top: 0;
  padding-bottom: 34px; }
  @media only screen and (min-width: 768px) {
    .related {
      padding-bottom: 56px; } }
  @media only screen and (min-width: 1024px) {
    .related {
      z-index: 2;
      background: #ffffff;
      padding-bottom: 88px; } }
.related__title {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .related__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .related__title {
      grid-column: 2 / 11; } }
.no-cssgrid .related__title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .related__title {
      margin-left: 8.33%; } }
@media only screen and (min-width: 768px) {
  .no-cssgrid .related-carousel .grid__item {
    width: auto;
    padding-right: 0; } }

.related-carousel {
  margin-top: 16px; }
  @media only screen and (min-width: 768px) {
    .related-carousel {
      margin-top: 32px; } }
  .related-carousel .owl-stage-outer {
    grid-column: 1 / 3; }
    @media only screen and (min-width: 768px) {
      .related-carousel .owl-stage-outer {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      .related-carousel .owl-stage-outer {
        grid-column: 1 / 13; } }
.related--work .listing:hover .listing__title a {
  color: #6baedb; }

.related--craft .listing:hover .listing__title a {
  color: #97c0b2; }

.related--talent .listing:hover .listing__title a {
  color: #ea997b; }

.related--inspiration .listing:hover .listing__title a {
  color: #a996c0; }

.related--news .listing:hover .listing__title a {
  color: #d1807e; }

.related--insight .listing:hover .listing__title a {
  color: #67809f; }

.old-message__text {
  text-align: center;
  grid-column: 1 / 13;
  padding: 16px 20px;
  background: #ecf7f8;
  color: #232828;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 15px;
  line-height: 1.5; }
  .old-message__text strong {
    font-weight: 500; }
  @media only screen and (min-width: 768px) {
    .old-message__text {
      padding: 26px 42px; } }
  @media only screen and (min-width: 1280px) {
    .old-message__text {
      padding: 26px 112px;
      font-size: 17px; } }
.social-images {
  height: 0;
  visibility: hidden;
  overflow: hidden; }

.the-news {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .the-news {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .the-news {
      padding-bottom: 96px; } }
.body--the-news .hero-carousel button.owl-dot {
  border-color: #d1807e; }
  .body--the-news .hero-carousel button.owl-dot.active {
    background: #d1807e; }

.body--the-news .hero-item:hover .hero-item__title a {
  color: #d1807e; }

.body--the-news .hero-item__title a span {
  background: #f8ecec; }

.news__title {
  text-align: center;
  padding: 90px 16px 36px; }
  @media only screen and (min-width: 768px) {
    .news__title {
      padding: 134px 20px 46px; } }
  @media only screen and (min-width: 1024px) {
    .news__title {
      padding: 0 0 46px; } }
  @media only screen and (min-width: 1280px) {
    .news__title {
      padding: 10px 0 52px; } }
  .news__title h1 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid #d1807e;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #d1807e; }
    @media only screen and (min-width: 768px) {
      .news__title h1 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .news__title h1 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .news__title h1 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .news__title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: #535858; }
    @media only screen and (max-width: 767px) {
      .news__title p br {
        content: ' '; }
        .news__title p br:after {
          content: ' '; } }
    @media only screen and (min-width: 768px) {
      .news__title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .news__title p {
        font-size: 22px;
        line-height: 38px; } }
.body--the-news .listing__title a {
  text-decoration-color: #d1807e; }

.body--the-news .listing:hover .listing__title a {
  color: #d1807e; }

.news-latest {
  margin-top: 184px;
  background: #f8ecec;
  padding-bottom: 36px; }
  @media only screen and (min-width: 768px) {
    .news-latest {
      margin-top: 184px;
      padding-bottom: 46px; } }
  @media only screen and (min-width: 1024px) {
    .news-latest {
      margin-top: 174px; } }
  @media only screen and (min-width: 1280px) {
    .news-latest {
      margin-top: 206px;
      padding-bottom: 58px; } }
  .news-latest .grid {
    margin-top: -142px;
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      .news-latest .grid {
        margin-top: -132px;
        grid-row-gap: 44px; } }
    @media only screen and (min-width: 1024px) {
      .news-latest .grid {
        margin-top: -122px; } }
    @media only screen and (min-width: 1280px) {
      .news-latest .grid {
        margin-top: -142px;
        grid-row-gap: 56px; } }
  @media only screen and (min-width: 1024px) {
    .news-latest .grid__item {
      grid-column: span 4; } }
  @media only screen and (min-width: 1280px) {
    .news-latest .listing__title {
      font-size: 32px; } }
.no-cssgrid .news-latest .grid {
  margin-top: -176px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .news-latest .grid {
      margin-top: -166px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .news-latest .grid {
      margin-top: -198px; } }
@media only screen and (min-width: 768px) {
  .no-cssgrid .news-latest .grid__item:nth-child(2n+1) {
    clear: left; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .news-latest .grid__item {
    width: 33.33%; }
    .no-cssgrid .news-latest .grid__item:nth-child(2n+1) {
      clear: none; }
    .no-cssgrid .news-latest .grid__item:nth-child(3n+1) {
      clear: left; } }

.no-cssgrid .news-latest .grid__item .listing {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .news-latest .grid__item .listing {
      margin-top: 44px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .news-latest .grid__item .listing {
      margin-top: 56px; } }
section.news-ad {
  margin-top: 0; }
  section.news-ad .ad {
    position: relative;
    z-index: 1; }
  section.news-ad:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 125px;
    background: #f8ecec; }
    @media only screen and (min-width: 768px) {
      section.news-ad:before {
        height: 45px; } }
section.news-listing {
  overflow: hidden; }
  section.news-listing .grid {
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      section.news-listing .grid {
        grid-row-gap: 44px; } }
  @media only screen and (min-width: 768px) {
    section.news-listing .listing-subscribe,
    section.news-listing .listing-membership {
      margin-top: 34px; } }
.no-cssgrid .news-listing .grid:first-child {
  margin-top: -34px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .news-listing .grid:first-child {
      margin-top: -44px; } }
.no-cssgrid .news-listing .grid:after {
  content: "";
  clear: both;
  display: table; }

@media only screen and (min-width: 768px) {
  .no-cssgrid .news-listing .grid__item:nth-child(2n+1) {
    clear: left; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .news-listing .grid__item:nth-child(2n+1) {
    clear: none; }
  .no-cssgrid .news-listing .grid__item:nth-child(4n+1) {
    clear: left; } }

.no-cssgrid .news-listing .grid__item .listing,
.no-cssgrid .news-listing .grid__item .listing-subscribe,
.no-cssgrid .news-listing .grid__item .listing-membership, .no-cssgrid .news-listing .grid__item.grid__item--listing-spotlight {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .news-listing .grid__item .listing,
    .no-cssgrid .news-listing .grid__item .listing-subscribe,
    .no-cssgrid .news-listing .grid__item .listing-membership, .no-cssgrid .news-listing .grid__item.grid__item--listing-spotlight {
      margin-top: 44px; } }
@media only screen and (min-width: 768px) {
  .no-cssgrid .news-listing .grid__item .listing-subscribe,
  .no-cssgrid .news-listing .grid__item .listing-membership {
    margin-top: 78px; } }

.news-listing__middle {
  padding-top: 42px;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .news-listing__middle {
      padding-top: 52px;
      padding-bottom: 52px; } }
  @media only screen and (min-width: 1280px) {
    .news-listing__middle {
      padding-top: 64px;
      padding-bottom: 64px; } }
  .news-listing__middle .listing {
    position: relative;
    z-index: 3; }

@media only screen and (min-width: 768px) {
  section.news-listing .grid .grid__item--listing-spotlight {
    grid-column: span 6;
    grid-row: span 2; } }

@media only screen and (min-width: 1024px) {
  section.news-listing .grid .grid__item--listing-spotlight {
    padding-top: 34px;
    padding-left: 16px; } }

@media only screen and (min-width: 1280px) {
  section.news-listing .grid .grid__item--listing-spotlight {
    padding-left: 32px; } }

@media only screen and (min-width: 768px) {
  .no-cssgrid section.news-listing .grid .grid__item--listing-spotlight {
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid section.news-listing .grid .grid__item--listing-spotlight {
    width: 50%;
    height: 400px; } }

@media only screen and (min-width: 768px) {
  .no-cssgrid .news-listing__middle .grid__item:nth-child(5) {
    clear: none; } }

@media only screen and (min-width: 1024px) {
  .no-cssgrid .news-listing__middle .grid__item:nth-child(4) {
    clear: left; } }

.listing-spotlight {
  position: relative;
  padding: 42px 0; }
  @media only screen and (min-width: 768px) {
    .listing-spotlight {
      padding: 52px 0; } }
  @media only screen and (min-width: 1024px) {
    .listing-spotlight {
      padding: 48px 0 48px 48px; } }
  @media only screen and (min-width: 1280px) {
    .listing-spotlight {
      padding: 64px 0 64px 64px; } }
.listing-spotlight__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  background: #d1807e; }
  @media only screen and (min-width: 1024px) {
    .listing-spotlight__bg {
      left: 0;
      margin-left: 0;
      width: 50vw; } }
.listing-spotlight__mask {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .listing-spotlight__mask {
      display: block;
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      right: 100%;
      width: 55vw;
      background: #ffffff; } }
.listing-spotlight__intro {
  position: relative; }
  .listing-spotlight__intro .label {
    background: #ffffff;
    color: #d1807e; }
  .listing-spotlight__intro p {
    margin-top: 12px;
    color: #ffffff;
    font-size: 15px; }
    @media only screen and (min-width: 768px) {
      .listing-spotlight__intro p {
        margin-top: 22px;
        font-size: 17px;
        max-width: 500px; } }
    @media only screen and (min-width: 1024px) {
      .listing-spotlight__intro p {
        font-size: 15px;
        max-width: none; } }
    @media only screen and (min-width: 1280px) {
      .listing-spotlight__intro p {
        font-size: 17px; } }
.listing-spotlight__carousel {
  margin-top: 32px; }
  @media only screen and (min-width: 1024px) {
    .listing-spotlight__carousel {
      width: 300px; } }
  @media only screen and (min-width: 1280px) {
    .listing-spotlight__carousel {
      width: 392px; } }
  .listing-spotlight__carousel .owl-stage-outer {
    overflow: visible; }
  .listing-spotlight__carousel .owl-stage {
    display: flex;
    flex-wrap: wrap; }
  .listing-spotlight__carousel .owl-item {
    display: flex; }
  .listing-spotlight__carousel .owl-nav {
    margin-top: 16px; }
    .listing-spotlight__carousel .owl-nav .owl-prev,
    .listing-spotlight__carousel .owl-nav .owl-next {
      width: 40px;
      height: 40px;
      border: 4px solid #ffffff;
      background: transparent;
      color: #ffffff;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
      .listing-spotlight__carousel .owl-nav .owl-prev.disabled,
      .listing-spotlight__carousel .owl-nav .owl-next.disabled {
        opacity: 0.2;
        pointer-events: none; }
      .listing-spotlight__carousel .owl-nav .owl-prev:focus,
      .listing-spotlight__carousel .owl-nav .owl-next:focus {
        outline: none; }
      .listing-spotlight__carousel .owl-nav .owl-prev:hover,
      .listing-spotlight__carousel .owl-nav .owl-next:hover {
        background: #ffffff;
        color: #d1807e; }
    .listing-spotlight__carousel .owl-nav .owl-next {
      margin-left: 6px; }

.listing-spotlight__carousel__item {
  background: #ffffff;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); }
  .listing-spotlight__carousel__item .box-listing {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  .listing-spotlight__carousel__item .box-listing:hover .box-listing__title a {
    color: #d1807e; }
  .listing-spotlight__carousel__item .box-listing__content .label {
    margin: 0;
    position: absolute;
    top: -11px; }
  .listing-spotlight__carousel__item .box-listing__content .label__note {
    margin: -3px -3px -3px -3px; }
    @media only screen and (min-width: 768px) {
      .listing-spotlight__carousel__item .box-listing__content .label__note {
        margin: -3px -5px -3px -5px; } }
.body--the-talent .listing-spotlight__carousel__item .box-listing__content .label__note {
  margin: -3px -3px -3px 6px; }
  @media only screen and (min-width: 768px) {
    .body--the-talent .listing-spotlight__carousel__item .box-listing__content .label__note {
      margin: -3px -5px -3px 6px; } }
.news-load .button {
  grid-column: 1 / 3;
  background: rgba(209, 128, 126, 0.1);
  border-color: #d1807e;
  color: #d1807e; }
  .news-load .button:hover {
    background: #d1807e;
    color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .news-load .button {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .news-load .button {
      grid-column: 1 / 13; } }
.no-cssgrid .news-load .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .news-load .grid {
      padding: 0 20px; } }
.no-cssgrid .news-load .button {
  width: 100%; }

.news-listing--more {
  display: none; }

.news-listing--more--on {
  display: block; }

.state--loading-posts .news-load .button {
  background: #d1807e;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .news-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.body--the-work .news__title h1 {
  border-color: #6baedb;
  color: #6baedb; }

.body--the-work .hero-carousel button.owl-dot {
  border-color: #6baedb; }
  .body--the-work .hero-carousel button.owl-dot.active {
    background: #6baedb; }

.body--the-work .hero-item:hover .hero-item__title a {
  color: #6baedb; }

.body--the-work .hero-item__title a span {
  background: #e1eff8; }

.body--the-work .listing__title a {
  text-decoration-color: #6baedb; }

.body--the-work .listing:hover .listing__title a {
  color: #6baedb; }

.body--the-work .news-latest {
  background: #e1eff8; }

.body--the-work section.news-ad:before {
  background: #e1eff8; }

.body--the-work .listing-spotlight__bg {
  background: #6baedb; }

.body--the-work .listing-spotlight__intro .label {
  color: #6baedb; }

.body--the-work .listing-spotlight__carousel .owl-nav .owl-prev:hover,
.body--the-work .listing-spotlight__carousel .owl-nav .owl-next:hover {
  color: #6baedb; }

.body--the-work .listing-spotlight__carousel__item .box-listing:hover .box-listing__title a {
  color: #6baedb; }

.body--the-work .news-load .button {
  background: rgba(107, 174, 219, 0.1);
  border-color: #6baedb;
  color: #6baedb; }
  .body--the-work .news-load .button:hover {
    background: #6baedb;
    color: #ffffff; }

.body--the-work.state--loading-posts .news-load .button {
  background: #6baedb;
  color: #ffffff;
  pointer-events: none; }

.body--the-work.state--all-posts-loaded .news-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.the-craft {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .the-craft {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .the-craft {
      padding-bottom: 96px; } }
section.craft-hero {
  margin-top: 0;
  padding: 90px 0 36px;
  background: #97c0b2; }
  @media only screen and (min-width: 768px) {
    section.craft-hero {
      padding: 134px 0 46px; } }
  @media only screen and (min-width: 1280px) {
    section.craft-hero {
      padding: 144px 0 58px; } }
  section.craft-hero .grid {
    position: relative;
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      section.craft-hero .grid {
        grid-row-gap: 44px; } }
    @media only screen and (min-width: 1280px) {
      section.craft-hero .grid {
        grid-row-gap: 52px; } }
  @media only screen and (min-width: 768px) {
    section.craft-hero .grid__item {
      grid-column: span 6; } }
  @media only screen and (min-width: 1024px) {
    section.craft-hero .grid__item:last-child {
      padding-top: 32px; } }
  @media only screen and (min-width: 1280px) {
    section.craft-hero .grid__item:last-child {
      padding-top: 64px; } }
  section.craft-hero .large-listing .label {
    background: #ffffff;
    color: #97c0b2; }
  section.craft-hero .large-listing .label__note {
    background: #97c0b2;
    color: #ffffff; }
  section.craft-hero .large-listing__content {
    padding: 0 16px; }

.craft-hero__background {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .craft-hero__background {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0;
      filter: grayscale(100);
      background-blend-mode: multiply;
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
.craft-hero__background--on {
  opacity: 0.25; }

.craft-hero__title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .craft-hero__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .craft-hero__title {
      grid-column: 3 / 11; } }
  .craft-hero__title h1 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .craft-hero__title h1 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .craft-hero__title h1 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .craft-hero__title h1 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .craft-hero__title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .craft-hero__title p br {
        content: ' '; }
        .craft-hero__title p br:after {
          content: ' '; } }
    @media only screen and (min-width: 768px) {
      .craft-hero__title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .craft-hero__title p {
        font-size: 22px;
        line-height: 38px; } }
.no-cssgrid section.craft-hero .grid__item {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid section.craft-hero .grid__item {
      margin-top: 44px;
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid section.craft-hero .grid__item {
      width: 50%; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid section.craft-hero .grid__item {
      margin-top: 52px; } }
.no-cssgrid .craft-hero__title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .craft-hero__title {
      max-width: 66.66%;
      margin: 0 auto; } }
.body--the-craft .listing__title a {
  text-decoration-color: #97c0b2; }

.body--the-craft .listing:hover .listing__title a,
.body--the-craft .large-listing:hover .large-listing__title a {
  color: #97c0b2; }

section.craft-listing {
  padding-bottom: 36px; }
  @media only screen and (min-width: 768px) {
    section.craft-listing {
      padding-bottom: 46px; } }
  @media only screen and (min-width: 1280px) {
    section.craft-listing {
      padding-bottom: 58px; } }
  section.craft-listing .grid {
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      section.craft-listing .grid {
        grid-row-gap: 44px; } }
    @media only screen and (min-width: 1280px) {
      section.craft-listing .grid {
        grid-row-gap: 56px; } }
  @media only screen and (min-width: 1024px) {
    section.craft-listing .grid__item {
      grid-column: span 4; } }
  @media only screen and (min-width: 1280px) {
    section.craft-listing .listing__title {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    section.craft-listing .listing-subscribe,
    section.craft-listing .listing-membership {
      margin-top: 34px; } }
.no-cssgrid section.craft-listing {
  margin-top: 8px; }
  .no-cssgrid section.craft-listing .grid__item {
    margin-top: 34px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid section.craft-listing .grid__item {
        margin-top: 44px; }
        .no-cssgrid section.craft-listing .grid__item:nth-child(2n+1) {
          clear: left; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid section.craft-listing .grid__item {
        width: 33.33%; }
        .no-cssgrid section.craft-listing .grid__item:nth-child(2n+1) {
          clear: none; }
        .no-cssgrid section.craft-listing .grid__item:nth-child(3n+1) {
          clear: left; } }
    @media only screen and (min-width: 1280px) {
      .no-cssgrid section.craft-listing .grid__item {
        margin-top: 56px; } }
section.craft-ad {
  margin-top: 0;
  background: #97c0b2; }
  section.craft-ad .ad {
    position: relative;
    z-index: 1; }
  section.craft-ad:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 125px;
    background: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.craft-ad:before {
        height: 45px; } }
section.craft-spotlight {
  position: relative;
  margin-top: 0;
  padding: 32px 0 42px;
  background: #97c0b2; }
  @media only screen and (min-width: 768px) {
    section.craft-spotlight {
      padding: 42px 0 52px; } }
  @media only screen and (min-width: 1280px) {
    section.craft-spotlight {
      padding: 42px 0 64px; } }
  section.craft-spotlight .home-hero__wrap {
    margin-top: 22px; }
    @media only screen and (min-width: 768px) {
      section.craft-spotlight .home-hero__wrap {
        margin-top: 32px; } }
  section.craft-spotlight .hero-carousel button.owl-dot {
    border-color: #ffffff;
    background: #97c0b2; }
    section.craft-spotlight .hero-carousel button.owl-dot.active {
      background: #ffffff; }
  section.craft-spotlight .hero-item {
    background: #97c0b2; }
    section.craft-spotlight .hero-item:hover .hero-item__title a {
      color: #97c0b2; }
    section.craft-spotlight .hero-item .label {
      background: #ffffff;
      color: #97c0b2; }
    section.craft-spotlight .hero-item .label__note {
      margin: -3px -3px -3px 6px;
      background: #97c0b2;
      color: #ffffff; }
      @media only screen and (min-width: 768px) {
        section.craft-spotlight .hero-item .label__note {
          margin: -3px -5px -3px 6px; } }
  section.craft-spotlight .hero-item__title a span {
    background: #ffffff; }
  section.craft-spotlight .hero-item__teaser p {
    color: #ffffff; }

.craft-spotlight__intro {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .craft-spotlight__intro {
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 1024px) {
    .craft-spotlight__intro {
      grid-column: 4 / 10; } }
  .craft-spotlight__intro .label {
    background: #ffffff;
    color: #97c0b2; }
  .craft-spotlight__intro p {
    margin-top: 12px;
    color: #ffffff;
    font-size: 15px; }
    @media only screen and (min-width: 768px) {
      .craft-spotlight__intro p {
        margin-top: 22px;
        font-size: 17px; } }
    @media only screen and (min-width: 1024px) {
      .craft-spotlight__intro p {
        font-size: 15px; } }
    @media only screen and (min-width: 1280px) {
      .craft-spotlight__intro p {
        font-size: 17px; } }
.no-cssgrid .craft-spotlight__intro {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .craft-spotlight__intro {
      width: 66.66%;
      padding: 0;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .craft-spotlight__intro {
      width: 50%; } }
section.craft-load {
  margin-top: 0; }
  section.craft-load .button {
    grid-column: 1 / 3;
    background: rgba(151, 192, 178, 0.1);
    border-color: #97c0b2;
    color: #97c0b2; }
    section.craft-load .button:hover {
      background: #97c0b2;
      color: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.craft-load .button {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      section.craft-load .button {
        grid-column: 1 / 13; } }
.no-cssgrid .craft-load .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .craft-load .grid {
      padding: 0 20px; } }
.no-cssgrid .craft-load .button {
  width: 100%; }

.craft-listing--more {
  display: none;
  margin-top: 0; }

.craft-listing--more--on {
  display: block; }

.state--loading-posts .craft-load .button {
  background: #97c0b2;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .craft-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.the-inspiration {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .the-inspiration {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .the-inspiration {
      padding-bottom: 96px; } }
section.inspiration-hero {
  margin-top: 0;
  padding: 90px 0 42px;
  background: #a996c0; }
  @media only screen and (min-width: 768px) {
    section.inspiration-hero {
      padding: 134px 0 52px; } }
  @media only screen and (min-width: 1024px) {
    section.inspiration-hero {
      padding: 134px 0 0;
      margin-bottom: 137px; } }
  @media only screen and (min-width: 1280px) {
    section.inspiration-hero {
      padding: 144px 0 0;
      margin-bottom: 173px; } }
  section.inspiration-hero .grid {
    position: relative; }
  section.inspiration-hero .home-hero__wrap {
    position: relative;
    margin: 24px auto 32px; }
    @media only screen and (min-width: 768px) {
      section.inspiration-hero .home-hero__wrap {
        margin: 42px auto; } }
    @media only screen and (min-width: 1024px) {
      section.inspiration-hero .home-hero__wrap {
        margin: 42px auto 32px; } }
    @media only screen and (min-width: 1280px) {
      section.inspiration-hero .home-hero__wrap {
        margin: 54px auto 32px; } }
  section.inspiration-hero .hero-item {
    background: transparent; }
    section.inspiration-hero .hero-item:hover .hero-item__title a {
      color: #a996c0; }
  @media only screen and (min-width: 1024px) {
    section.inspiration-hero .hero-item__image img {
      border: 8px solid #ffffff;
      -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
      box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); } }
  section.inspiration-hero .hero-item__teaser {
    color: #ffffff; }
  section.inspiration-hero .hero-item__content .label {
    background: #ffffff;
    color: #a996c0; }
  section.inspiration-hero .hero-item__content .label__note {
    margin: -3px -3px -3px 6px;
    background: #a996c0;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.inspiration-hero .hero-item__content .label__note {
        margin: -3px -5px -3px 6px; } }
  section.inspiration-hero .hero-item__title a span {
    background: #ffffff; }
  section.inspiration-hero .inspiration-hero__block-wrap {
    float: left;
    clear: both;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      section.inspiration-hero .inspiration-hero__block-wrap {
        margin-bottom: -137px; } }
    @media only screen and (min-width: 1280px) {
      section.inspiration-hero .inspiration-hero__block-wrap {
        margin-bottom: -173px; } }
  section.inspiration-hero .inspiration-hero__block {
    position: relative;
    grid-row-gap: 42px; }
    @media only screen and (min-width: 768px) {
      section.inspiration-hero .inspiration-hero__block {
        grid-row-gap: 52px; } }
    @media only screen and (min-width: 768px) {
      section.inspiration-hero .inspiration-hero__block .grid__item {
        grid-column: span 6; } }
    @media only screen and (min-width: 1024px) {
      section.inspiration-hero .inspiration-hero__block .grid__item:first-child {
        padding-top: 16px; } }
    @media only screen and (min-width: 1280px) {
      section.inspiration-hero .inspiration-hero__block .grid__item:first-child {
        padding-top: 32px; } }
  section.inspiration-hero .block-listing:hover .block-listing__title a {
    color: #a996c0; }
  section.inspiration-hero .block-listing__content .label {
    background: #ffffff;
    color: #a996c0; }
  section.inspiration-hero .block-listing__content .label__note {
    margin: -3px -3px -3px 6px;
    background: #a996c0;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.inspiration-hero .block-listing__content .label__note {
        margin: -3px -5px -3px 6px; } }
.inspiration-hero__background {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .inspiration-hero__background {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.25;
      filter: grayscale(100);
      background-blend-mode: multiply;
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
.inspiration-hero__title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .inspiration-hero__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .inspiration-hero__title {
      grid-column: 3 / 11; } }
  .inspiration-hero__title h1 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .inspiration-hero__title h1 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .inspiration-hero__title h1 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .inspiration-hero__title h1 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .inspiration-hero__title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .inspiration-hero__title p br {
        content: ' '; }
        .inspiration-hero__title p br:after {
          content: ' '; } }
    @media only screen and (min-width: 768px) {
      .inspiration-hero__title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .inspiration-hero__title p {
        font-size: 22px;
        line-height: 38px; } }
.no-cssgrid section.inspiration-hero .home-hero__wrap:after {
  content: "";
  clear: both;
  display: table; }

.no-cssgrid section.inspiration-hero .inspiration-hero__block-wrap {
  float: left;
  clear: both;
  width: 100%; }

.no-cssgrid section.inspiration-hero .inspiration-hero__block:after {
  content: "";
  clear: both;
  display: table; }

.no-cssgrid section.inspiration-hero .inspiration-hero__block .grid__item {
  margin-top: 34px; }
  .no-cssgrid section.inspiration-hero .inspiration-hero__block .grid__item:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid section.inspiration-hero .inspiration-hero__block .grid__item {
      margin-top: 44px;
      width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid section.inspiration-hero .inspiration-hero__block .grid__item {
      margin-top: 0;
      width: 50%; } }
.no-cssgrid .inspiration-hero__title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .inspiration-hero__title {
      max-width: 66.66%;
      margin: 0 auto; } }
.body--the-inspiration .listing__title a {
  text-decoration-color: #a996c0; }

.body--the-inspiration .listing:hover .listing__title a,
.body--the-inspiration .large-listing:hover .large-listing__title a {
  color: #a996c0; }

section.inspiration-listing {
  padding-bottom: 36px; }
  @media only screen and (min-width: 768px) {
    section.inspiration-listing {
      padding-bottom: 46px; } }
  @media only screen and (min-width: 1280px) {
    section.inspiration-listing {
      padding-bottom: 58px; } }
  section.inspiration-listing .grid {
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      section.inspiration-listing .grid {
        grid-row-gap: 44px; } }
    @media only screen and (min-width: 1280px) {
      section.inspiration-listing .grid {
        grid-row-gap: 56px; } }
  @media only screen and (min-width: 1024px) {
    section.inspiration-listing .grid__item {
      grid-column: span 4; } }
  @media only screen and (min-width: 1280px) {
    section.inspiration-listing .listing__title {
      font-size: 32px; } }
  @media only screen and (min-width: 768px) {
    section.inspiration-listing .listing-subscribe,
    section.inspiration-listing .listing-membership {
      margin-top: 34px; } }
.no-cssgrid section.inspiration-listing {
  margin-top: 8px; }
  .no-cssgrid section.inspiration-listing .grid__item {
    margin-top: 34px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid section.inspiration-listing .grid__item {
        margin-top: 44px; }
        .no-cssgrid section.inspiration-listing .grid__item:nth-child(2n+1) {
          clear: left; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid section.inspiration-listing .grid__item {
        width: 33.33%; }
        .no-cssgrid section.inspiration-listing .grid__item:nth-child(2n+1) {
          clear: none; }
        .no-cssgrid section.inspiration-listing .grid__item:nth-child(3n+1) {
          clear: left; } }
    @media only screen and (min-width: 1280px) {
      .no-cssgrid section.inspiration-listing .grid__item {
        margin-top: 56px; } }
section.inspiration-ad {
  margin-top: 0;
  background: #a996c0; }
  section.inspiration-ad .ad {
    position: relative;
    z-index: 1; }
  section.inspiration-ad:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 125px;
    background: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.inspiration-ad:before {
        height: 45px; } }
section.inspiration-spotlight {
  position: relative;
  margin-top: 0;
  padding: 32px 0 42px;
  background: #a996c0; }
  @media only screen and (min-width: 768px) {
    section.inspiration-spotlight {
      padding: 42px 0 52px; } }
  @media only screen and (min-width: 1280px) {
    section.inspiration-spotlight {
      padding: 42px 0 64px; } }
  section.inspiration-spotlight .home-hero__wrap {
    margin-top: 22px; }
    @media only screen and (min-width: 768px) {
      section.inspiration-spotlight .home-hero__wrap {
        margin-top: 32px; } }
  section.inspiration-spotlight .hero-carousel button.owl-dot {
    border-color: #ffffff;
    background: #a996c0; }
    section.inspiration-spotlight .hero-carousel button.owl-dot.active {
      background: #ffffff; }
  section.inspiration-spotlight .hero-item {
    background: #a996c0; }
    section.inspiration-spotlight .hero-item:hover .hero-item__title a {
      color: #a996c0; }
    section.inspiration-spotlight .hero-item .label {
      background: #ffffff;
      color: #a996c0; }
    section.inspiration-spotlight .hero-item .label__note {
      margin: -3px -3px -3px 6px;
      background: #a996c0;
      color: #ffffff; }
      @media only screen and (min-width: 768px) {
        section.inspiration-spotlight .hero-item .label__note {
          margin: -3px -5px -3px 6px; } }
  section.inspiration-spotlight .hero-item__title a span {
    background: #ffffff; }
  section.inspiration-spotlight .hero-item__teaser p {
    color: #ffffff; }

.inspiration-spotlight__intro {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .inspiration-spotlight__intro {
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 1024px) {
    .inspiration-spotlight__intro {
      grid-column: 4 / 10; } }
  .inspiration-spotlight__intro .label {
    background: #ffffff;
    color: #a996c0; }
  .inspiration-spotlight__intro p {
    margin-top: 12px;
    color: #ffffff;
    font-size: 15px; }
    @media only screen and (min-width: 768px) {
      .inspiration-spotlight__intro p {
        margin-top: 22px;
        font-size: 17px; } }
    @media only screen and (min-width: 1024px) {
      .inspiration-spotlight__intro p {
        font-size: 15px; } }
    @media only screen and (min-width: 1280px) {
      .inspiration-spotlight__intro p {
        font-size: 17px; } }
.no-cssgrid .inspiration-spotlight__intro {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .inspiration-spotlight__intro {
      width: 66.66%;
      padding: 0;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .inspiration-spotlight__intro {
      width: 50%; } }
section.inspiration-load {
  margin-top: 0; }
  section.inspiration-load .button {
    grid-column: 1 / 3;
    background: rgba(169, 150, 192, 0.1);
    border-color: #a996c0;
    color: #a996c0; }
    section.inspiration-load .button:hover {
      background: #a996c0;
      color: #ffffff; }
    @media only screen and (min-width: 768px) {
      section.inspiration-load .button {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      section.inspiration-load .button {
        grid-column: 1 / 13; } }
.no-cssgrid .inspiration-load .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .inspiration-load .grid {
      padding: 0 20px; } }
.no-cssgrid .inspiration-load .button {
  width: 100%; }

.inspiration-listing--more {
  display: none;
  margin-top: 0; }

.inspiration-listing--more--on {
  display: block; }

.state--loading-posts .inspiration-load .button {
  background: #a996c0;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .inspiration-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.the-talent {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .the-talent {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .the-talent {
      padding-bottom: 96px; } }
section.talent-hero {
  margin-top: 0;
  padding-top: 90px;
  background: #232828;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    section.talent-hero {
      padding-top: 134px; } }
  @media only screen and (min-width: 1024px) {
    section.talent-hero {
      padding-top: 0; } }
  section.talent-hero h1 {
    display: inline-block;
    padding: 13px 18px 14px 19px;
    background: #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #232828; }
    @media only screen and (min-width: 768px) {
      section.talent-hero h1 {
        padding: 14px 23px 15px 24px;
        font-size: 20px; } }
    @media only screen and (min-width: 1024px) {
      section.talent-hero h1 {
        position: absolute;
        top: 134px;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
    @media only screen and (min-width: 1280px) {
      section.talent-hero h1 {
        top: 144px;
        padding: 17px 28px 18px 29px;
        border-width: 5px;
        font-size: 22px; } }
    section.talent-hero h1 strong {
      font-weight: 500;
      text-transform: uppercase; }

.talent-hero__section {
  text-align: left;
  padding: 42px 0 74px; }
  @media only screen and (min-width: 768px) {
    .talent-hero__section {
      padding: 52px 0 84px; } }
  @media only screen and (min-width: 1024px) {
    .talent-hero__section {
      float: left;
      width: 50%;
      padding-top: 134px; } }
  @media only screen and (min-width: 1280px) {
    .talent-hero__section {
      padding-top: 144px;
      padding-bottom: 96px; } }
.talent-hero__section__wrap {
  margin: 0 auto;
  max-width: 480px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .talent-hero__section__wrap {
      max-width: 640px;
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .talent-hero__section__wrap {
      margin-top: 6px;
      max-width: 512px;
      float: right;
      padding-right: 52px; } }
  @media only screen and (min-width: 1280px) {
    .talent-hero__section__wrap {
      margin-top: 10px;
      max-width: 640px;
      padding-right: 122px; } }
  .talent-hero__section__wrap .box-listing-carousel {
    margin-top: 24px; }
    @media only screen and (min-width: 768px) {
      .talent-hero__section__wrap .box-listing-carousel {
        margin-top: 30px; } }
    @media only screen and (min-width: 1024px) {
      .talent-hero__section__wrap .box-listing-carousel {
        margin-top: 24px; } }
    @media only screen and (min-width: 1280px) {
      .talent-hero__section__wrap .box-listing-carousel {
        margin-top: 30px; } }
    .talent-hero__section__wrap .box-listing-carousel .owl-dots {
      position: absolute;
      bottom: -32px;
      left: 50%;
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .talent-hero__section__wrap .box-listing-carousel button.owl-dot {
      border: 3px solid #ffffff; }
      .talent-hero__section__wrap .box-listing-carousel button.owl-dot.active {
        background: #ffffff; }

.talent-hero__section--production {
  background: #ea997b; }
  @media only screen and (min-width: 1024px) {
    .talent-hero__section--production .talent-hero__section__wrap {
      float: left;
      padding-right: 20px;
      padding-left: 52px; } }
  @media only screen and (min-width: 1280px) {
    .talent-hero__section--production .talent-hero__section__wrap {
      float: left;
      padding-right: 20px;
      padding-left: 122px; } }
.talent-hero__title {
  text-align: center; }
  .talent-hero__title .label {
    position: relative;
    background: transparent;
    border: 3px solid #ffffff;
    padding: 6px 9px 7px;
    font-size: 13px; }
    @media only screen and (min-width: 768px) {
      .talent-hero__title .label {
        padding: 9px 12px 10px;
        font-size: 15px; } }
  .talent-hero__title p {
    margin-top: 16px;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .talent-hero__title p {
        margin-top: 24px;
        font-size: 17px;
        line-height: 28px; } }
@media only screen and (min-width: 1024px) {
  .talent-hero__section--agency .talent-hero__title .label:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 110px;
    width: 107px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2); } }

@media only screen and (min-width: 1280px) {
  .talent-hero__section--agency .talent-hero__title .label:after {
    width: 196px; } }

@media only screen and (min-width: 1024px) {
  .talent-hero__section--production .talent-hero__title .label:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 154px;
    width: 86px;
    height: 3px;
    background: rgba(255, 255, 255, 0.2); } }

@media only screen and (min-width: 1280px) {
  .talent-hero__section--production .talent-hero__title .label:after {
    width: 174px; } }

.label--agency {
  background: #232828; }
  .label--agency .label__note {
    color: #232828; }

.label--production {
  background: #ea997b; }
  .label--production .label__note {
    color: #ea997b; }

.body--the-talent .listing:hover .listing__title a,
.body--the-talent .box-listing:hover .box-listing__title a {
  color: #ea997b; }

.body--the-talent .box-listing .label {
  position: absolute;
  top: -11px; }

.body--the-talent .news-listing__middle {
  padding-top: 0; }

section.talent-ad {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    section.talent-ad {
      margin-top: 44px; } }
  @media only screen and (min-width: 1280px) {
    section.talent-ad {
      margin-top: 56px; } }
.body--the-talent .listing-spotlight__bg {
  background: #ea997b; }

.body--the-talent .listing-spotlight__intro .label {
  color: #ea997b; }

.body--the-talent .listing-spotlight__carousel .owl-nav .owl-prev:hover,
.body--the-talent .listing-spotlight__carousel .owl-nav .owl-next:hover {
  color: #ea997b; }

.body--the-talent .news-load .button {
  background: rgba(234, 153, 123, 0.1);
  border-color: #ea997b;
  color: #ea997b; }
  .body--the-talent .news-load .button:hover {
    background: #ea997b;
    color: #ffffff; }

.body--the-talent.state--loading-posts .news-load .button {
  background: #ea997b;
  color: #ffffff;
  pointer-events: none; }

.body--the-talent.state--all-posts-loaded .news-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.the-insight {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 42px; }
  @media only screen and (min-width: 768px) {
    .the-insight {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .the-insight {
      padding-bottom: 96px; } }
.insight-hero {
  float: left;
  clear: both;
  width: 100%;
  cursor: pointer; }
  .insight-hero:hover .insight-hero__background {
    opacity: 0.15; }
  .insight-hero:hover .insight-hero__title a {
    text-decoration-color: rgba(255, 255, 255, 0.2); }

section.insight-hero-top {
  margin-top: 0;
  padding: 90px 0 46px;
  background: #67809f; }
  @media only screen and (min-width: 768px) {
    section.insight-hero-top {
      padding: 134px 0 64px; } }
  @media only screen and (min-width: 1280px) {
    section.insight-hero-top {
      padding: 144px 0 80px; } }
  section.insight-hero-top .grid {
    position: relative;
    z-index: 2; }
  section.insight-hero-top:before, section.insight-hero-top:after {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    width: 50%;
    height: 100%;
    border-bottom: 14px solid #f0f2f5; }
    @media only screen and (min-width: 768px) {
      section.insight-hero-top:before, section.insight-hero-top:after {
        border-bottom-width: 22px; } }
    @media only screen and (min-width: 1280px) {
      section.insight-hero-top:before, section.insight-hero-top:after {
        border-bottom-width: 28px; } }
  section.insight-hero-top:before {
    left: 0;
    border-right: 14px solid transparent; }
    @media only screen and (min-width: 768px) {
      section.insight-hero-top:before {
        border-right-width: 22px; } }
    @media only screen and (min-width: 1280px) {
      section.insight-hero-top:before {
        border-right-width: 28px; } }
  section.insight-hero-top:after {
    right: 0;
    border-left: 14px solid transparent; }
    @media only screen and (min-width: 768px) {
      section.insight-hero-top:after {
        border-left-width: 22px; } }
    @media only screen and (min-width: 1280px) {
      section.insight-hero-top:after {
        border-left-width: 28px; } }
.insight-hero__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  filter: grayscale(100);
  background-blend-mode: multiply;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.insight-hero__open,
.insight-hero__close {
  position: absolute;
  width: 40px;
  height: 25px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__open,
    .insight-hero__close {
      width: 80px;
      height: 50px; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__open,
    .insight-hero__close {
      width: 110px;
      height: 69px; } }
  .insight-hero__open svg,
  .insight-hero__close svg {
    width: 100%;
    height: 100%; }

.insight-hero__open {
  top: 0;
  left: 16px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__open {
      top: 34px;
      left: 20px; } }
  @media only screen and (min-width: 1024px) {
    .insight-hero__open {
      top: 60px; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__open {
      top: 72px; } }
  .insight-hero__open svg {
    fill: #ffffff; }

.insight-hero__close {
  top: 7px;
  right: 16px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__close {
      right: 20px;
      top: auto;
      bottom: -4px; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__close {
      bottom: -8px; } }
  .insight-hero__close svg {
    fill: rgba(255, 255, 255, 0.5); }

.insight-hero__title {
  grid-column: 1 / 3;
  padding-top: 42px;
  text-align: center;
  font-size: 40px;
  line-height: 50px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__title {
      grid-column: 2 / 6;
      padding-top: 42px; } }
  @media only screen and (min-width: 1024px) {
    .insight-hero__title {
      grid-column: 3 / 11;
      padding-top: 52px;
      font-size: 60px;
      line-height: 70px; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__title {
      padding-top: 64px;
      font-size: 80px;
      line-height: 90px; } }
  .insight-hero__title a {
    font-weight: 500;
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: transparent; }

.no-cssgrid .insight-hero__title {
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .insight-hero__title {
      width: 66.66%;
      margin-left: auto;
      margin-right: auto; } }
section.insight-hero-bottom {
  position: relative;
  margin-top: 0;
  padding: 22px 0 32px;
  background: #f0f2f5; }
  @media only screen and (min-width: 768px) {
    section.insight-hero-bottom {
      padding: 22px 0 42px; } }
  @media only screen and (min-width: 1280px) {
    section.insight-hero-bottom {
      padding: 16px 0 52px; } }
  section.insight-hero-bottom .grid {
    position: relative;
    grid-row-gap: 16px; }
    @media only screen and (min-width: 768px) {
      section.insight-hero-bottom .grid {
        grid-row-gap: 20px; } }
    @media only screen and (min-width: 1280px) {
      section.insight-hero-bottom .grid {
        grid-row-gap: 26px; } }
.insight-hero__author,
.insight-hero__excerpt {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .insight-hero__author,
    .insight-hero__excerpt {
      grid-column: 2 / 6; } }
  @media only screen and (min-width: 1024px) {
    .insight-hero__author,
    .insight-hero__excerpt {
      grid-column: 3 / 11; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__author,
    .insight-hero__excerpt {
      grid-column: 4 / 10; } }
.no-cssgrid .insight-hero__author,
.no-cssgrid .insight-hero__excerpt {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .insight-hero__author,
    .no-cssgrid .insight-hero__excerpt {
      width: 66.66%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .insight-hero__author,
    .no-cssgrid .insight-hero__excerpt {
      width: 50%; } }
.no-cssgrid .insight-hero__excerpt {
  margin-top: 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .insight-hero__excerpt {
      margin-top: 20px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .insight-hero__excerpt {
      margin-top: 26px; } }
.insight-hero__author {
  position: relative; }

.insight-hero__author__image {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 100%; }

.insight-hero__author__name {
  display: block;
  margin-top: 8px;
  font-family: brother-1816, sans-serif;
  font-size: 13px;
  font-weight: 350;
  letter-spacing: 0.04em; }
  .insight-hero__author__name strong {
    font-weight: 500;
    text-transform: uppercase; }
  @media only screen and (min-width: 768px) {
    .insight-hero__author__name {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-top: -7px;
      margin-right: 42px;
      text-align: right; } }
.insight-hero__author__date {
  display: block;
  margin-top: 6px;
  font-family: brother-1816, sans-serif;
  font-size: 13px;
  font-weight: 350;
  letter-spacing: 0.04em;
  color: #232828; }
  .insight-hero__author__date strong {
    font-weight: 500;
    text-transform: uppercase; }
  .insight-hero__author__date sup {
    margin-left: 1px;
    font-size: 6px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__author__date {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -7px;
      margin-left: 42px;
      text-align: left; } }
.insight-hero__excerpt p {
  font-size: 15px;
  line-height: 25px; }
  @media only screen and (min-width: 768px) {
    .insight-hero__excerpt p {
      font-size: 17px;
      line-height: 30px; } }
  @media only screen and (min-width: 1280px) {
    .insight-hero__excerpt p {
      font-size: 19px;
      line-height: 35px; } }
.body--the-insight .listing__title a {
  text-decoration-color: #67809f; }

.body--the-insight .listing:hover .listing__title a {
  color: #67809f; }

.body--the-insight .hero-item:hover .hero-item__title a {
  color: #67809f; }

.insight-listing .grid {
  grid-row-gap: 34px; }
  @media only screen and (min-width: 768px) {
    .insight-listing .grid {
      grid-row-gap: 44px; } }
  @media only screen and (min-width: 1280px) {
    .insight-listing .grid {
      grid-row-gap: 56px; } }
@media only screen and (min-width: 1024px) {
  .insight-listing .grid__item {
    grid-column: span 4; } }

@media only screen and (min-width: 1280px) {
  .insight-listing .listing__title {
    font-size: 32px; } }

@media only screen and (min-width: 768px) {
  .insight-listing .listing-subscribe,
  .insight-listing .listing-membership {
    margin-top: 34px; } }

.insight-listing .grid__item--house-ad-first {
  display: none; }
  @media only screen and (min-width: 768px) {
    .insight-listing .grid__item--house-ad-first {
      display: block; } }
  @media only screen and (min-width: 1024px) {
    .insight-listing .grid__item--house-ad-first {
      display: none; } }
.insight-listing .grid__item--house-ad-second {
  display: none; }
  @media only screen and (min-width: 768px) {
    .insight-listing .grid__item--house-ad-second {
      display: block; } }
  @media only screen and (min-width: 1024px) {
    .insight-listing .grid__item--house-ad-second {
      display: none; } }
@media only screen and (min-width: 768px) {
  .insight-listing .grid__item--house-ad-third {
    display: none; } }

@media only screen and (min-width: 1024px) {
  .insight-listing .grid__item--house-ad-third {
    display: block; } }

section.insight-listing--overlap {
  margin-top: 0; }
  section.insight-listing--overlap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 142px;
    background: #e1e6ec; }
    @media only screen and (min-width: 768px) {
      section.insight-listing--overlap:before {
        height: 132px; } }
    @media only screen and (min-width: 1024px) {
      section.insight-listing--overlap:before {
        height: 122px; } }
    @media only screen and (min-width: 1280px) {
      section.insight-listing--overlap:before {
        height: 142px; } }
  section.insight-listing--overlap .grid__item {
    position: relative; }

.no-cssgrid section.insight-listing {
  margin-top: 8px; }
  .no-cssgrid section.insight-listing .grid__item {
    margin-top: 34px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid section.insight-listing .grid__item {
        margin-top: 44px; }
        .no-cssgrid section.insight-listing .grid__item:nth-child(2n+1) {
          clear: left; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid section.insight-listing .grid__item {
        width: 33.33%; }
        .no-cssgrid section.insight-listing .grid__item:nth-child(2n+1) {
          clear: none; }
        .no-cssgrid section.insight-listing .grid__item:nth-child(3n+1) {
          clear: left; } }
    @media only screen and (min-width: 1280px) {
      .no-cssgrid section.insight-listing .grid__item {
        margin-top: 56px; } }
.no-cssgrid section.insight-listing--overlap {
  margin-top: 0; }
  .no-cssgrid section.insight-listing--overlap .grid__item {
    margin-top: 34px; }
    .no-cssgrid section.insight-listing--overlap .grid__item:first-child {
      margin-top: 0; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid section.insight-listing--overlap .grid__item:nth-child(2) {
        margin-top: 0; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid section.insight-listing--overlap .grid__item {
        margin-top: 0px; } }
section.insight-large {
  margin-top: 0;
  padding: 42px 0;
  background: #e1e6ec; }
  @media only screen and (min-width: 768px) {
    section.insight-large {
      padding: 52px 0; } }
  @media only screen and (min-width: 1280px) {
    section.insight-large {
      padding: 64px 0; } }
  section.insight-large .hero-item {
    background: transparent; }
  @media only screen and (min-width: 1024px) {
    section.insight-large .hero-item__image {
      grid-column: 1 / 5; } }
  section.insight-large .hero-item__image .insight-large__image-large {
    display: none; }
    @media only screen and (min-width: 1024px) {
      section.insight-large .hero-item__image .insight-large__image-large {
        display: block; } }
  @media only screen and (min-width: 1024px) {
    section.insight-large .hero-item__image .insight-large__image-small {
      display: none; } }
  @media only screen and (min-width: 1024px) {
    section.insight-large .hero-item__content {
      grid-column: 5 / 11; } }
  section.insight-large .hero-item__title a span {
    background: #ffffff; }

section.insight-large--light {
  padding: 36px 0 0;
  background: transparent; }
  @media only screen and (min-width: 768px) {
    section.insight-large--light {
      padding-top: 46px; } }
  @media only screen and (min-width: 1280px) {
    section.insight-large--light {
      padding-top: 58px; } }
  section.insight-large--light .hero-item__title a span {
    background: #e1e6ec; }

@media only screen and (min-width: 1024px) {
  .no-cssgrid section.insight-large .hero-item__image {
    float: left;
    width: 33.33%; }
  .no-cssgrid section.insight-large .hero-item__content {
    float: left;
    width: 50%; } }

section.insight-ad .ad {
  position: relative;
  z-index: 1; }

section.insight-ad:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 125px;
  background: #e1e6ec; }
  @media only screen and (min-width: 768px) {
    section.insight-ad:before {
      height: 45px; } }
.insight-load .button {
  grid-column: 1 / 3;
  background: rgba(103, 128, 159, 0.1);
  border-color: #67809f;
  color: #67809f; }
  .insight-load .button:hover {
    background: #67809f;
    color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .insight-load .button {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .insight-load .button {
      grid-column: 1 / 13; } }
.no-cssgrid .insight-load .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .insight-load .grid {
      padding: 0 20px; } }
.no-cssgrid .insight-load .button {
  width: 100%; }

.insight-listing--more {
  display: none; }

.insight-listing--more--on {
  display: block; }

.state--loading-posts .insight-load .button {
  background: #67809f;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .insight-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

section.the-showcase {
  margin-top: 0;
  padding: 90px 0 42px;
  background: #16646a; }
  @media only screen and (min-width: 768px) {
    section.the-showcase {
      padding: 134px 0 64px; } }
  @media only screen and (min-width: 1280px) {
    section.the-showcase {
      padding: 144px 0 96px; } }
.showcase-title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .showcase-title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .showcase-title {
      grid-column: 3 / 11; } }
  .showcase-title h1 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .showcase-title h1 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .showcase-title h1 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .showcase-title h1 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .showcase-title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .showcase-title p br {
        content: ' '; }
        .showcase-title p br:after {
          content: ' '; } }
    @media only screen and (min-width: 768px) {
      .showcase-title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .showcase-title p {
        font-size: 22px;
        line-height: 38px; } }
.no-cssgrid .showcase-title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .showcase-title {
      max-width: 66.66%;
      margin: 0 auto; } }
.showcase-listing {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .showcase-listing {
      margin-top: 42px; } }
  @media only screen and (min-width: 1280px) {
    .showcase-listing {
      margin-top: 52px; } }
  @media only screen and (min-width: 1024px) {
    .showcase-listing .grid__item {
      grid-column: span 4; } }
.showcase-item {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .showcase-item:hover {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
    .showcase-item:hover .showcase-item__image {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.showcase-item__image {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.showcase-item__overlay {
  position: absolute;
  top: 25%;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: -moz-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00232828', endColorstr='#b3232828',GradientType=0 ); }

.showcase-item__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px; }
  @media only screen and (min-width: 1280px) {
    .showcase-item__content {
      padding: 26px 32px; } }
  .showcase-item__content h3 {
    font-weight: 350;
    color: #ffffff; }
    .showcase-item__content h3 strong {
      display: block;
      font-weight: 500;
      text-transform: uppercase; }
  .showcase-item__content p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff; }
    @media only screen and (min-width: 1280px) {
      .showcase-item__content p {
        margin-top: 20px; } }
.no-cssgrid .showcase-listing {
  margin-top: 18px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .showcase-listing {
      margin-top: 10px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .showcase-listing {
      margin-top: 20px; } }
  .no-cssgrid .showcase-listing:after {
    content: "";
    clear: both;
    display: table; }
  .no-cssgrid .showcase-listing .grid__item {
    margin-top: 16px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid .showcase-listing .grid__item {
        margin-top: 32px; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid .showcase-listing .grid__item {
        width: 33.33%; } }
.no-cssgrid .showcase-load {
  margin-top: 32px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .showcase-load {
      padding: 0 20px; } }
  .no-cssgrid .showcase-load .button {
    width: 100%; }

.showcase-load {
  margin-top: 32px; }
  .showcase-load .button {
    grid-column: 1 / 3;
    background: rgba(255, 255, 255, 0.2);
    border-color: #ffffff;
    color: #ffffff; }
    .showcase-load .button:hover {
      background: #ffffff;
      color: #119ba5; }
    @media only screen and (min-width: 768px) {
      .showcase-load .button {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      .showcase-load .button {
        grid-column: 1 / 13; } }
.state--loading-posts .showcase-load .button {
  background: #ffffff;
  color: #119ba5;
  pointer-events: none; }

.state--all-posts-loaded .showcase-load .button {
  background: transparent;
  color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.3);
  pointer-events: none; }

section.the-focus {
  margin-top: 0;
  padding: 90px 0 42px;
  background: #232828; }
  @media only screen and (min-width: 768px) {
    section.the-focus {
      padding: 134px 0 64px; } }
  @media only screen and (min-width: 1280px) {
    section.the-focus {
      padding: 144px 0 96px; } }
.focus-title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .focus-title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .focus-title {
      grid-column: 3 / 11; } }
  .focus-title h1 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid #ffffff;
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .focus-title h1 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .focus-title h1 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .focus-title h1 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .focus-title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .focus-title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .focus-title p {
        font-size: 22px;
        line-height: 38px; } }
.no-cssgrid .focus-title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .focus-title {
      max-width: 66.66%;
      margin: 0 auto; } }
.focus-listing {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .focus-listing {
      margin-top: 42px; } }
  @media only screen and (min-width: 1280px) {
    .focus-listing {
      margin-top: 52px; } }
  @media only screen and (min-width: 1024px) {
    .focus-listing .grid__item {
      grid-column: span 4; } }
@media only screen and (min-width: 768px) {
  .focus-listing-wrap--one .focus-listing .grid__item {
    grid-column: span 6; } }

@media only screen and (min-width: 1024px) {
  .focus-listing-wrap--one .focus-listing .grid__item {
    grid-column: span 12; } }

.focus-listing-wrap--one .focus-listing .grid__item .focus-item {
  max-width: 523px;
  margin: 0 auto; }

.focus-item {
  position: relative;
  display: block;
  overflow: hidden; }
  .focus-item:hover .focus-item__image {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.focus-item__image {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.focus-item__overlay {
  position: absolute;
  top: 25%;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: -moz-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00232828', endColorstr='#b3232828',GradientType=0 ); }

.focus-item__month {
  position: absolute;
  top: 20px;
  left: 20px;
  background: white;
  color: #232828; }
  @media only screen and (min-width: 1280px) {
    .focus-item__month {
      top: 32px;
      left: 32px; } }
  .focus-item__month:hover {
    color: #232828; }

.focus-item__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px; }
  @media only screen and (min-width: 1280px) {
    .focus-item__content {
      padding: 26px 32px; } }
  .focus-item__content h3 {
    font-weight: 350;
    font-size: 30px;
    line-height: 35px;
    color: #ffffff; }
    @media only screen and (min-width: 1280px) {
      .focus-item__content h3 {
        font-size: 35px;
        line-height: 40px; } }
    .focus-item__content h3 strong {
      display: block;
      font-weight: 500;
      text-transform: uppercase; }
  .focus-item__content p {
    margin-top: 10px;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff; }
    @media only screen and (min-width: 1280px) {
      .focus-item__content p {
        margin-top: 20px; } }
.no-cssgrid .focus-listing {
  margin-top: 18px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .focus-listing {
      margin-top: 10px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .focus-listing {
      margin-top: 20px; } }
  .no-cssgrid .focus-listing:after {
    content: "";
    clear: both;
    display: table; }
  .no-cssgrid .focus-listing .grid__item {
    margin-top: 16px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid .focus-listing .grid__item {
        margin-top: 32px; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid .focus-listing .grid__item {
        width: 33.33%; } }
.no-cssgrid .focus-load {
  margin-top: 32px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .focus-load {
      padding: 0 20px; } }
  .no-cssgrid .focus-load .button {
    width: 100%; }

.focus-load {
  margin-top: 32px; }
  .focus-load .button {
    grid-column: 1 / 3;
    background: rgba(128, 134, 135, 0.1);
    border-color: #808687;
    color: #808687; }
    .focus-load .button:hover {
      background: #808687;
      color: #232828; }
    @media only screen and (min-width: 768px) {
      .focus-load .button {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      .focus-load .button {
        grid-column: 1 / 13; } }
.state--loading-posts .focus-load .button {
  background: #808687;
  color: #232828;
  pointer-events: none; }

.state--all-posts-loaded .focus-load .button {
  background: transparent;
  color: rgba(128, 134, 135, 0.3);
  border-color: rgba(128, 134, 135, 0.3);
  pointer-events: none; }

section.the-archives {
  margin-top: 0;
  padding: 42px 0;
  background: #282c2c; }
  @media only screen and (min-width: 768px) {
    section.the-archives {
      padding: 64px 0; } }
  @media only screen and (min-width: 1280px) {
    section.the-archives {
      padding: 96px 0; } }
.archives-title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .archives-title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .archives-title {
      grid-column: 3 / 11; } }
  .archives-title h2 {
    display: inline-block;
    padding: 9px 14px 10px 15px;
    border: 4px solid rgba(255, 255, 255, 0.7);
    font-family: brother-1816, sans-serif;
    font-weight: 350;
    font-size: 17px;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.7); }
    @media only screen and (min-width: 768px) {
      .archives-title h2 {
        padding: 10px 19px 11px 20px;
        font-size: 20px; } }
    @media only screen and (min-width: 1280px) {
      .archives-title h2 {
        padding: 12px 23px 13px 24px;
        border-width: 5px;
        font-size: 22px; } }
    .archives-title h2 strong {
      font-weight: 500;
      text-transform: uppercase; }
  .archives-title p {
    margin-top: 16px;
    font-size: 17px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7); }
    @media only screen and (min-width: 768px) {
      .archives-title p {
        margin-top: 20px;
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .archives-title p {
        font-size: 22px;
        line-height: 38px; } }
.no-cssgrid .archives-title {
  padding: 0 16px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .archives-title {
      max-width: 66.66%;
      margin: 0 auto; } }
.archives-listing {
  margin-top: 34px; }
  @media only screen and (min-width: 768px) {
    .archives-listing {
      margin-top: 42px; } }
  @media only screen and (min-width: 1280px) {
    .archives-listing {
      margin-top: 52px; } }
  .archives-listing .grid__item {
    grid-column: span 1; }
    @media only screen and (min-width: 768px) {
      .archives-listing .grid__item {
        grid-column: span 3; } }
    @media only screen and (min-width: 1024px) {
      .archives-listing .grid__item {
        grid-column: span 4; } }
.archive-item {
  position: relative;
  display: block;
  overflow: hidden; }
  .archive-item:hover .archive-item__overlay {
    opacity: 1; }
  .archive-item:hover .archive-item__download .svg-inline--fa {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.archive-item__image {
  width: 100%; }

.archive-item__overlay {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: rgba(17, 155, 165, 0.8);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.archive-item__download {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .archive-item__download .svg-inline--fa {
    font-size: 50px;
    color: #ffffff;
    opacity: 0;
    -moz-transform: translate(0, -16px);
    -o-transform: translate(0, -16px);
    -ms-transform: translate(0, -16px);
    -webkit-transform: translate(0, -16px);
    transform: translate(0, -16px);
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      .archive-item__download .svg-inline--fa {
        font-size: 80px; } }
  .archive-item__download span {
    display: block;
    margin-top: 26px;
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #ffffff; }

.no-cssgrid .archives-listing {
  margin-top: 18px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .archives-listing {
      margin-top: 10px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .archives-listing {
      margin-top: 20px; } }
  .no-cssgrid .archives-listing:after {
    content: "";
    clear: both;
    display: table; }
  .no-cssgrid .archives-listing .grid__item {
    margin-top: 16px; }
    @media only screen and (min-width: 768px) {
      .no-cssgrid .archives-listing .grid__item {
        margin-top: 32px; } }
    @media only screen and (min-width: 1024px) {
      .no-cssgrid .archives-listing .grid__item {
        width: 33.33%; } }
.no-cssgrid .archives-load {
  margin-top: 32px;
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .archives-load {
      padding: 0 20px; } }
  .no-cssgrid .archives-load .button {
    width: 100%; }

.archives-load {
  margin-top: 32px; }
  .archives-load .button {
    grid-column: 1 / 3;
    background: rgba(128, 134, 135, 0.1);
    border-color: #808687;
    color: #808687; }
    .archives-load .button:hover {
      background: #808687;
      color: #232828; }
    @media only screen and (min-width: 768px) {
      .archives-load .button {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      .archives-load .button {
        grid-column: 1 / 13; } }
.state--loading-posts .archives-load .button {
  background: #808687;
  color: #232828;
  pointer-events: none; }

.archives-load .button.all-archives-loaded {
  background: transparent;
  color: rgba(128, 134, 135, 0.3);
  border-color: rgba(128, 134, 135, 0.3);
  pointer-events: none; }

.focus-upcoming {
  margin-top: 0;
  background: #232828; }
  .focus-upcoming__bg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background: #282c2c; }
  .focus-upcoming__box {
    position: relative;
    z-index: 1;
    grid-column: 1 / 3;
    text-align: center;
    padding: 32px;
    border: 5px solid #119ba5;
    background: white;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 768px) {
      .focus-upcoming__box {
        grid-column: 1 / 7; } }
    @media only screen and (min-width: 1024px) {
      .focus-upcoming__box {
        grid-column: 3 / 11; } }
    @media only screen and (min-width: 1280px) {
      .focus-upcoming__box {
        padding: 48px;
        -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4); } }
    .focus-upcoming__box p {
      margin-top: 6px; }
    .focus-upcoming__box .button {
      margin-top: 16px; }

.focus-general-enquiries {
  margin-top: 42px;
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .focus-general-enquiries {
      margin-top: 64px;
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .focus-general-enquiries {
      grid-column: 3 / 11; } }
  @media only screen and (min-width: 1280px) {
    .focus-general-enquiries {
      margin-top: 96px; } }
  .focus-general-enquiries p {
    font-size: 17px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.7); }
    @media only screen and (min-width: 768px) {
      .focus-general-enquiries p {
        font-size: 19px;
        line-height: 32px; } }
    @media only screen and (min-width: 1280px) {
      .focus-general-enquiries p {
        font-size: 22px;
        line-height: 38px; } }
    .focus-general-enquiries p a {
      display: inline-block;
      position: relative;
      color: #ffffff; }
      .focus-general-enquiries p a:before {
        content: '';
        position: absolute;
        bottom: 18%;
        left: 0;
        right: 0;
        height: 18%;
        background: rgba(255, 255, 255, 0.15);
        -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
      .focus-general-enquiries p a:hover:before {
        height: 65%; }

.focus {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 16px;
  overflow: hidden; }

.body--focus-page .label {
  background: #ffffff; }

.body--focus-page .label--work {
  color: #6baedb; }

.body--focus-page .label--craft {
  color: #97c0b2; }

.body--focus-page .label--talent {
  color: #ea997b; }

.body--focus-page .label--inspiration {
  color: #a996c0; }

.body--focus-page .label--news {
  color: #d1807e; }

.body--focus-page .label--insight {
  color: #67809f; }

section.focus-header.post-header--full {
  padding: 0; }
  @media only screen and (min-width: 768px) {
    section.focus-header.post-header--full {
      padding: 0 0 40px; } }
  @media only screen and (min-width: 1024px) {
    section.focus-header.post-header--full {
      padding: 0 0 60px; } }
  @media only screen and (min-width: 1280px) {
    section.focus-header.post-header--full {
      padding: 0 0 80px; } }
section.focus-header .post-header__content h1 {
  font-weight: 350;
  line-height: 1.1;
  text-transform: lowercase; }
  section.focus-header .post-header__content h1 strong {
    display: block;
    font-weight: 500;
    text-transform: uppercase; }

section.focus-intro {
  z-index: 3;
  margin-top: 0;
  padding: 32px 0; }
  @media only screen and (min-width: 768px) {
    section.focus-intro {
      padding: 0;
      height: 0; }
      section.focus-intro .grid {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1; } }
.focus-intro__content {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .focus-intro__content {
      grid-column: 1 / 7;
      background: #ffffff;
      padding: 34px;
      -webkit-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 10px 32px rgba(0, 0, 0, 0.15);
      box-shadow: 0 10px 32px rgba(0, 0, 0, 0.15); } }
  @media only screen and (min-width: 1024px) {
    .focus-intro__content {
      grid-column: 2 / 12;
      padding: 42px; } }
  @media only screen and (min-width: 1280px) {
    .focus-intro__content {
      padding: 54px 64px; } }
  @media only screen and (min-width: 1280px) {
    .focus-intro__content p {
      font-size: 22px; } }
section.focus-3cols {
  margin-top: 0;
  overflow: hidden; }
  section.focus-3cols:nth-child(3) {
    margin-top: -16px; }
    @media only screen and (min-width: 768px) {
      section.focus-3cols:nth-child(3) {
        margin-top: 0; } }
@media only screen and (min-width: 1024px) {
  .focus-3cols__wrap {
    margin: 0 -8px; }
    .focus-3cols__wrap:after {
      content: "";
      clear: both;
      display: table; } }

.focus-3cols__item {
  padding: 16px 16px 0; }
  @media only screen and (min-width: 1024px) {
    .focus-3cols__item {
      float: left;
      width: 33.33%;
      padding: 16px 8px 0; } }
  .focus-3cols__item a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 80%; }
    .focus-3cols__item a:hover .focus-3cols__item__hover {
      opacity: 0.6;
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
    .focus-3cols__item a:hover .focus-3cols__item__content {
      transform: translate(0, 0) !important;
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
      .focus-3cols__item a:hover .focus-3cols__item__content .label, .focus-3cols__item a:hover .focus-3cols__item__content p {
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transition: all 0.9s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.9s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.9s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.9s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.9s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      .focus-3cols__item a {
        padding-bottom: 56.25%; } }
    @media only screen and (min-width: 1024px) {
      .focus-3cols__item a {
        padding-bottom: 150%; } }
.focus-3cols__item__image {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.focus-3cols__item__overlay {
  position: absolute;
  top: 25%;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: -moz-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(35, 40, 40, 0) 0%, rgba(35, 40, 40, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00232828', endColorstr='#b3232828',GradientType=0 ); }

.focus-3cols__item__hover {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background: #119ba5;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

.focus-3cols__item__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px;
  max-width: 500px; }
  @media only screen and (min-width: 1024px) {
    .focus-3cols__item__content {
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 768px) {
    .focus-3cols__item__content {
      padding: 28px 32px; } }
  @media only screen and (min-width: 1024px) {
    .focus-3cols__item__content .label {
      opacity: 0;
      transform: translate(0, -10px);
      -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
  .focus-3cols__item__content h3 {
    margin-top: 14px;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased; }
    @media only screen and (min-width: 1280px) {
      .focus-3cols__item__content h3 {
        margin-top: 24px;
        font-size: 35px;
        line-height: 40px; } }
    .focus-3cols__item__content h3 strong {
      display: block;
      font-weight: 500;
      text-transform: uppercase; }
  .focus-3cols__item__content p {
    display: none;
    margin-top: 0;
    padding-top: 10px;
    font-size: 15px;
    line-height: 25px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .focus-3cols__item__content p {
        display: block; } }
    @media only screen and (min-width: 1024px) {
      .focus-3cols__item__content p {
        opacity: 0;
        transform: translate(0, -10px);
        -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); } }
    @media only screen and (min-width: 1280px) {
      .focus-3cols__item__content p {
        padding-top: 20px; } }
.focus-3cols__item--work .focus-3cols__item__hover {
  background: #6baedb; }

.focus-3cols__item--craft .focus-3cols__item__hover {
  background: #97c0b2; }

.focus-3cols__item--talent .focus-3cols__item__hover {
  background: #ea997b; }

.focus-3cols__item--inspiration .focus-3cols__item__hover {
  background: #a996c0; }

.focus-3cols__item--news .focus-3cols__item__hover {
  background: #d1807e; }

.focus-3cols__item--insight .focus-3cols__item__hover {
  background: #67809f; }

section.focus-large {
  margin-top: 16px; }
  section.focus-large:last-child {
    margin-bottom: -16px; }
  section.focus-large .post-header--full {
    min-height: auto;
    padding: 42px 0 38px; }
    @media only screen and (min-width: 768px) {
      section.focus-large .post-header--full {
        padding: 96px 0 88px; } }
    @media only screen and (min-width: 1280px) {
      section.focus-large .post-header--full {
        padding: 128px 0 120px; } }
    @media only screen and (min-width: 1440px) {
      section.focus-large .post-header--full {
        padding: 160px 0 150px; } }
    section.focus-large .post-header--full:hover .post-header__content h2 {
      text-decoration-color: rgba(255, 255, 255, 0.3); }
  section.focus-large .post-header__content .label {
    position: relative;
    top: auto;
    left: auto; }
  section.focus-large .post-header__content h2 {
    margin-top: 16px;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
    @media only screen and (min-width: 768px) {
      section.focus-large .post-header__content h2 {
        margin-top: 22px;
        font-size: 45px;
        line-height: 55px; } }
    @media only screen and (min-width: 1280px) {
      section.focus-large .post-header__content h2 {
        margin-top: 32px;
        font-size: 60px;
        line-height: 70px; } }
section.focus-grid {
  margin-top: 16px; }

.focus-grid__wrap {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 16px; }

.focus-grid__item {
  position: relative;
  grid-column: span 2; }
  @media only screen and (min-width: 1024px) {
    .focus-grid__item {
      grid-column: span 1; } }
.focus-grid__post {
  display: block;
  position: relative;
  background: #119ba5;
  overflow: hidden; }
  @media only screen and (min-width: 1024px) {
    .focus-grid__post {
      height: 100%; }
      .focus-grid__post:hover .focus-grid__post__background {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0.4;
        -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
@media only screen and (min-width: 1024px) {
  .focus-grid__post__content-wrap {
    display: flex;
    align-items: center;
    min-height: 100%; } }

.focus-grid__post__content {
  padding: 42px 20px 36px;
  max-width: 540px; }
  @media only screen and (min-width: 768px) {
    .focus-grid__post__content {
      padding: 64px 32px 58px;
      max-width: 564px; } }
  @media only screen and (min-width: 1024px) {
    .focus-grid__post__content {
      padding: 0 42px; } }
  @media only screen and (min-width: 1280px) {
    .focus-grid__post__content {
      padding: 0 64px; } }
  .focus-grid__post__content .label {
    position: relative; }
  .focus-grid__post__content h3 {
    position: relative;
    margin-top: 14px;
    font-size: 30px;
    line-height: 35px;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .focus-grid__post__content h3 {
        margin-top: 26px; } }
    @media only screen and (min-width: 1280px) {
      .focus-grid__post__content h3 {
        margin-top: 24px;
        font-size: 35px;
        line-height: 40px; } }
  .focus-grid__post__content p {
    position: relative;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.6;
    color: #ffffff; }
    @media only screen and (min-width: 768px) {
      .focus-grid__post__content p {
        margin-top: 20px; } }
    @media only screen and (min-width: 1024px) {
      .focus-grid__post__content p {
        display: none; } }
    @media only screen and (min-width: 1280px) {
      .focus-grid__post__content p {
        display: block; } }
.focus-grid__post__background {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  filter: grayscale(100);
  background-blend-mode: multiply;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }

@media only screen and (min-width: 1024px) {
  .focus-grid__item--large {
    grid-row: span 2; }
    .focus-grid__item--large .focus-grid__post__content {
      margin: 0 auto;
      text-align: center; } }

@media only screen and (min-width: 1024px) {
  .focus-grid__item--large .focus-grid__post {
    height: calc(50vw - 24px); } }

@media only screen and (min-width: 768px) {
  .focus-grid__item--large .focus-grid__post__content p {
    display: block; } }

@media only screen and (min-width: 1280px) {
  .focus-grid__item--large .focus-grid__post__content {
    max-width: none;
    padding: 0 64px; }
    .focus-grid__item--large .focus-grid__post__content h3 {
      font-size: 50px;
      line-height: 60px; }
    .focus-grid__item--large .focus-grid__post__content p {
      font-size: 19px;
      line-height: 32px; } }

.focus-grid__post--work {
  background: #6baedb; }

.focus-grid__post--craft {
  background: #97c0b2; }

.focus-grid__post--talent {
  background: #ea997b; }

.focus-grid__post--inspiration {
  background: #a996c0; }

.focus-grid__post--news {
  background: #d1807e; }

.focus-grid__post--insight {
  background: #67809f; }

.focus-grid__post--nocolor {
  background: #232828; }
  .focus-grid__post--nocolor .focus-grid__post__background {
    opacity: 0.8; }
  .focus-grid__post--nocolor:hover .focus-grid__post__background {
    opacity: 1; }

.no-cssgrid .focus-grid__item {
  margin-top: 16px; }
  .no-cssgrid .focus-grid__item:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .focus-grid__item {
      float: left;
      width: 50%; }
      .no-cssgrid .focus-grid__item:first-child {
        padding-right: 8px; }
      .no-cssgrid .focus-grid__item:nth-child(2) {
        margin: 0 0 8px;
        padding-left: 8px;
        height: calc(25vw - 20px); }
      .no-cssgrid .focus-grid__item:last-child {
        margin: 8px 0 0;
        padding-left: 8px;
        height: calc(25vw - 20px); } }
@media only screen and (min-width: 1024px) {
  .no-cssgrid .focus-grid__post__content-wrap {
    height: 100%; } }

section.focus-large3 {
  margin-top: 16px;
  padding: 42px 0;
  background: #121414; }
  @media only screen and (min-width: 768px) {
    section.focus-large3 {
      padding: 68px 0; } }
  @media only screen and (min-width: 1280px) {
    section.focus-large3 {
      padding: 134px 0; } }
  section.focus-large3:last-child {
    margin-bottom: -16px; }
  section.focus-large3 .grid {
    position: relative;
    z-index: 1;
    grid-row-gap: 0; }

.focus-large3__background {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  opacity: 0; }

.focus-large3__background--on {
  opacity: 0.5; }

.focus-large3__link {
  position: relative;
  grid-column: 1 / 3;
  padding: 16px 0 16px 30px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.5); }
  @media only screen and (min-width: 768px) {
    .focus-large3__link {
      padding: 18px 0 18px 40px;
      grid-column: 1 / 7;
      font-size: 45px; } }
  @media only screen and (min-width: 1024px) {
    .focus-large3__link {
      grid-column: 2 / 11;
      margin-left: -40px; } }
  @media only screen and (min-width: 1280px) {
    .focus-large3__link {
      padding: 20px 0 20px 50px;
      margin-left: -50px;
      font-size: 60px; } }
  .focus-large3__link:before {
    content: '';
    position: absolute;
    top: 24px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 4px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    @media only screen and (min-width: 768px) {
      .focus-large3__link:before {
        top: 34px;
        width: 12px;
        height: 12px;
        border-width: 5px; } }
    @media only screen and (min-width: 1280px) {
      .focus-large3__link:before {
        top: 44px;
        width: 16px;
        height: 16px;
        border-width: 6px; } }
  .focus-large3__link:hover {
    color: #ffffff; }
    .focus-large3__link:hover:before {
      border-color: #ffffff;
      background: #ffffff; }

.no-cssgrid section.focus-large3 .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid section.focus-large3 .grid {
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid section.focus-large3 .grid {
      padding: 0;
      width: 75%;
      margin-left: 8.33%; } }
.no-cssgrid .focus-large3__link {
  display: block; }

section.focus-more {
  margin-top: 0;
  padding: 42px 0;
  background: #232828; }
  @media only screen and (min-width: 768px) {
    section.focus-more {
      padding: 64px 0; } }
  @media only screen and (min-width: 1280px) {
    section.focus-more {
      padding: 96px 0; } }
  section.focus-more .focus-listing {
    margin-top: 32px; }
    section.focus-more .focus-listing .grid__item:nth-of-type(4) {
      display: none; }

.focus-more__title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .focus-more__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .focus-more__title {
      grid-column: 1 / 13; } }
  .focus-more__title .label {
    color: #232828; }
    .focus-more__title .label .label__note {
      background: #232828;
      color: #ffffff; }

.about-hero {
  margin-top: 0;
  padding-top: 120px; }
  @media only screen and (min-width: 768px) {
    .about-hero {
      padding-top: 154px; } }
  @media only screen and (min-width: 1280px) {
    .about-hero {
      padding-top: 184px; } }
.about-hero__title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .about-hero__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .about-hero__title {
      grid-column: 2 / 12; } }
  @media only screen and (min-width: 1280px) {
    .about-hero__title {
      grid-column: 1 / 13; } }
  .about-hero__title h1 {
    font-size: 30px; }
    .about-hero__title h1 span {
      display: inline-block;
      background: #119ba5;
      color: #ffffff;
      line-height: 1;
      margin-top: 4px;
      padding: 2px 3px 3px; }
    @media only screen and (min-width: 768px) {
      .about-hero__title h1 {
        font-size: 50px; }
        .about-hero__title h1 span {
          margin-top: 5px;
          padding: 2px 6px 5px 7px; } }
    @media only screen and (min-width: 1280px) {
      .about-hero__title h1 {
        font-size: 70px; }
        .about-hero__title h1 span {
          margin-top: 6px;
          margin-left: -1px;
          padding: 2px 8px 8px 9px; } }
.about-hero__text {
  margin-top: 12px;
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .about-hero__text {
      margin-top: 14px;
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .about-hero__text {
      grid-column: 2 / 12; } }
  @media only screen and (min-width: 1280px) {
    .about-hero__text {
      margin-top: 38px;
      grid-column: 3 / 11; } }
.no-cssgrid .about-hero__title {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .about-hero__title {
      padding: 0 20px; } }
.no-cssgrid .about-hero__text {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .about-hero__text {
      padding: 0 20px; } }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .about-hero__text {
      width: 75%;
      margin-left: auto;
      margin-right: auto; } }
.team {
  margin-top: 40px;
  background: #f0f3f3;
  padding: 42px 0; }
  @media only screen and (min-width: 768px) {
    .team {
      margin-top: 52px;
      padding: 64px 0; } }
  @media only screen and (min-width: 1280px) {
    .team {
      margin-top: 84px;
      padding: 96px 0; } }
  .team .grid {
    grid-row-gap: 52px; }
    @media only screen and (min-width: 768px) {
      .team .grid {
        grid-row-gap: 32px; } }
  @media only screen and (min-width: 768px) {
    .team .grid__item {
      grid-column: span 6; } }
.no-cssgrid .team .grid__item {
  margin-bottom: 52px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .team .grid__item {
      width: 50%;
      margin-bottom: 32px; } }
.team-section-label {
  position: absolute;
  top: -10px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media only screen and (min-width: 768px) {
    .team-section-label {
      top: -11px; } }
@media only screen and (min-width: 768px) {
  .team-member {
    background: #ffffff;
    padding: 40px;
    -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
    box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05); } }

.team-member .button {
  margin-top: 22px; }

@media only screen and (min-width: 768px) {
  .team-member__top {
    display: flex;
    align-items: center; } }

.team-member__image {
  border-radius: 100%;
  max-width: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) {
    .team-member__image {
      width: 45%; } }
.team-member__info {
  text-align: center;
  margin-top: 20px; }
  @media only screen and (min-width: 768px) {
    .team-member__info {
      width: 50%;
      margin: 0 0 0 5%;
      text-align: left; } }
  .team-member__info h3 {
    line-height: 1; }
    .team-member__info h3 span {
      font-size: 20px;
      font-weight: 350;
      color: #535858; }

.team-member__contact {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  margin-top: 8px;
  border-radius: 5px 0 0 0;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.04em; }
  .team-member__contact:first-of-type {
    margin-top: 18px; }
  .team-member__contact:nth-of-type(2):before {
    content: '';
    display: table; }
  .team-member__contact .svg-inline--fa {
    position: absolute;
    top: -2px;
    left: -10px;
    font-size: 22px;
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  .team-member__contact:hover {
    color: #119ba5; }
    .team-member__contact:hover .svg-inline--fa {
      -moz-transform: scale(1.4);
      -o-transform: scale(1.4);
      -ms-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      transform: scale(1.4); }

.team-member__email {
  background: #ecf7f8;
  padding: 4px 4px 4px 17px;
  color: #119ba5; }

.team-member__twitter {
  background: rgba(0, 172, 237, 0.15);
  padding: 4px 4px 4px 15px;
  color: #00aced; }
  .team-member__twitter:hover {
    color: #00aced; }

.team-member__linkedin {
  background: rgba(0, 172, 237, 0.15);
  padding: 4px 4px 4px 15px;
  color: #2867B2; }
  .team-member__linkedin:hover {
    color: #2867B2; }

.team-member__bio {
  margin-top: 12px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .team-member__bio {
      margin-top: 24px;
      text-align: left; } }
  .team-member__bio p {
    font-size: 17px; }

.team-member__bio__articles {
  display: inline-block;
  margin-left: 14px;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #119ba5;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .team-member__bio__articles:hover {
      color: #232828; } }
.team-member__focus {
  background: #ecf7f8;
  padding: 20px;
  font-size: 15px;
  color: #232828; }
  @media only screen and (min-width: 768px) {
    .team-member__focus {
      margin-top: 32px;
      font-size: 17px; } }
.team-profile {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.state--team-profile .mini-menu,
.state--team-profile .menu-toggle {
  opacity: 0;
  visibility: hidden; }

.team-profile--on {
  opacity: 1;
  visibility: visible; }
  @media only screen and (min-width: 1024px) {
    .team-profile--on .team-profile__content {
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }
.team-profile__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(240, 243, 243, 0.9); }

.team-profile__close {
  position: fixed;
  top: 0;
  right: 0;
  padding: 21px 20px;
  font-size: 50px;
  color: #119ba5;
  cursor: pointer; }

.team-profile__content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 32px 16px;
  overflow: auto;
  background: #ffffff; }
  @media only screen and (min-width: 768px) {
    .team-profile__content {
      padding: 48px 64px 64px; } }
  @media only screen and (min-width: 1024px) {
    .team-profile__content {
      left: 50%;
      right: 0;
      width: 700px;
      margin-left: -350px;
      -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
      box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px);
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); } }
  @media only screen and (min-width: 1280px) {
    .team-profile__content {
      width: 800px;
      margin-left: -400px; } }
  .team-profile__content .team-member__bio {
    margin-top: 26px;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .team-profile__content .team-member__bio {
        margin-top: 38px; } }
    .team-profile__content .team-member__bio p:first-child {
      font-size: 20px;
      color: #232828; }
    @media only screen and (min-width: 768px) {
      .team-profile__content .team-member__bio p {
        font-size: 18px; }
        .team-profile__content .team-member__bio p:first-child {
          font-size: 22px; } }
    @media only screen and (min-width: 1280px) {
      .team-profile__content .team-member__bio p {
        font-size: 19px; }
        .team-profile__content .team-member__bio p:first-child {
          font-size: 25px; } }
.contributors {
  margin-top: 0;
  background: #f0f3f3;
  padding: 42px 0; }
  @media only screen and (min-width: 768px) {
    .contributors {
      padding: 42px 0 64px; } }
  @media only screen and (min-width: 1280px) {
    .contributors {
      padding: 64px 0 96px; } }
  .contributors .team-section-label {
    background: #808687; }
  .contributors .grid {
    grid-row-gap: 52px; }
  @media only screen and (min-width: 768px) {
    .contributors .grid__item {
      grid-column: span 2; } }
  @media only screen and (min-width: 1024px) {
    .contributors .grid__item {
      grid-column: span 3; } }
.no-cssgrid .contributors .grid__item {
  margin-top: 52px; }

.contributor {
  text-align: center; }
  .contributor h4 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1; }
    .contributor h4 span {
      font-size: 17px;
      font-weight: 350;
      color: #535858; }
  .contributor .button {
    margin-top: 18px; }

.contributor__image {
  border-radius: 100%;
  max-width: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 30px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) {
    .contributor__image {
      max-width: 70%; } }
.contact {
  margin-top: 0;
  padding: 42px 0; }
  @media only screen and (min-width: 768px) {
    .contact {
      padding: 64px 0; } }
  @media only screen and (min-width: 1280px) {
    .contact {
      padding: 96px 0; } }
  .contact .grid {
    grid-row-gap: 52px; }
    @media only screen and (min-width: 1024px) {
      .contact .grid {
        grid-row-gap: 32px; } }
  @media only screen and (min-width: 768px) {
    .contact .grid__item {
      grid-column: span 6; } }
.no-cssgrid .contact .grid__item {
  margin-top: 52px; }
  @media only screen and (min-width: 1024px) {
    .no-cssgrid .contact .grid__item {
      margin-top: 32px;
      width: 50%; } }
.contact-text h4 {
  margin-top: 30px;
  display: inline-block;
  padding: 5px 5px 4px;
  background: #232828;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .contact-text h4 {
      margin-top: 40px;
      padding: 5px 7px 4px;
      font-size: 13px; } }
  @media only screen and (min-width: 1280px) {
    .contact-text h4 {
      margin-top: 52px; } }
  .contact-text h4:first-child {
    margin-top: 0; }

.contact-text p a {
  position: relative;
  display: inline-block;
  font-weight: 300;
  color: #232828; }
  .contact-text p a:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 18%;
    left: 0;
    right: 0;
    height: 18%;
    background: #d6eef0;
    -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
    -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
    -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
    -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
    transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
  .contact-text p a:hover:before {
    height: 65%; }

.contact-location {
  margin-top: 38px; }
  .contact-location:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .contact-location {
      float: left;
      width: 50%;
      margin-top: 0; } }
  @media only screen and (min-width: 1024px) {
    .contact-location {
      float: none;
      width: 100%;
      margin-top: 38px;
      padding-left: 100px; } }
  @media only screen and (min-width: 1280px) {
    .contact-location {
      float: left;
      width: 50%;
      margin-top: 0;
      padding-left: 0; }
      .contact-location:first-child {
        padding-left: 40px; } }
  .contact-location p {
    margin-top: 10px;
    line-height: 1.5; }
    .contact-location p:first-of-type {
      margin-top: 20px; }
    @media only screen and (min-width: 1280px) {
      .contact-location p {
        font-size: 17px; } }
    .contact-location p a {
      position: relative;
      display: inline-block;
      font-weight: 300;
      color: #232828; }
      .contact-location p a:before {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 18%;
        left: 0;
        right: 0;
        height: 18%;
        background: #d6eef0;
        -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
        transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
      .contact-location p a:hover:before {
        height: 65%; }

.contact-location__flag {
  width: 60px; }

.contact-socials {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin-top: 38px; }
  @media only screen and (min-width: 768px) {
    .contact-socials {
      margin-top: 48px; } }
  @media only screen and (min-width: 1024px) {
    .contact-socials {
      margin-top: 40px;
      padding-left: 100px; } }
  @media only screen and (min-width: 1280px) {
    .contact-socials {
      margin-top: 46px;
      padding-left: 40px; } }
  .contact-socials li {
    display: inline-block;
    margin-right: 2px; }
    .contact-socials li a {
      display: block;
      position: relative;
      width: 40px;
      height: 40px;
      background: rgba(17, 155, 165, 0.2);
      color: #119ba5;
      font-size: 22px; }
      @media only screen and (min-width: 768px) {
        .contact-socials li a {
          width: 60px;
          height: 60px;
          font-size: 32px; } }
      .contact-socials li a .svg-inline--fa {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .contact-socials li a:hover {
        background: #119ba5;
        color: #ffffff; }

.staff {
  margin-top: 0;
  background: #f0f3f3;
  padding: 42px 0; }
  @media only screen and (min-width: 768px) {
    .staff {
      padding: 42px 0 64px; } }
  @media only screen and (min-width: 1280px) {
    .staff {
      padding: 64px 0 96px; } }
  .staff .grid {
    grid-row-gap: 52px; }
  @media only screen and (min-width: 768px) {
    .staff .grid__item {
      grid-column: span 2; } }
  @media only screen and (min-width: 1024px) {
    .staff .grid__item {
      grid-column: span 3; } }
.no-cssgrid .staff .grid__item {
  margin-top: 52px; }

.submit-logos {
  grid-column: 1 / 3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (min-width: 768px) {
    .submit-logos {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .submit-logos {
      grid-column: 2 / 12; } }
  @media only screen and (min-width: 1280px) {
    .submit-logos {
      grid-column: 1 / 13; } }
  .submit-logos__shots svg {
    height: 60px;
    fill: #119ba5; }
  .submit-logos__plus {
    padding: 0 20px;
    font-size: 30px;
    color: #808687; }
  .submit-logos__source img {
    height: 30px; }

.submit-hero__text {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .submit-hero__text {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .submit-hero__text {
      grid-column: 2 / 12; } }
  @media only screen and (min-width: 1280px) {
    .submit-hero__text {
      grid-column: 3 / 11; } }
  .submit-hero__text .button {
    margin-top: 20px; }

@media only screen and (min-width: 768px) {
  .submit-hiw .grid__item {
    grid-column: span 3; } }

@media only screen and (min-width: 1024px) {
  .submit-hiw .grid__item {
    grid-column: span 6; } }

.submit-hiw .team-member {
  position: relative;
  z-index: 0;
  height: 100%;
  background: #ffffff;
  padding: 20px;
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 7px 30px rgba(0, 0, 0, 0.05); }
  @media only screen and (min-width: 768px) {
    .submit-hiw .team-member {
      padding: 30px; } }
  @media only screen and (min-width: 1280px) {
    .submit-hiw .team-member {
      padding: 40px; } }
.submit-hiw .team-member__bio .label {
  background: #f0f3f3;
  color: #119ba5; }

.submit-hiw .team-member__bio h3 {
  margin-top: 10px;
  font-weight: 300; }
  .submit-hiw .team-member__bio h3 strong {
    font-weight: 500; }
  .submit-hiw .team-member__bio h3 a {
    position: relative;
    display: inline-block;
    font-weight: 300;
    color: #232828; }
    .submit-hiw .team-member__bio h3 a:before {
      content: '';
      position: absolute;
      z-index: -1;
      bottom: 18%;
      left: 0;
      right: 0;
      height: 18%;
      background: #d6eef0;
      -webkit-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.15s cubic-bezier(0.2, 0.3, 0, 1); }
    .submit-hiw .team-member__bio h3 a:hover:before {
      height: 65%; }

.submit-cta {
  grid-column: 1 / 3;
  text-align: center;
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .submit-cta {
      padding-top: 50px;
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .submit-cta {
      grid-column: 2 / 12; } }
  @media only screen and (min-width: 1280px) {
    .submit-cta {
      padding-top: 60px;
      grid-column: 3 / 11; } }
  .submit-cta__or {
    font-family: brother-1816, sans-serif;
    font-weight: 500;
    color: #808687;
    padding: 0 10px;
    font-size: 11px; }
  .submit-cta .button {
    margin-top: 20px; }
    @media only screen and (min-width: 1280px) {
      .submit-cta .button {
        margin-top: 30px; } }
.body--about.state--animating.state--loading .submit-logos {
  opacity: 0; }

.body--about.state--animating.state--loading .submit-hero__text {
  opacity: 0; }

.body--about.state--animating .submit-logos {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--about.state--animating .submit-hero__text {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -moz-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -ms-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -o-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s; }

.search {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-height: 100vh; }

.search-header {
  margin-top: 110px; }
  @media only screen and (min-width: 768px) {
    .search-header {
      margin-top: 152px;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 1024px) {
    .search-header {
      margin-top: 184px; } }
  @media only screen and (min-width: 1280px) {
    .search-header {
      margin-top: 204px;
      padding-bottom: 32px; } }
.search-form {
  position: relative;
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .search-form {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .search-form {
      grid-column: 1 / 13; } }
  .search-form input {
    width: 100%;
    border: 0;
    border-bottom: 4px solid #119ba5;
    color: #232828;
    padding: 0 0 6px 34px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em; }
    @media only screen and (min-width: 768px) {
      .search-form input {
        padding: 0 0 4px 58px;
        font-size: 50px;
        letter-spacing: -0.04em; } }
    @media only screen and (min-width: 1280px) {
      .search-form input {
        padding: 0 0 0 78px;
        font-size: 70px; } }
    .search-form input::-webkit-input-placeholder {
      color: rgba(128, 134, 135, 0.5); }
    .search-form input::-moz-placeholder {
      color: rgba(128, 134, 135, 0.5); }
    .search-form input:-ms-input-placeholder {
      color: rgba(128, 134, 135, 0.5); }
    .search-form input:-moz-placeholder {
      color: rgba(128, 134, 135, 0.5); }
    .search-form input:focus {
      color: #119ba5;
      background: transparent; }
  .search-form .fa-search {
    position: absolute;
    top: 6px;
    left: 0;
    font-size: 24px;
    color: #119ba5; }
    @media only screen and (min-width: 768px) {
      .search-form .fa-search {
        top: 18px;
        font-size: 44px; } }
    @media only screen and (min-width: 1280px) {
      .search-form .fa-search {
        top: 26px;
        font-size: 60px; } }
.search-options {
  margin-top: 32px; }

.search-filters {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .search-filters {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .search-filters {
      grid-column: 1 / 13; } }
  @media only screen and (min-width: 1280px) {
    .search-filters {
      grid-column: 1 / 9; } }
.search-filters[data-filters="Work"] .search-filter[data-filter="Work"] {
  background: #6baedb;
  color: #ffffff; }

.search-filters[data-filters="Craft"] .search-filter[data-filter="Craft"] {
  background: #97c0b2;
  color: #ffffff; }

.search-filters[data-filters="Talent"] .search-filter[data-filter="Talent"] {
  background: #ea997b;
  color: #ffffff; }

.search-filters[data-filters="Inspiration"] .search-filter[data-filter="Inspiration"] {
  background: #a996c0;
  color: #ffffff; }

.search-filters[data-filters="News"] .search-filter[data-filter="News"] {
  background: #d1807e;
  color: #ffffff; }

.search-filters[data-filters="Insight"] .search-filter[data-filter="Insight"] {
  background: #67809f;
  color: #ffffff; }

.search-order {
  grid-column: 1 / 3; }
  @media only screen and (min-width: 768px) {
    .search-order {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .search-order {
      grid-column: 1 / 13; } }
  @media only screen and (min-width: 1280px) {
    .search-order {
      grid-column: 9 / 13;
      text-align: right; } }
.search-label {
  display: inline-block;
  text-align: left;
  font-family: brother-1816, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #808687;
  letter-spacing: 0.04em;
  width: 80px; }

.search-filter {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 8px;
  border: 0;
  padding: 5px 5px 4px;
  background: #f0f3f3;
  font-family: brother-1816, sans-serif;
  font-weight: 350;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #c3c6c7;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 768px) {
    .search-filter {
      margin-bottom: 0;
      padding: 5px 7px 4px;
      font-size: 13px; } }
  .search-filter:last-child {
    margin-right: 0; }
  .search-filter strong {
    font-weight: 500;
    text-transform: uppercase; }
  .search-filter:active, .search-filter:focus {
    outline: none; }

.search-filter--on {
  background: #119ba5;
  color: #ffffff;
  pointer-events: none; }

.no-cssgrid .search-header .grid {
  padding: 0 16px; }
  @media only screen and (min-width: 768px) {
    .no-cssgrid .search-header .grid {
      padding: 0 20px 20px; } }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .search-header .grid {
      padding-bottom: 32px; } }
.no-cssgrid .search-filters,
.no-cssgrid .search-order {
  margin-top: 20px; }
  @media only screen and (min-width: 1280px) {
    .no-cssgrid .search-filters,
    .no-cssgrid .search-order {
      margin-top: 32px; } }
@media only screen and (min-width: 1280px) {
  .no-cssgrid .search-filters {
    float: left;
    width: 66.66%; }
  .no-cssgrid .search-order {
    float: right;
    width: 33.33%; } }

.search .news-latest {
  background: #f0f3f3; }
  .search .news-latest .listing--work:hover .listing__title a {
    color: #6baedb; }
  .search .news-latest .listing--craft:hover .listing__title a {
    color: #97c0b2; }
  .search .news-latest .listing--talent:hover .listing__title a {
    color: #ea997b; }
  .search .news-latest .listing--inspiration:hover .listing__title a {
    color: #a996c0; }
  .search .news-latest .listing--news:hover .listing__title a {
    color: #d1807e; }
  .search .news-latest .listing--insight:hover .listing__title a {
    color: #67809f; }

.search-popup {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 556px;
  background: #ecf7f8;
  padding: 24px 32px 32px;
  -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.07); }
  @media only screen and (min-width: 1024px) {
    .search-popup {
      display: block;
      opacity: 0;
      visibility: hidden;
      -moz-transform: translate(32px, 0);
      -o-transform: translate(32px, 0);
      -ms-transform: translate(32px, 0);
      -webkit-transform: translate(32px, 0);
      transform: translate(32px, 0);
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
      .search-popup.search-popup--on {
        opacity: 1;
        visibility: visible;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }
.search-popup__logged-in {
  display: none; }

.state--source-auth-true .search-popup__logged-out {
  display: none; }

.state--source-auth-true .search-popup__logged-in {
  display: block; }

.search-popup__title {
  position: relative;
  font-family: brother-1816, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.04em;
  color: #232828; }
  .search-popup__title img {
    display: inline-block;
    margin: 0 5px 0 2px;
    width: 86px;
    -moz-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    transform: translate(0, 2px); }

.search-popup__text {
  position: relative;
  margin-top: 6px;
  font-size: 14px;
  line-height: 28px; }

.search-popup .button {
  position: relative;
  margin-top: 12px; }

.search-popup__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 12px;
  font-size: 20px;
  color: #119ba5;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.2s cubic-bezier(0.2, 0.3, 0, 1); }
  .search-popup__close:hover {
    opacity: 1; }

.search .news-load {
  margin-top: 0;
  padding-bottom: 42px;
  background: #f0f3f3; }
  @media only screen and (min-width: 768px) {
    .search .news-load {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .search .news-load {
      padding-bottom: 96px; } }
  .search .news-load .button {
    background: rgba(17, 155, 165, 0.1);
    border-color: #119ba5;
    color: #119ba5; }
    .search .news-load .button:hover {
      background: #119ba5;
      color: #ffffff; }
  .search .news-load .js-search-prev {
    display: none; }

.state--loading-posts .search .news-load .button {
  background: #119ba5;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .search .news-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.search-loader {
  display: none; }

@media only screen and (min-width: 768px) {
  .body--error .post-header__content h1 {
    margin-top: 36px;
    font-size: 50px; } }

@media only screen and (min-width: 768px) {
  .body--error .post-header__content h1 {
    font-size: 70px; } }

@media only screen and (min-width: 1280px) {
  .body--error .post-header__content h1 {
    margin-top: 56px;
    font-size: 90px; } }

.body--error .post-header__content p.error-small {
  margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .body--error .post-header__content p.error-small {
      margin-top: 15px;
      font-size: 17px;
      white-space: pre-line; } }
  @media only screen and (min-width: 1280px) {
    .body--error .post-header__content p.error-small {
      margin-top: 22px;
      font-size: 19px; } }
.error-search {
  position: relative;
  margin-top: 22px; }
  .error-search input {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 3px solid #ecf7f8;
    color: #232828;
    background: transparent;
    padding: 8px 8px 6px 24px;
    font-size: 19px;
    line-height: 27px; }
    @media only screen and (min-width: 768px) {
      .error-search input {
        font-size: 30px;
        line-height: 45px;
        padding: 8px 8px 4px 28px; } }
    .error-search input:focus {
      background: transparent;
      border-bottom-color: #119ba5; }
    .error-search input::-webkit-input-placeholder {
      color: rgba(83, 88, 88, 0.4); }
    .error-search input::-moz-placeholder {
      color: rgba(83, 88, 88, 0.4); }
    .error-search input:-ms-input-placeholder {
      color: rgba(83, 88, 88, 0.4); }
    .error-search input:-moz-placeholder {
      color: rgba(83, 88, 88, 0.4); }
  .error-search .fa-search {
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 15px;
    color: #119ba5; }
    @media only screen and (min-width: 768px) {
      .error-search .fa-search {
        bottom: 18px; } }
.error-posts .grid {
  grid-row-gap: 34px; }
  @media only screen and (min-width: 768px) {
    .error-posts .grid {
      grid-row-gap: 44px; } }
.error-posts__title {
  grid-column: 1 / 3;
  padding-bottom: 32px; }
  @media only screen and (min-width: 768px) {
    .error-posts__title {
      grid-column: 1 / 7; } }
  @media only screen and (min-width: 1024px) {
    .error-posts__title {
      grid-column: 1 / 13; } }
.author-page {
  position: relative;
  float: left;
  clear: both;
  width: 100%; }

.author-header {
  margin-top: 32px; }
  @media only screen and (min-width: 768px) {
    .author-header {
      margin-top: 112px; } }
  @media only screen and (min-width: 1024px) {
    .author-header {
      margin-top: 134px; } }
  .author-header .team-member__image {
    max-width: 160px; }

.author-header__title {
  grid-column: 1 / 3;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .author-header__title {
      grid-column: 1 / 7; }
      .author-header__title br {
        content: ' '; }
        .author-header__title br:after {
          content: ' '; }
      .author-header__title .team-member__twitter {
        margin-left: 20px; } }
  @media only screen and (min-width: 1024px) {
    .author-header__title {
      grid-column: 1 / 13; } }
  .author-header__title h1 {
    margin-top: 16px; }
  .author-header__title h2 {
    font-weight: 350;
    color: #808687; }
  .author-header__title .team-member__bio {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 620px; }
    .author-header__title .team-member__bio .button {
      margin-top: 22px; }

.author-page .news-latest {
  background: #f0f3f3; }
  .author-page .news-latest .listing--work:hover .listing__title a {
    color: #6baedb; }
  .author-page .news-latest .listing--craft:hover .listing__title a {
    color: #97c0b2; }
  .author-page .news-latest .listing--talent:hover .listing__title a {
    color: #ea997b; }
  .author-page .news-latest .listing--inspiration:hover .listing__title a {
    color: #a996c0; }
  .author-page .news-latest .listing--news:hover .listing__title a {
    color: #d1807e; }
  .author-page .news-latest .listing--insight:hover .listing__title a {
    color: #67809f; }

.author-listing {
  margin-top: 0;
  background: #f0f3f3;
  padding-bottom: 36px; }
  @media only screen and (min-width: 768px) {
    .author-listing {
      padding-bottom: 46px; } }
  @media only screen and (min-width: 1280px) {
    .author-listing {
      padding-bottom: 58px; } }
  .author-listing .listing--work:hover .listing__title a {
    color: #6baedb; }
  .author-listing .listing--craft:hover .listing__title a {
    color: #97c0b2; }
  .author-listing .listing--talent:hover .listing__title a {
    color: #ea997b; }
  .author-listing .listing--inspiration:hover .listing__title a {
    color: #a996c0; }
  .author-listing .listing--news:hover .listing__title a {
    color: #d1807e; }
  .author-listing .listing--insight:hover .listing__title a {
    color: #67809f; }
  .author-listing .grid {
    grid-row-gap: 34px; }
    @media only screen and (min-width: 768px) {
      .author-listing .grid {
        grid-row-gap: 44px; } }
    @media only screen and (min-width: 1280px) {
      .author-listing .grid {
        grid-row-gap: 56px; } }
  @media only screen and (min-width: 1024px) {
    .author-listing .grid__item {
      grid-column: span 4; } }
  @media only screen and (min-width: 1280px) {
    .author-listing .listing__title {
      font-size: 32px; } }
.author-listing--more {
  display: none; }

.author-listing--more--on {
  display: block; }

.author-page .news-load {
  margin-top: 0;
  padding-bottom: 42px;
  background: #f0f3f3; }
  @media only screen and (min-width: 768px) {
    .author-page .news-load {
      padding-bottom: 64px; } }
  @media only screen and (min-width: 1024px) {
    .author-page .news-load {
      padding-bottom: 96px; } }
  .author-page .news-load .button {
    background: rgba(17, 155, 165, 0.1);
    border-color: #119ba5;
    color: #119ba5; }
    .author-page .news-load .button:hover {
      background: #119ba5;
      color: #ffffff; }

.state--loading-posts .author-page .news-load .button {
  background: #119ba5;
  color: #ffffff;
  pointer-events: none; }

.state--all-posts-loaded .author-page .news-load .button {
  background: #f0f3f3;
  color: #c3c6c7;
  border-color: #c3c6c7;
  pointer-events: none; }

.body--home.state--animating.state--loading .home-hero {
  opacity: 0; }

.body--home.state--animating.state--loading .home-work {
  opacity: 0; }
  @media only screen and (min-width: 1024px) {
    .body--home.state--animating.state--loading .home-work {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--home.state--animating .home-hero {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--home.state--animating .home-work {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--the-news.state--animating.state--loading .news__title,
.body--the-work.state--animating.state--loading .news__title {
  opacity: 0; }

.body--the-news.state--animating.state--loading .hero-carousel,
.body--the-work.state--animating.state--loading .hero-carousel {
  opacity: 0; }
  @media only screen and (min-width: 1024px) {
    .body--the-news.state--animating.state--loading .hero-carousel,
    .body--the-work.state--animating.state--loading .hero-carousel {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--the-news.state--animating.state--loading .news-latest,
.body--the-work.state--animating.state--loading .news-latest {
  opacity: 0; }
  @media only screen and (min-width: 1024px) {
    .body--the-news.state--animating.state--loading .news-latest,
    .body--the-work.state--animating.state--loading .news-latest {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--the-news.state--animating .news__title,
.body--the-work.state--animating .news__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-news.state--animating .hero-carousel,
.body--the-work.state--animating .hero-carousel {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.4s; }

.body--the-news.state--animating .news-latest,
.body--the-work.state--animating .news-latest {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.8s; }

.body--the-craft.state--animating.state--loading .craft-hero__title {
  opacity: 0; }

.body--the-craft.state--animating.state--loading .craft-hero .grid__item {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-craft.state--animating .craft-hero__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 1024px) {
    .body--the-craft.state--animating .craft-hero__title {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; } }
.body--the-craft.state--animating .craft-hero .grid__item {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }
  @media only screen and (min-width: 1024px) {
    .body--the-craft.state--animating .craft-hero .grid__item {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.6s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.6s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.6s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.6s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.6s; } }
  .body--the-craft.state--animating .craft-hero .grid__item:last-child {
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; }

.body--the-talent.state--animating.state--loading .talent-hero h1 {
  opacity: 0; }

.body--the-talent.state--animating.state--loading .talent-hero__section__wrap {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

@media only screen and (min-width: 1024px) {
  .body--the-talent.state--animating.state--loading .box-listing-carousel {
    opacity: 0;
    -moz-transform: translate(0, 32px);
    -o-transform: translate(0, 32px);
    -ms-transform: translate(0, 32px);
    -webkit-transform: translate(0, 32px);
    transform: translate(0, 32px); }
  .body--the-talent.state--animating.state--loading .talent-hero__section--agency .talent-hero__title .label:after,
  .body--the-talent.state--animating.state--loading .talent-hero__section--production .talent-hero__title .label:after {
    width: 0; } }

.body--the-talent.state--animating .talent-hero h1 {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-talent.state--animating .talent-hero__section__wrap {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

@media only screen and (min-width: 1024px) {
  .body--the-talent.state--animating .talent-hero__section__wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }
  .body--the-talent.state--animating .box-listing-carousel {
    -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
    transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }
  .body--the-talent.state--animating .talent-hero__section--production .talent-hero__section__wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }
    .body--the-talent.state--animating .talent-hero__section--production .talent-hero__section__wrap .box-listing-carousel {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }
  .body--the-talent.state--animating .talent-hero__section--agency .talent-hero__title .label:after,
  .body--the-talent.state--animating .talent-hero__section--production .talent-hero__title .label:after {
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; }
  .body--the-talent.state--animating .talent-hero h1 {
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 1s;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 1s; } }

.body--the-inspiration.state--animating.state--loading .inspiration-hero__background {
  opacity: 0; }

.body--the-inspiration.state--animating.state--loading .inspiration-hero__title {
  opacity: 0; }

.body--the-inspiration.state--animating.state--loading .home-hero__wrap,
.body--the-inspiration.state--animating.state--loading .inspiration-hero__block-wrap {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-inspiration.state--animating .inspiration-hero__background {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-inspiration.state--animating .inspiration-hero__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }
  @media only screen and (min-width: 1024px) {
    .body--the-inspiration.state--animating .inspiration-hero__title {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; } }
.body--the-inspiration.state--animating .home-hero__wrap {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }
  @media only screen and (min-width: 1024px) {
    .body--the-inspiration.state--animating .home-hero__wrap {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; } }
.body--the-inspiration.state--animating .inspiration-hero__block-wrap {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; }
  @media only screen and (min-width: 1024px) {
    .body--the-inspiration.state--animating .inspiration-hero__block-wrap {
      -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1.05s;
      -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1.05s;
      -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1.05s;
      -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1.05s;
      transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1.05s; } }
.body--the-insight.state--animating.state--loading .insight-hero__background {
  opacity: 0; }

.body--the-insight.state--animating.state--loading .craft-hero__title {
  opacity: 0; }

.body--the-insight.state--animating.state--loading .insight-hero__title {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-insight.state--animating.state--loading .insight-hero__open {
  opacity: 0;
  -moz-transform: translate(0, -32px);
  -o-transform: translate(0, -32px);
  -ms-transform: translate(0, -32px);
  -webkit-transform: translate(0, -32px);
  transform: translate(0, -32px); }

.body--the-insight.state--animating.state--loading .insight-hero__close {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-insight.state--animating .insight-hero__background {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-insight.state--animating .craft-hero__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--the-insight.state--animating .insight-hero__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; }

.body--the-insight.state--animating .insight-hero__open {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.75s; }

.body--the-insight.state--animating .insight-hero__close {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 1s; }

.body--the-showcase.state--animating.state--loading .showcase-title {
  opacity: 0; }

.body--the-showcase.state--animating.state--loading .showcase-listing {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-showcase.state--animating .showcase-title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-showcase.state--animating .showcase-listing {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--the-focus.state--animating.state--loading .focus-title {
  opacity: 0; }

.body--the-focus.state--animating.state--loading .focus-listing {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--the-focus.state--animating .focus-title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--the-focus.state--animating .focus-listing {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--post.state--animating.state--loading .post-header--standard,
.body--post.state--animating.state--loading .post-header--text {
  opacity: 0; }

.body--post.state--animating.state--loading .post-header--full .post-header__background {
  opacity: 0; }

.body--post.state--animating.state--loading .post-header--full .post-header__content {
  opacity: 0; }
  @media only screen and (min-width: 768px) {
    .body--post.state--animating.state--loading .post-header--full .post-header__content {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--post.state--animating.state--loading .post-header--split .post-header__background {
  opacity: 0;
  -moz-transform: translate(32px, 0);
  -o-transform: translate(32px, 0);
  -ms-transform: translate(32px, 0);
  -webkit-transform: translate(32px, 0);
  transform: translate(32px, 0); }

.body--post.state--animating.state--loading .post-header--split .post-header__content {
  opacity: 0; }
  @media only screen and (min-width: 768px) {
    .body--post.state--animating.state--loading .post-header--split .post-header__content {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--post.state--animating.state--loading .post-header--image .post-header__image {
  opacity: 0;
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

.body--post.state--animating.state--loading .post-header--image .post-header__content {
  opacity: 0; }
  @media only screen and (min-width: 768px) {
    .body--post.state--animating.state--loading .post-header--image .post-header__content {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--post.state--animating.state--loading .post-video,
.body--post.state--animating.state--loading .post-content {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--post.state--animating .post-header--standard,
.body--post.state--animating .post-header--text {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--post.state--animating .post-header--full .post-header__background,
.body--post.state--animating .post-header--full .post-header__image,
.body--post.state--animating .post-header--split .post-header__background,
.body--post.state--animating .post-header--split .post-header__image,
.body--post.state--animating .post-header--image .post-header__background,
.body--post.state--animating .post-header--image .post-header__image {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--post.state--animating .post-header--full .post-header__content,
.body--post.state--animating .post-header--split .post-header__content,
.body--post.state--animating .post-header--image .post-header__content {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }

.body--post.state--animating .post-video,
.body--post.state--animating .post-content {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--focus-page.state--animating.state--loading .post-header__background {
  opacity: 0; }

.body--focus-page.state--animating.state--loading .post-header__content {
  opacity: 0;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8); }

.body--focus-page.state--animating.state--loading .focus-intro {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--focus-page.state--animating .post-header__background {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--focus-page.state--animating .post-header__content {
  -webkit-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -moz-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -ms-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  -o-transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s;
  transition: all 0.3s cubic-bezier(0.2, 0.3, 0, 1) 0.3s; }

.body--focus-page.state--animating .focus-intro {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--about.state--animating.state--loading .about-hero__title {
  opacity: 0; }
  @media only screen and (min-width: 1024px) {
    .body--about.state--animating.state--loading .about-hero__title {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--about.state--animating.state--loading .about-hero__text {
  opacity: 0; }

.body--about.state--animating.state--loading .team {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--about.state--animating .about-hero__title {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--about.state--animating .about-hero__text {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -moz-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -ms-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -o-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s; }

.body--about.state--animating .team {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -moz-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -ms-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  -o-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.8s;
  transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.8s; }

.body--legal.state--animating.state--loading .post-header {
  opacity: 0; }

.body--legal.state--animating.state--loading .post-content {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--legal.state--animating .post-header {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--legal.state--animating .post-content {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -moz-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -ms-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -o-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s; }

.body--search.state--animating.state--loading .search-header {
  opacity: 0; }

.body--search.state--animating.state--loading .news-latest {
  opacity: 0; }
  @media only screen and (min-width: 1024px) {
    .body--search.state--animating.state--loading .news-latest {
      -moz-transform: translate(0, 32px);
      -o-transform: translate(0, 32px);
      -ms-transform: translate(0, 32px);
      -webkit-transform: translate(0, 32px);
      transform: translate(0, 32px); } }
.body--search.state--animating .search-header {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1); }

.body--search.state--animating .news-latest {
  -webkit-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -moz-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -ms-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  -o-transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s;
  transition: all 0.6s cubic-bezier(0.2, 0.3, 0, 1) 0.45s; }

.body--author.state--animating.state--loading .author-header {
  opacity: 0; }

.body--author.state--animating.state--loading .news-latest {
  opacity: 0;
  -moz-transform: translate(0, 32px);
  -o-transform: translate(0, 32px);
  -ms-transform: translate(0, 32px);
  -webkit-transform: translate(0, 32px);
  transform: translate(0, 32px); }

.body--author.state--animating .author-header {
  -webkit-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1);
  -moz-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1);
  -ms-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1);
  -o-transition: all 1s cubic-bezier(0.2, 0.3, 0, 1);
  transition: all 1s cubic-bezier(0.2, 0.3, 0, 1); }

.body--author.state--animating .news-latest {
  -webkit-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -moz-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -ms-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  -o-transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s;
  transition: all 0.8s cubic-bezier(0.2, 0.3, 0, 1) 0.4s; }