.page-transition{position:fixed;z-index:1000;inset:0;overflow:hidden;pointer-events:none;visibility:hidden}[data-page-transition-phase] .page-transition{visibility:visible}.page-transition__backdrop,.page-transition__birdman-logo,.page-transition__random-cover{position:absolute;display:block}.page-transition__backdrop{inset:0;background:var(--red)}.page-transition__birdman-logo{top:50%;left:50%;display:grid;width:5rem;aspect-ratio:1;place-items:center;background:var(--yellow)}.page-transition__birdman-logo img{width:76%;height:auto}.page-transition__random-cover{top:50%;left:50%;width:min(68vw,68vh);aspect-ratio:1;border:2px solid var(--paper);background:var(--paper-deep);box-shadow:12px 12px 0 var(--red)}.page-transition__random-cover img{width:100%;height:100%;object-fit:cover}[data-page-transition-name=red-curtain] .page-transition__backdrop{background:var(--red)}[data-page-transition-name=red-curtain][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-curtain-in 220ms cubic-bezier(.72,0,.28,1)both}[data-page-transition-name=red-curtain][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-curtain-out 220ms cubic-bezier(.72,0,.28,1)both}[data-page-transition-name=paper-slide] .page-transition__backdrop{background:var(--paper-deep)}[data-page-transition-name=paper-slide][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-slide-in 210ms cubic-bezier(.7,0,.3,1)both}[data-page-transition-name=paper-slide][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-slide-out 210ms cubic-bezier(.7,0,.3,1)both}[data-page-transition-name=yellow-flash] .page-transition__backdrop{background:var(--yellow)}[data-page-transition-name=yellow-flash][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-flash-in 150ms ease-out both}[data-page-transition-name=yellow-flash][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-flash-out 150ms ease-in both}[data-page-transition-name=birdman-logo] .page-transition__backdrop{display:none}[data-page-transition-name=birdman-logo][data-page-transition-phase=exit] .page-transition__birdman-logo{animation:dr-cover-in 230ms cubic-bezier(.7,0,.2,1)both}[data-page-transition-name=birdman-logo][data-page-transition-phase=enter] .page-transition__birdman-logo{animation:dr-cover-out 230ms cubic-bezier(.7,0,.2,1)both}[data-page-transition-name=vinyl-iris] .page-transition__backdrop{background:radial-gradient( circle at 84% 18%,var(--yellow) 0 2.2vmin,var(--ink) 2.3vmin 4vmin,var(--red) 4.1vmin 100% )}[data-page-transition-name=vinyl-iris][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-iris-in 230ms cubic-bezier(.7,0,.2,1)both}[data-page-transition-name=vinyl-iris][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-iris-out 230ms cubic-bezier(.7,0,.2,1)both}[data-page-transition-name=zine-tear] .page-transition__backdrop{inset:-15%;background:var(--yellow)}[data-page-transition-name=zine-tear][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-tear-in 220ms steps(4,end)both}[data-page-transition-name=zine-tear][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-tear-out 220ms steps(4,end)both}[data-page-transition-name=random-cover] .page-transition__backdrop{background:var(--ink)}[data-page-transition-name=random-cover][data-page-transition-phase=exit] .page-transition__backdrop{animation:dr-flash-in 180ms ease-out both}[data-page-transition-name=random-cover][data-page-transition-phase=exit] .page-transition__random-cover{animation:dr-random-cover-in 280ms cubic-bezier(.6,0,.2,1)both}[data-page-transition-name=random-cover][data-page-transition-phase=enter] .page-transition__backdrop{animation:dr-flash-out 280ms ease-in both}[data-page-transition-name=random-cover][data-page-transition-phase=enter] .page-transition__random-cover{animation:dr-random-cover-out 280ms cubic-bezier(.6,0,.2,1)both}[data-page-transition-name]:not([data-page-transition-name=birdman-logo]) .page-transition__birdman-logo,[data-page-transition-name]:not([data-page-transition-name=random-cover]) .page-transition__random-cover{display:none}@keyframes dr-curtain-in{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes dr-curtain-out{from{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes dr-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes dr-slide-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes dr-flash-in{from{opacity:0}to{opacity:1}}@keyframes dr-flash-out{from{opacity:1}to{opacity:0}}@keyframes dr-cover-in{from{transform:translate(-50%,-50%)rotate(-8deg)scale(0)}to{transform:translate(-50%,-50%)rotate(2deg)scale(40)}}@keyframes dr-cover-out{from{transform:translate(-50%,-50%)rotate(2deg)scale(40)}to{transform:translate(-50%,-50%)rotate(8deg)scale(0)}}@keyframes dr-iris-in{from{clip-path:circle(0 at 84% 18%)}to{clip-path:circle(145vmax at 84% 18%)}}@keyframes dr-iris-out{from{clip-path:circle(145vmax at 84% 18%)}to{clip-path:circle(0 at 84% 18%)}}@keyframes dr-tear-in{from{transform:translateX(-120%)skewX(-9deg)}to{transform:translateX(0)skewX(-9deg)}}@keyframes dr-tear-out{from{transform:translateX(0)skewX(9deg)}to{transform:translateX(120%)skewX(9deg)}}@keyframes dr-random-cover-in{from{opacity:0;transform:translate(-50%,-50%)rotate(-9deg)scale(.55)}to{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}}@keyframes dr-random-cover-out{from{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(7deg)scale(1.12)}}@media(prefers-reduced-motion:reduce){.page-transition{display:none}}.page-transition-tester{border-top:1px solid var(--ink);background:var(--yellow)}.page-transition-tester__inner{display:grid;grid-template-columns:minmax(0,1fr)minmax(320px,.9fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;padding-block:clamp(1.5rem,4vw,3rem)}.page-transition-tester__eyebrow{display:inline-block;margin-bottom:.45rem;padding:.18rem .45rem;background:var(--red);color:#fff;font-size:.72rem;letter-spacing:.08em}.page-transition-tester h2{max-width:12ch;margin:0;font:clamp(2.2rem,5vw,4.8rem)/.9 Impact,Haettenschweiler,arial narrow bold,sans-serif}.page-transition-tester__form{display:grid;grid-template-columns:1fr auto;gap:.5rem}.page-transition-tester__form label{grid-column:1/-1;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.page-transition-tester__form select,.page-transition-tester__form button{min-height:3.25rem;border:1px solid var(--ink);border-radius:0;font:inherit;font-weight:800}.page-transition-tester__form select{min-width:0;padding-inline:.8rem;background:var(--paper);color:var(--ink)}.page-transition-tester__form button{padding-inline:1.2rem;background:var(--ink);color:var(--paper);cursor:pointer}.page-transition-tester__form button:hover,.page-transition-tester__form button:focus-visible{background:var(--red)}@media(max-width:700px){.page-transition-tester__inner{grid-template-columns:1fr}.page-transition-tester__form{grid-template-columns:1fr}.page-transition-tester__form label{grid-column:auto}}