@charset "UTF-8";

/* =====================================================
  REVEAL
  quiet / minimal / structural
===================================================== */

/* ベース */
.js-reveal{
  opacity:1;
}

/* 初期状態 */
.reveal-item{
  opacity:0;
  transform:translate3d(0, 16px, 0);
  filter:blur(1.5px);

  transition:
    opacity .88s cubic-bezier(.22,.61,.36,1),
    transform .88s cubic-bezier(.22,.61,.36,1),
    filter .88s cubic-bezier(.22,.61,.36,1);

  will-change:opacity, transform, filter;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* 表示状態 */
.js-reveal.is-revealed .reveal-item,
.reveal-item.is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0);
  filter:blur(0);
}

/* =====================================================
  STAGGER
===================================================== */
.js-reveal .reveal-item:nth-child(1){ transition-delay:.04s; }
.js-reveal .reveal-item:nth-child(2){ transition-delay:.10s; }
.js-reveal .reveal-item:nth-child(3){ transition-delay:.16s; }
.js-reveal .reveal-item:nth-child(4){ transition-delay:.22s; }
.js-reveal .reveal-item:nth-child(5){ transition-delay:.28s; }
.js-reveal .reveal-item:nth-child(6){ transition-delay:.34s; }
.js-reveal .reveal-item:nth-child(7){ transition-delay:.40s; }
.js-reveal .reveal-item:nth-child(8){ transition-delay:.46s; }

/* =====================================================
  TEXT
===================================================== */
.bar-intro .reveal-item,
.bar-info .reveal-item,
.bar-nav .reveal-item,
.bar-gallery-bottom__head .reveal-item{
  transform:translate3d(0, 12px, 0);
  filter:blur(1px);
}

/* =====================================================
  IMAGE
===================================================== */
.bar-info__img.reveal-item,
.bar-map.reveal-item,
.bar-gallery-bottom__grid .reveal-item{
  opacity:0;
  transform:translate3d(0, 18px, 0) scale(.988);
  filter:blur(2px);

  transition:
    opacity .95s cubic-bezier(.22,.61,.36,1),
    transform .95s cubic-bezier(.22,.61,.36,1),
    filter .95s cubic-bezier(.22,.61,.36,1);
}

.js-reveal.is-revealed .bar-info__img.reveal-item,
.js-reveal.is-revealed .bar-map.reveal-item,
.js-reveal.is-revealed .bar-gallery-bottom__grid .reveal-item,
.bar-info__img.reveal-item.is-visible,
.bar-map.reveal-item.is-visible,
.bar-gallery-bottom__grid .reveal-item.is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
  filter:blur(0);
}

/* =====================================================
  GRID / BLOCK
===================================================== */
.bar-intro__grid.reveal-item,
.bar-info__grid.reveal-item,
.bar-nav-link.reveal-item{
  transform:translate3d(0, 18px, 0);
  filter:blur(1px);
}

/* =====================================================
  HERO FIRST VIEW
===================================================== */
.bar-intro.js-reveal .bar-intro__date.reveal-item{ transition-delay:.02s; }
.bar-intro.js-reveal .bar-intro__eyebrow.reveal-item{ transition-delay:.08s; }
.bar-intro.js-reveal .bar-intro__title.reveal-item{ transition-delay:.16s; }
.bar-intro.js-reveal .bar-intro__lead .reveal-item:nth-child(1){ transition-delay:.26s; }
.bar-intro.js-reveal .bar-intro__lead .reveal-item:nth-child(2){ transition-delay:.34s; }
.bar-intro.js-reveal .bar-intro__lead .reveal-item:nth-child(3){ transition-delay:.42s; }
.bar-intro.js-reveal .bar-intro__lead .reveal-item:nth-child(4){ transition-delay:.50s; }
.bar-intro.js-reveal .bar-intro__media.reveal-item,
.bar-intro.js-reveal .bar-intro__right.reveal-item{
  transition-delay:.22s;
}

/* =====================================================
  MOBILE
===================================================== */
@media (max-width:768px){

  .reveal-item{
    transform:translate3d(0, 12px, 0);
    filter:blur(1px);

    transition:
      opacity .76s cubic-bezier(.22,.61,.36,1),
      transform .76s cubic-bezier(.22,.61,.36,1),
      filter .76s cubic-bezier(.22,.61,.36,1);
  }

  .bar-info__img.reveal-item,
  .bar-map.reveal-item,
  .bar-gallery-bottom__grid .reveal-item{
    transform:translate3d(0, 14px, 0) scale(.992);
    filter:blur(1.5px);
  }

  .js-reveal .reveal-item:nth-child(1){ transition-delay:.03s; }
  .js-reveal .reveal-item:nth-child(2){ transition-delay:.08s; }
  .js-reveal .reveal-item:nth-child(3){ transition-delay:.13s; }
  .js-reveal .reveal-item:nth-child(4){ transition-delay:.18s; }
  .js-reveal .reveal-item:nth-child(5){ transition-delay:.23s; }
  .js-reveal .reveal-item:nth-child(6){ transition-delay:.28s; }
}

/* =====================================================
  REDUCED MOTION
===================================================== */
@media (prefers-reduced-motion: reduce){

  .reveal-item{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
}