/* Only the introduction and featured work use this entrance rhythm. */
.home-entry-ready [data-home-entry] {
  transition: opacity .65s cubic-bezier(.16,1,.3,1) var(--home-entry-delay,0ms),
              translate .95s cubic-bezier(.16,1,.3,1) var(--home-entry-delay,0ms),
              clip-path 1.1s cubic-bezier(.16,1,.3,1) var(--home-entry-delay,0ms);
}
.home-entry-ready [data-home-entry]:not(.is-home-entered) { opacity: 0; translate: 0 24px; }
.home-entry-ready [data-home-entry].is-home-entered { opacity: 1; translate: none; }
.home-entry-mask { display: block; overflow: clip; padding-block: .08em; margin-block: -.08em; }
.home-entry-line { display: block; }
.home-entry-ready [data-home-entry="heading"]:not(.is-home-entered) { translate: 0 105%; }
.home-entry-ready [data-home-entry="label"]:not(.is-home-entered) { translate: 0 10px; }
.home-entry-ready [data-home-entry="image"]:not(.is-home-entered) { clip-path: inset(12% 0 0); }
.home-entry-ready [data-home-entry="image"].is-home-entered { clip-path: inset(0); }
.home-entry-ready [data-home-entry="rule"] { position: relative; border-top-color: transparent; opacity: 1; translate: none; }
.home-entry-ready [data-home-entry="rule"]:not(.is-home-entered) { opacity: 1; translate: none; }
.home-entry-ready [data-home-entry="rule"]::before {
  content: ''; position: absolute; inset: -1px 0 auto; height: 1px; background: #ffffff80;
  transform: scaleX(0); transform-origin: left;
  transition: transform 1.15s cubic-bezier(.16,1,.3,1);
}
.home-entry-ready [data-home-entry="rule"].is-home-entered::before { transform: scaleX(1); }
@media (max-width: 760px) {
  .home-entry-ready [data-home-entry="reading"]:not(.is-home-entered),
  .home-entry-ready [data-home-entry="image"]:not(.is-home-entered),
  .home-entry-ready [data-home-entry="caption"]:not(.is-home-entered) { translate: 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-entry-ready [data-home-entry].is-home-entered,
  .home-entry-ready [data-home-entry]:not(.is-home-entered) { opacity: 1; translate: none; clip-path: none; transition: none; }
  .home-entry-ready [data-home-entry="rule"]::before { transform: none; transition: none; }
}
@media print {
  .home-entry-ready [data-home-entry].is-home-entered,
  .home-entry-ready [data-home-entry]:not(.is-home-entered) { opacity: 1; translate: none; clip-path: none; transition: none; }
}