/* Reference motion: the hero and header travel upward with the document. */
body[data-page="portfolio"] .site-header,
body[data-page="portfolio"] .site-header.is-transition{
  position:absolute;
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%);
}
body[data-page="portfolio"] .site-header.is-collection{
  position:fixed;
  opacity:1;
}
body[data-page="portfolio"] .hero{
  position:relative;
  z-index:0;
}
body[data-page="portfolio"] .collection{
  position:relative;
  z-index:1;
  background:var(--bg);
}
body[data-page="portfolio"][data-early-reveal="true"] .collection-heading > *{
  will-change:opacity,transform,filter;
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection:not(.is-revealed) .collection-heading .eyebrow,
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection:not(.is-revealed) .collection-heading h2,
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection:not(.is-revealed) .collection-heading > p{
  opacity:0;
  transform:translate3d(0,14px,0);
  filter:blur(2px);
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection.is-revealed .collection-heading .eyebrow{
  animation:collection-enter .46s cubic-bezier(.16,1,.3,1) both;
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection.is-revealed .collection-heading h2{
  animation:collection-enter .5s cubic-bezier(.16,1,.3,1) .035s both;
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection.is-revealed .collection-heading > p{
  animation:collection-enter .48s cubic-bezier(.16,1,.3,1) .07s both;
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection:not(.is-revealed) .gallery{
  opacity:0;
  transform:translate3d(0,18px,0);
  pointer-events:none;
}
body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection.is-revealed .gallery{
  animation:collection-gallery-enter .58s cubic-bezier(.16,1,.3,1) .08s both;
}
@keyframes collection-enter{
  from{opacity:0;transform:translate3d(0,14px,0);filter:blur(2px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes collection-gallery-enter{
  from{opacity:0;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="portfolio"][data-early-reveal="true"] .collection-heading > *{will-change:auto}
  body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .collection-heading > *{opacity:1;transform:none;filter:none;animation:none}
  body[data-page="portfolio"][data-early-reveal="true"].portfolio-motion-ready .gallery{opacity:1;transform:none;animation:none;pointer-events:auto}
}