/* Shared 500/18/.9 spring; no lateral page movement. */
@view-transition{navigation:auto;types:frogku-page}
.header{view-transition-name:frogku-header}
:root::view-transition{pointer-events:none}
:root:active-view-transition-type(frogku-page)::view-transition-group(root){animation:none}
:root:active-view-transition-type(frogku-page)::view-transition-image-pair(root){isolation:isolate}
:root:active-view-transition-type(frogku-page)::view-transition-old(root){animation:frogku-page-out 160ms linear both;mix-blend-mode:normal}
:root:active-view-transition-type(frogku-page)::view-transition-new(root){animation:frogku-page-in 800ms linear both;mix-blend-mode:normal;transform-origin:center center}
:root:active-view-transition-type(frogku-page)::view-transition-group(frogku-header){animation:none;z-index:2}
:root:active-view-transition-type(frogku-page)::view-transition-old(frogku-header){animation:none;opacity:0}
:root:active-view-transition-type(frogku-page)::view-transition-new(frogku-header){animation:none;opacity:1}
@keyframes frogku-page-out{from{opacity:1}to{opacity:0}}
@keyframes frogku-page-in{0.000000%{opacity:0.000000;transform:scale(0.985000000)}2.083333%{opacity:0.104167;transform:scale(0.986025858)}4.166667%{opacity:0.208333;transform:scale(0.988571401)}6.250000%{opacity:0.312500;transform:scale(0.991876046)}8.333333%{opacity:0.416667;transform:scale(0.995296464)}10.416667%{opacity:0.520833;transform:scale(0.998356689)}12.500000%{opacity:0.625000;transform:scale(1.000762342)}14.583333%{opacity:0.729167;transform:scale(1.002387299)}16.666667%{opacity:0.833333;transform:scale(1.003242335)}18.750000%{opacity:0.937500;transform:scale(1.003434919)}20.833333%{opacity:1.000000;transform:scale(1.003127885)}22.916667%{opacity:1.000000;transform:scale(1.002502638)}25.000000%{opacity:1.000000;transform:scale(1.001730388)}27.083333%{opacity:1.000000;transform:scale(1.000952859)}29.166667%{opacity:1.000000;transform:scale(1.000272283)}31.250000%{opacity:1.000000;transform:scale(0.999749352)}33.333333%{opacity:1.000000;transform:scale(0.999407129)}35.416667%{opacity:1.000000;transform:scale(0.999238728)}37.500000%{opacity:1.000000;transform:scale(0.999216694)}39.583333%{opacity:1.000000;transform:scale(0.999302390)}41.666667%{opacity:1.000000;transform:scale(0.999454176)}43.750000%{opacity:1.000000;transform:scale(0.999633652)}45.833333%{opacity:1.000000;transform:scale(0.999809716)}47.916667%{opacity:1.000000;transform:scale(0.999960525)}50.000000%{opacity:1.000000;transform:scale(1.000073698)}52.083333%{opacity:1.000000;transform:scale(1.000145242)}54.166667%{opacity:1.000000;transform:scale(1.000177688)}56.250000%{opacity:1.000000;transform:scale(1.000177916)}58.333333%{opacity:1.000000;transform:scale(1.000155028)}60.416667%{opacity:1.000000;transform:scale(1.000118543)}62.500000%{opacity:1.000000;transform:scale(1.000077042)}64.583333%{opacity:1.000000;transform:scale(1.000037323)}66.666667%{opacity:1.000000;transform:scale(1.000004028)}68.750000%{opacity:1.000000;transform:scale(0.999979649)}70.833333%{opacity:1.000000;transform:scale(0.999964818)}72.916667%{opacity:1.000000;transform:scale(0.999958749)}75.000000%{opacity:1.000000;transform:scale(0.999959745)}77.083333%{opacity:1.000000;transform:scale(0.999965674)}79.166667%{opacity:1.000000;transform:scale(0.999974369)}81.250000%{opacity:1.000000;transform:scale(0.999983921)}83.333333%{opacity:1.000000;transform:scale(0.999992848)}85.416667%{opacity:1.000000;transform:scale(1.000000171)}87.500000%{opacity:1.000000;transform:scale(1.000005396)}89.583333%{opacity:1.000000;transform:scale(1.000008441)}91.666667%{opacity:1.000000;transform:scale(1.000009529)}93.750000%{opacity:1.000000;transform:scale(1.000009074)}95.833333%{opacity:1.000000;transform:scale(1.000007573)}97.916667%{opacity:1.000000;transform:scale(1.000005516)}100.000000%{opacity:1.000000;transform:scale(1.000000000)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

@media (prefers-reduced-motion: no-preference) {
  .desktop-nav a { transition: opacity 180ms var(--ui-ease); }
  .desktop-nav a:active { opacity: .68; }
}