/* ABOUT first-view motion */
.ibya-hero { overflow: hidden; }

.ibya-hero__copy > * {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s ease,
              transform 1.05s cubic-bezier(.22,1,.36,1);
}
.iby-page-ready .ibya-hero__copy > * {
  opacity: 1;
  transform: none;
}
.iby-page-ready .ibya-hero__copy > :nth-child(1) { transition-delay: .2s; }
.iby-page-ready .ibya-hero__copy > :nth-child(2) { transition-delay: .38s; }
.iby-page-ready .ibya-hero__copy > :nth-child(3) { transition-delay: .62s; }

.ibya-hero__visual {
  opacity: 0;
  clip-path: inset(0 0 0 100%);
  transform: scale(1.045);
  transform-origin: center;
  transition: clip-path 1.35s .18s cubic-bezier(.76,0,.24,1),
              opacity .35s .18s ease,
              transform 2.2s .2s cubic-bezier(.22,1,.36,1);
}
.iby-page-ready .ibya-hero__visual {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  transform: scale(1);
}

@media (max-width:800px) {
  .ibya-hero__visual {
    clip-path: inset(100% 0 0 0);
    transition-delay: .65s;
  }
  .iby-page-ready .ibya-hero__visual { clip-path: inset(0); }
}

@media (prefers-reduced-motion:reduce) {
  .ibya-hero__copy > *,
  .ibya-hero__visual {
    opacity:1;
    transform:none;
    clip-path:none;
    transition:none;
  }
}