.reel-track{display:contents}
@property --reel-top{syntax:"<length>";inherits:false;initial-value:0px}
@property --reel-bottom{syntax:"<length>";inherits:false;initial-value:0px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.brand-sign{display:block;position:relative;transform-origin:47% 36%;animation:sign-sway 7.6s ease-in-out infinite;will-change:transform}
.brand-sign>img{width:100%;height:auto;aspect-ratio:555/178;pointer-events:none}
.brand-sign>.neon-two{position:absolute;inset:0;width:100%;height:100%;will-change:opacity,filter}
.brand{width:400px;max-width:90vw;margin:0 auto}.masthead{padding:10px 24px 20px}.brand img{aspect-ratio:555/178}
@keyframes sign-sway{0%,100%{transform:rotate(-.9deg) scale(.99);filter:brightness(.94)}50%{transform:rotate(.9deg) scale(1.012);filter:brightness(1.14)}}
.fish-brand{position:absolute;left:16px;top:8px;width:168px;height:auto;z-index:6;background:transparent}
.seq-art>.seq-brand{mix-blend-mode:screen;width:calc(224px*var(--art-scale,1));left:calc(50% - 174px*var(--art-scale,1));top:calc(50% - 160px*var(--art-scale,1));background:transparent;z-index:6}
.assistant{--card-tilt:.45deg;transform-origin:50% 50%;animation:card-sway 8.6s ease-in-out infinite;transition:scale .3s ease,border-color .22s,box-shadow .22s}
.assistant:nth-child(2){animation-duration:9.3s;animation-delay:-3.2s}.assistant:nth-child(3){animation-duration:8.1s;animation-delay:-5.4s}.assistant:nth-child(4){animation-duration:9.7s;animation-delay:-1.8s}.assistant:nth-child(5){animation-duration:8.9s;animation-delay:-4.5s}
@keyframes card-sway{0%,100%{rotate:calc(-1*var(--card-tilt))}50%{rotate:var(--card-tilt)}}
@media(min-width:651px) and (hover:hover){.assistant:has(a):is(:hover,:focus-within){scale:1.025;z-index:2}}
@media(max-width:650px) and (min-height:441px){
 .masthead{padding:2px 15px 10px}.brand{width:clamp(296px,52dvh,340px);max-width:94vw}
 .assistants.has-pager{display:block;position:relative;padding:0;overflow:hidden;scroll-snap-type:none;touch-action:pan-x pinch-zoom;isolation:isolate;--reel-top:0px;--reel-bottom:0px;mask-image:linear-gradient(to bottom,transparent,#000 var(--reel-top),#000 calc(100% - var(--reel-bottom)),transparent);transition:--reel-top .14s,--reel-bottom .14s}
 .assistants.has-pager.is-moving[data-edge-active="true"][data-motion-direction="up"]{--reel-top:18px}
 .assistants.has-pager.is-moving[data-edge-active="true"][data-motion-direction="down"]{--reel-bottom:18px}
 .assistants.has-pager.is-idle{animation:reel-edge-hint 3.8s ease-in-out infinite}
 .has-pager .reel-track{display:block;position:absolute;inset:0;will-change:transform}
 .has-pager .assistant,.has-pager .assistant:nth-child(4),.has-pager .assistant:nth-child(5){position:absolute;left:15px;right:15px;top:3px;width:auto;height:calc(100% - 6px);margin:0;transform:translateY(calc(var(--slot,0)*(100% + 14px)));transition:none;scroll-snap-align:none;scroll-snap-stop:normal}
 .has-pager .assistant:has(a):hover{transform:translateY(calc(var(--slot,0)*(100% + 14px)))}
 .has-pager .assistant{--card-tilt:.25deg;animation-duration:10.2s}
 .has-pager .art{min-height:0}.has-pager .card-copy{padding-block:clamp(10px,2dvh,17px)}
 .has-pager .art,.has-pager .art img{user-select:none;-webkit-user-drag:none}
 .has-pager.is-idle .reel-track{animation:reel-hint 3.8s ease-in-out infinite}
 .mobile-pagination .direction-arrow{display:inline-block;animation:arrow-hint 2.8s ease-in-out infinite}
 #previous-assistant .direction-arrow{--hint-direction:-1}#next-assistant .direction-arrow{--hint-direction:1}
 @keyframes reel-hint{0%,48%,100%{translate:0 0}12%{translate:0 -8px}24%{translate:0 0}36%{translate:0 8px}}
 @keyframes reel-edge-hint{0%,24%,48%,100%{--reel-top:0px;--reel-bottom:0px}12%{--reel-top:18px;--reel-bottom:0px}36%{--reel-top:0px;--reel-bottom:18px}}
 @keyframes arrow-hint{0%,30%,75%,100%{translate:0 0}46%{translate:0 calc(4px*var(--hint-direction))}60%{translate:0 0}}
}
@media(max-width:360px) and (min-height:441px){.has-pager .assistant,.has-pager .assistant:nth-child(4),.has-pager .assistant:nth-child(5){left:12px;right:12px}.assistants.has-pager:before,.assistants.has-pager:after{left:12px;right:12px}.masthead{padding:1px 10px 8px}}
@media(max-width:650px) and (max-height:440px){.brand{width:240px}.brand-sign{animation:none}}
@media(prefers-reduced-motion:reduce){.assistant,.brand-sign,.assistants.has-pager,.assistants.has-pager:before,.assistants.has-pager:after,.has-pager.is-idle .reel-track,.mobile-pagination .direction-arrow{animation:none!important;will-change:auto}}
