@view-transition { navigation: auto; }
:root { --lutik-band-width: clamp(64px,16vw,160px); --lutik-header-height: 0px; }
html[data-lutik-scroll-preparing] main section { content-visibility:visible!important; }
[data-lutik-ribbon] { position:fixed;z-index:2147483000;left:0;top:var(--lutik-header-height);bottom:0;width:var(--lutik-band-width);pointer-events:none;view-transition-name:lutik-ribbon;background:linear-gradient(90deg,#e6b82f 0 38%,#396aae 38% 69%,#b81d25 69% 100%); }
::view-transition-group(*) { animation-duration:360ms;animation-timing-function:cubic-bezier(.22,.72,.18,1); }
::view-transition-old(root) { animation:lutik-content-out 150ms ease-out both;mix-blend-mode:normal; }
::view-transition-new(root) { animation:lutik-content-in 300ms cubic-bezier(.22,.72,.18,1) both;mix-blend-mode:normal; }
::view-transition-group(lutik-header) { z-index:20;animation-duration:160ms; }
::view-transition-old(lutik-header),::view-transition-new(lutik-header) { animation-duration:160ms; }
::view-transition-group(lutik-cover) { z-index:10;overflow:hidden; }
::view-transition-old(lutik-cover),::view-transition-new(lutik-cover) { height:100%;object-fit:cover;mix-blend-mode:normal;animation-duration:240ms; }
html[data-lutik-transition=bookmark]::view-transition-old(root) { animation:none;opacity:1; }
html[data-lutik-transition=bookmark]::view-transition-new(root) { animation:lutik-reveal 700ms cubic-bezier(.32,0,.2,1) both; }
html[data-lutik-transition=bookmark][data-lutik-direction=back]::view-transition-new(root) { animation-name:lutik-reveal-back; }
::view-transition-group(lutik-ribbon) { z-index:15;top:var(--lutik-header-height)!important;left:0!important;width:var(--lutik-band-width)!important;height:calc(100dvh - var(--lutik-header-height))!important;animation:lutik-band 700ms cubic-bezier(.32,0,.2,1) both; }
html[data-lutik-direction=back]::view-transition-group(lutik-ribbon) { animation-name:lutik-band-back; }
::view-transition-old(lutik-ribbon) { display:none; }
::view-transition-new(lutik-ribbon) { animation:none;opacity:1;height:100%; }
@keyframes lutik-content-out { to { opacity:0; } }
@keyframes lutik-content-in { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@keyframes lutik-reveal { from { clip-path:inset(0 calc(100% + var(--lutik-band-width)/2) 0 0); } to { clip-path:inset(0 calc(var(--lutik-band-width)/-2) 0 0); } }
@keyframes lutik-reveal-back { from { clip-path:inset(0 0 0 calc(100% + var(--lutik-band-width)/2)); } to { clip-path:inset(0 0 0 calc(var(--lutik-band-width)/-2)); } }
@keyframes lutik-band { from { transform:translateX(calc(-1 * var(--lutik-band-width))); } to { transform:translateX(100vw); } }
@keyframes lutik-band-back { from { transform:translateX(100vw); } to { transform:translateX(calc(-1 * var(--lutik-band-width))); } }
@media(prefers-reduced-motion:reduce) {
  @view-transition { navigation:none; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; }
  [data-lutik-ribbon] { display:none; }
}