/* Motion is decorative: content is always visible without JS or animation support. */
.headline-line{display:block}
.site-header nav,.app-nav{position:relative}
.nav-motion-marker{position:absolute;bottom:0;height:2px;background:var(--red);pointer-events:none}
nav:has(.nav-motion-marker) a::after{display:none!important}
.app-nav .nav-motion-marker{bottom:calc(3px + var(--safe-bottom,0px))}
.motion-toggle .motion-play{display:none}
.motion-toggle[aria-pressed=true] .motion-play{display:block}
.motion-toggle[aria-pressed=true] .motion-pause{display:none}
.motion-toggle:disabled{opacity:.5;cursor:default}
@media(prefers-reduced-motion:no-preference){
 body[data-page=home] .campaign-frame{animation:none}
 body[data-page=home] .supplied-black{animation:jersey-float-front 9s ease-in-out 1.2s infinite}
 body[data-page=home] .supplied-white{animation:jersey-float-back 10s ease-in-out 1.4s infinite}
 .store-products{transition:translate .6s cubic-bezier(.22,1,.36,1)}
 .button .ui-arrow,.store-category .ui-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}
 .button{transition:background-color .2s,color .2s,box-shadow .25s,transform .2s}
 .button:active{transform:scale(.98)}
 .app-nav a{transition:background-color .2s,color .2s}
 dialog[open]{animation:dialog-enter .3s cubic-bezier(.22,1,.36,1)}
 dialog[open]::backdrop{animation:backdrop-enter .25s ease-out}
 .cut-card{transition:translate .35s cubic-bezier(.22,1,.36,1)}
 .cut-photo>img,.category-image{transition:transform .7s cubic-bezier(.22,1,.36,1)}
 @media(hover:hover){
  .button:hover .ui-arrow,.store-category:hover .ui-arrow{transform:translateX(5px)}
  .button:hover{box-shadow:0 5px 16px #00000012}
  .cut-card:hover{translate:0 -4px}
  .cut-card:hover .cut-photo>img{transform:scale(1.055)}
  .store-category:hover .category-image{transform:scale(1.065)}
 }
}
@keyframes jersey-float-front{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes jersey-float-back{0%,100%{translate:0 0}50%{translate:0 8px}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
body.motion-paused .supplied-jersey,body.motion-paused .campaign-frame{animation-play-state:paused!important}
body.motion-disabled *,body.motion-disabled *::before,body.motion-disabled *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.motion-disabled .store-products,body.motion-disabled .supplied-jersey{translate:0 0!important}
body.motion-disabled .cut-card:hover{translate:none}
body.motion-disabled .cut-card:hover .cut-photo>img,body.motion-disabled .store-category:hover .category-image{transform:none}
@media(prefers-reduced-motion:reduce){.store-products,.supplied-jersey{translate:0 0!important;animation:none!important}}
@media(max-width:380px){.site-header .header-actions{gap:7px}.motion-toggle,.theme-toggle{width:34px;height:34px;padding:8px}}