.page-transition {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: none;
  overflow: hidden;
  background: #000;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}
.page-transition.is-active { display: block; opacity: 1; pointer-events: auto; }
.page-transition.is-exiting { display: block; opacity: 1; transition: opacity 260ms ease; }
.page-transition__rings { position: absolute; inset: 50% auto auto 50%; inline-size: min(92vw,180vh); aspect-ratio: 1; transform: translate(-50%,-50%); }
.page-transition__rings i { position: absolute; inset: 50% auto auto 50%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; transform: translate(-50%,-50%); }
.page-transition__rings i:nth-child(1) { inline-size: 100%; }
.page-transition__rings i:nth-child(2) { inline-size: 76%; }
.page-transition__rings i:nth-child(3) { inline-size: 53%; }
.page-transition__rings i:nth-child(4) { inline-size: 30%; }
.page-transition__brand { position: absolute; inset: 50% auto auto 50%; z-index: 2; font-family: var(--font-mono); font-size: .78rem; font-weight: 800; letter-spacing: .08em; transform: translate(-50%,-50%); }
.page-transition__iris { position: absolute; inset: 0; z-index: 3; inline-size: 100%; block-size: 100%; opacity: 0; }
.page-transition__veil { opacity: 0; }
.page-transition.is-disc .page-transition__rings,
.page-transition.is-disc .page-transition__brand { opacity: 0; transition: opacity 180ms ease; }
.page-transition.is-disc .page-transition__iris { opacity: 1; }
.page-transition.is-cutting { background: transparent; }
.page-transition.is-cutting .page-transition__veil { opacity: 1; }
.page-transition.is-cutting [data-page-disc] { opacity: 0; }
.page-transition.is-finished { display: none; }
html.is-page-entering,
html.is-page-entering body { overflow: hidden; }
html.is-page-entering .content-hero--post .breadcrumbs,
html.is-page-entering .content-hero--post .post-kicker,
html.is-page-entering .content-hero--post h1,
html.is-page-entering .content-hero--post .post-byline { opacity: 0; transform: translate3d(0,28px,0); }
.content-hero--post.is-entered .breadcrumbs,
.content-hero--post.is-entered .post-kicker,
.content-hero--post.is-entered h1,
.content-hero--post.is-entered .post-byline { opacity: 1; transform: none; transition: opacity 700ms cubic-bezier(.2,.8,.2,1), transform 700ms cubic-bezier(.2,.8,.2,1); }
.content-hero--post.is-entered .post-kicker { transition-delay: 70ms; }
.content-hero--post.is-entered h1 { transition-delay: 140ms; }
.content-hero--post.is-entered .post-byline { transition-delay: 220ms; }
@media (prefers-reduced-motion: reduce) {
  .page-transition { transition-duration: 100ms !important; }
  .page-transition__rings { display: none; }
  .content-hero--post.is-entered * { transition: none !important; }
}
.no-js .page-transition { display: none; }