::view-transition-old(.page){animation:var(--dur-ui) var(--ease-out-quint) both vt-out}::view-transition-new(.page){animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-micro) both vt-in}::view-transition-group(.page){animation-duration:0s;animation-delay:var(--dur-micro)}.site-nav{view-transition-name:site-nav}::view-transition-group(site-nav){animation-duration:var(--dur-ui);z-index:var(--z-transition)}::view-transition-old(site-nav){animation:var(--dur-ui) var(--ease-out-quint) both vt-out}::view-transition-new(site-nav){animation:var(--dur-ui) var(--ease-out-quint) both vt-in}::view-transition-old(root){animation:var(--dur-ui) var(--ease-out-quint) both vt-out}::view-transition-new(root){animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-micro) both vt-in}::view-transition-group(.case-field){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-in-out-cubic)}::view-transition-group(.case-name){animation-duration:var(--dur-enter);animation-timing-function:var(--ease-in-out-cubic)}::view-transition-group(.case-field.at-hero){z-index:1}::view-transition-group(.case-name.at-hero){z-index:2}::view-transition-new(.case-field){--vt-reach-x:100vw;--vt-reach-y:100vh;inline-size:calc(100% + var(--vt-reach-x) * 2);block-size:calc(100% + var(--vt-reach-y) * 2);object-fit:none;object-position:center;mix-blend-mode:normal;animation:var(--dur-enter) var(--ease-linear) both vt-field;inset-block-start:calc(var(--vt-reach-y) * -1);inset-inline-start:calc(var(--vt-reach-x) * -1)}::view-transition-new(.case-field.tone-brand){background:var(--gradient-brand)}::view-transition-new(.case-field.tone-sky){background:var(--gradient-sky)}::view-transition-new(.case-field.tone-sand){background:var(--gradient-sand)}::view-transition-new(.case-field.tone-lilac){background:var(--gradient-lilac)}::view-transition-new(.case-field.tone-mint){background:var(--gradient-mint)}::view-transition-new(.case-field.tone-ink){background:var(--surface-inverse)}::view-transition-new(.case-field.tone-plain){background:var(--surface-0)}::view-transition-old(.case-field){z-index:1;mix-blend-mode:normal;animation:var(--dur-ui) var(--ease-out-quint) both vt-out}::view-transition-old(.case-name){mix-blend-mode:normal}::view-transition-new(.case-name){mix-blend-mode:normal}::view-transition-old(.case-name.at-hero){animation:var(--dur-micro) var(--ease-out-quint) both vt-out}::view-transition-new(.case-name.at-hero){animation:var(--dur-ui) var(--ease-out-quint) both vt-in}::view-transition-old(.case-name.at-list){animation:var(--dur-ui) var(--ease-out-quint) var(--dur-page) both vt-out}::view-transition-new(.case-name.at-list){animation:var(--dur-ui) var(--ease-out-quint) var(--dur-page) both vt-in}:root:active-view-transition-type(case-open)::view-transition-old(.page){animation:var(--dur-micro) var(--ease-out-quint) var(--dur-ui) both vt-out}:root:active-view-transition-type(case-open)::view-transition-old(root){animation:var(--dur-micro) var(--ease-out-quint) var(--dur-ui) both vt-out}:root:active-view-transition-type(case-open)::view-transition-group(.page){animation-delay:var(--dur-overlay)}:root:active-view-transition-type(case-open)::view-transition-new(.page){animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-overlay) both vt-in}:root:active-view-transition-type(case-open)::view-transition-new(root){animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-overlay) both vt-in}::view-transition-old(.case-field):only-child{animation:var(--dur-ui) var(--ease-out-quint) both vt-out}::view-transition-old(.case-name):only-child{animation:var(--dur-ui) var(--ease-out-quint) both vt-out}:root:active-view-transition-type(case-open)::view-transition-old(.case-field):only-child{animation:var(--dur-micro) var(--ease-out-quint) var(--dur-ui) both vt-out}:root:active-view-transition-type(case-open)::view-transition-old(.case-name):only-child{animation:var(--dur-micro) var(--ease-out-quint) var(--dur-ui) both vt-out}::view-transition-new(.case-field):only-child{block-size:auto;inline-size:100%;animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-micro) both vt-in;background:0 0;inset-block-start:0;inset-inline-start:0}::view-transition-new(.case-name):only-child{animation:var(--dur-overlay) var(--ease-out-quint) var(--dur-micro) both vt-in}.case-return{display:none}.case-return[data-fold]{z-index:9;aspect-ratio:3/2;pointer-events:none;animation:var(--dur-page) var(--ease-out-quint) var(--dur-micro) both vt-fold, var(--dur-overlay) var(--ease-out-quint) var(--dur-page) both vt-out;display:block;position:absolute;inset-block-start:0;inset-inline:0}.case-return[data-fold]:before{content:"";position:absolute;inset:-100vh -100vw}.case-return.tone-brand:before{background:var(--gradient-brand)}.case-return.tone-sky:before{background:var(--gradient-sky)}.case-return.tone-sand:before{background:var(--gradient-sand)}.case-return.tone-lilac:before{background:var(--gradient-lilac)}.case-return.tone-mint:before{background:var(--gradient-mint)}.case-return.tone-ink:before{background:var(--surface-inverse)}.case-return.tone-plain:before{background:var(--surface-0)}@keyframes vt-fold{0%{clip-path:inset(-100vh -100vw)}to{clip-path:inset(0)}}@keyframes vt-field{0%{clip-path:inset(var(--vt-reach-y) var(--vt-reach-x));animation-timing-function:var(--ease-in-out-cubic)}50%{clip-path:inset(0);animation-timing-function:var(--ease-out-quint)}to{clip-path:inset(var(--vt-reach-y) var(--vt-reach-x))}}@keyframes vt-out{0%{opacity:1}to{opacity:0}}@keyframes vt-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.case-return[data-fold]{display:none}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}