/* v2.2.1: reliable loading exits, random directional exit, and mobile refinements. */
.site-intro--exit-wipe,
.site-intro--exit-wipe-right,
.site-intro--exit-center-wipe {
  clip-path: inset(0 0 0 0);
}

.site-intro--exit-iris {
  clip-path: circle(150% at 50% 50%);
}

.site-intro.site-intro--exit-drop.is-leaving {
  transform: translate3d(0, 100%, 0);
  opacity: 1;
  visibility: visible;
  transition: transform 680ms cubic-bezier(.7, 0, .3, 1);
}

.site-intro.site-intro--exit-fade-up.is-leaving {
  transform: translate3d(0, -48px, 0);
  opacity: 0;
  visibility: visible;
  transition: opacity 620ms ease, transform 620ms ease;
}

.site-intro--exit-shutter {
  clip-path: inset(0 0 0 0);
}

.site-intro.site-intro--exit-shutter.is-leaving {
  clip-path: inset(0 50% 0 50%);
  opacity: 1;
  visibility: visible;
  transition: clip-path 680ms cubic-bezier(.7, 0, .3, 1);
}

.site-intro--exit-diagonal {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.site-intro.site-intro--exit-diagonal.is-leaving {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  opacity: 1;
  visibility: visible;
  transition: clip-path 680ms cubic-bezier(.7, 0, .3, 1);
}

.site-intro.site-intro--exit-dissolve.is-leaving {
  opacity: 0;
  filter: blur(20px);
  visibility: visible;
  transition: opacity 660ms ease, filter 660ms ease;
}

@media (max-width: 767px) {
  .brand-hero__washi {
    object-position: center center;
    filter: brightness(1.42) contrast(1.08);
  }

  .brand-hero__slide--brand .brand-hero__shade {
    background: rgba(3, 5, 3, .03);
  }

  .contact-band__inner > p:not(.section-label) {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8;
  }
}