.trout-upcoming__card--lazy-day .trout-upcoming__lazy-art{overflow:hidden;background:#536440}
.trout-upcoming__card--lazy-day .trout-upcoming__lazy-art::before{z-index:11}


.trout-upcoming__lazy-art .ht-scene{position:relative;width:100%;aspect-ratio:3/2;margin:auto;isolation:isolate;overflow:hidden;container-type:inline-size;background:#536744}
.trout-upcoming__lazy-art .ht-background{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
.trout-upcoming__lazy-art .ht-heading{position:absolute;z-index:8;left:9%;right:9%;top:1.5%;display:flex;align-items:center;flex-direction:column;font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-weight:900;line-height:.94;text-align:center;transform-origin:50% 85%;animation:ht-heading-sway 8s ease-in-out infinite;filter:drop-shadow(0 3px 1px #314b27)}
.trout-upcoming__lazy-art .ht-heading span{display:block;paint-order:stroke fill;letter-spacing:-.045em;-webkit-text-stroke:clamp(2px,.75cqw,5px) #2b4c27}
.trout-upcoming__lazy-art .ht-day{font-size:9.4cqw;color:#fff5ce}
.trout-upcoming__lazy-art .ht-lazy{font-size:10.7cqw;color:#ffd052}
.trout-upcoming__lazy-art .ht-host{font-size:5.8cqw;color:#fff8d7;line-height:1.14;white-space:nowrap}
.trout-upcoming__lazy-art .ht-player{position:absolute;bottom:1%;width:37%;aspect-ratio:1;transform-origin:50% 95%;filter:drop-shadow(0 5px 3px #25351d66);will-change:transform}
.trout-upcoming__lazy-art .ht-player img{width:100%;height:100%;object-fit:contain;display:block}
.trout-upcoming__lazy-art .ht-one{left:-4%;z-index:4;animation:ht-lounge 8s ease-in-out infinite}
.trout-upcoming__lazy-art .ht-two{left:18%;bottom:9%;width:34%;z-index:2;animation:ht-ready 8s ease-in-out infinite;animation-delay:-.12s}
.trout-upcoming__lazy-art .ht-three{left:66%;width:34%;z-index:5;animation:ht-ready 8s ease-in-out infinite;animation-delay:.18s}
.trout-upcoming__lazy-art .ht-judge{left:39%;width:38%;bottom:0;z-index:6;animation:ht-referee 8s ease-in-out infinite}
.trout-upcoming__lazy-art .ht-snooze{position:absolute;left:9%;top:41%;z-index:7;display:flex;align-items:flex-start;gap:3px;color:#fff9da;font:bold 5cqw "Comic Sans MS",sans-serif;text-shadow:0 2px 3px #274326;animation:ht-sleep 8s ease-in-out infinite}
.trout-upcoming__lazy-art .ht-snooze span{font-size:.7em;transform:translateY(-8px)}
.trout-upcoming__lazy-art .ht-snooze small{font-size:.5em;transform:translateY(-13px)}
.trout-upcoming__lazy-art .ht-signal{position:absolute;left:72%;top:43%;z-index:9;color:#30451e;background:#fff4cf;border:2px solid #65753d;border-radius:50% 50% 50% 0;padding:2% 3%;font:900 4.5cqw "Comic Sans MS",sans-serif;transform-origin:0 100%;animation:ht-signal 8s ease-in-out infinite}
.trout-upcoming__lazy-art .ht-leaf{position:absolute;z-index:10;left:5%;top:5%;font-size:4cqw;pointer-events:none;animation:ht-leaf 10s linear infinite}
.trout-upcoming__lazy-art .ht-leaf-b{left:90%;animation-delay:-6s;animation-duration:13s;font-size:3cqw}
.trout-upcoming__lazy-art[data-paused="true"] *{animation-play-state:paused!important}
@keyframes ht-heading-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes ht-lounge{0%,45%,100%{transform:rotate(-2deg) translateY(0)}25%{transform:rotate(1deg) translateY(-1%)}60%,70%{transform:rotate(-5deg) translateY(-3%)}80%{transform:rotate(1deg)}}
@keyframes ht-ready{0%,45%,100%{transform:rotate(1deg)}23%{transform:rotate(-1deg)}60%{transform:rotate(-4deg) translateY(-3%)}66%{transform:rotate(2deg) translateY(-1%)}74%{transform:rotate(-2deg)}}
@keyframes ht-referee{0%,38%,100%{transform:rotate(-1deg)}48%{transform:rotate(2deg) translateY(-1%)}55%,64%{transform:rotate(-2deg) translateY(-3%)}76%{transform:rotate(1deg)}}
@keyframes ht-sleep{0%{opacity:0;transform:translateY(6px) scale(.7)}15%,38%{opacity:.9}49%,100%{opacity:0;transform:translateY(-22px) scale(1.15)}}
@keyframes ht-signal{0%,47%,78%,100%{opacity:0;transform:scale(.5) rotate(-8deg)}52%,70%{opacity:1;transform:scale(1) rotate(5deg)}60%{transform:scale(1.08) rotate(-4deg)}}
@keyframes ht-leaf{0%{opacity:0;transform:translate(0,-20px) rotate(0)}8%,80%{opacity:.9}100%{opacity:0;transform:translate(70px,380px) rotate(280deg)}}
@media(prefers-reduced-motion:reduce){.trout-upcoming__lazy-art *{animation:none!important}.trout-upcoming__lazy-art .ht-signal,.trout-upcoming__lazy-art .ht-snooze,.trout-upcoming__lazy-art .ht-leaf{display:none}}