:root{--intro-ease:ease-out;--intro-leave:.18s;--intro-rest-delay:1.2s;--intro-rest-delay-visual:1.5s;--intro-rest-duration:.3s;--intro-rest:var(--intro-rest-delay)}:root:has(main :is([data-intro=visual],[data-intro=backdrop])){--intro-rest:var(--intro-rest-delay-visual)}html[data-leaving] .page-wrapper>:is(main,footer){opacity:0;transition:opacity var(--intro-leave)ease-in,translate var(--intro-leave)ease-in;translate:0 -8px}[data-intro]{--intro-duration:.525s;--intro-rise:14px;--intro-blur:12px}[data-intro=badge]{--intro-delay:0s}[data-intro=title]{--intro-delay:.2s}[data-intro=lead]{--intro-delay:.39s}[data-intro=actions]{--intro-delay:.72s}[data-intro=visual],[data-intro=backdrop]{--intro-delay:1.2s;--intro-duration:.6s;--intro-rise:16px;--intro-blur:6px}html[data-entering] [data-intro]{animation:intro-rise var(--intro-duration)var(--intro-ease)var(--intro-delay)both;will-change:translate,opacity}html[data-entering] [data-intro=backdrop]{animation-name:intro-fade}html[data-entering] main [data-pattern=P02]~*,html[data-entering] .page-wrapper>footer{animation:intro-after var(--intro-rest-duration)ease-out var(--intro-rest)both}html[data-entering] main [data-pattern=P02]{animation:intro-rule var(--intro-rest-duration)ease-out var(--intro-rest)both}html[data-entering] :is([data-intro=visual],[data-intro=backdrop]) *{animation-play-state:paused}@keyframes intro-rise{0%{opacity:0;translate:0 var(--intro-rise);filter:blur(var(--intro-blur))}to{opacity:1;filter:none;translate:0}}@keyframes intro-fade{0%{opacity:0;filter:blur(var(--intro-blur))}to{opacity:1;filter:none}}@keyframes intro-after{0%{opacity:0}}@keyframes intro-rule{0%{border-bottom-color:#0000}}@media (prefers-reduced-motion:reduce){html[data-leaving] .page-wrapper>:is(main,footer){opacity:1;transition:none;translate:none}html[data-entering] [data-intro],html[data-entering] main [data-pattern=P02],html[data-entering] main [data-pattern=P02]~*,html[data-entering] .page-wrapper>footer{animation:none}}
