.story-card,.collage-photo{--spot-x:50%;--spot-y:50%}
.js-ready [data-reveal],.js-ready [data-reveal].visible{opacity:1;transform:none;transition:none}
.story-card:hover .story-image img{transform:none;filter:none}
.image-arrow{border-radius:4px;transform:translateX(55px) rotate(-35deg)}
.story-card:hover .image-arrow,.story-card:focus-within .image-arrow{transform:translateX(0) rotate(0)}
.site-header .brand{position:relative;padding-right:26px}
.sound-bars{position:absolute;right:0;bottom:3px;display:flex;align-items:end;gap:2px;height:19px;color:var(--accent)}
.sound-bars i{display:block;width:2px;height:100%;background:currentColor;transform-origin:bottom;animation:ski-eq 1.4s ease-in-out infinite alternate}
.sound-bars i:nth-child(2){animation-delay:-.8s;height:65%}.sound-bars i:nth-child(3){animation-delay:-.3s;height:85%}.sound-bars i:nth-child(4){animation-delay:-1.1s;height:55%}.sound-bars i:nth-child(5){animation-delay:-.6s;height:75%}.theme-pulse .sound-bars{color:#ff515c}
.scene-lights{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:inherit;isolation:isolate}
.scene-lights i{position:absolute;display:block;pointer-events:none;animation-play-state:paused}
.scene-visible>.scene-lights i{animation-play-state:running}.pulse-hero{position:relative;isolation:isolate}
.feature .story-copy,.hero-slide-copy,.pulse-copy,.pulse-collage{position:relative;z-index:2}
.theme-pulse .scene-lights i{width:55%;height:130%;top:-20%;left:0;background:linear-gradient(25deg,transparent 25%,#862cff3b 48%,transparent 65%);transform-origin:50% 0;animation:ski-laser 9s ease-in-out infinite alternate}
.theme-pulse .scene-lights i:nth-child(2){left:45%;background:linear-gradient(-25deg,transparent 25%,#ff3e692e 48%,transparent 65%);animation-delay:-4s}.theme-pulse .scene-lights i:nth-child(3){display:none}
.theme-pulse .music-sticker{animation:ski-sticker 6s ease-in-out infinite}.theme-pulse .pulse-sticker{animation:ski-badge 7s ease-in-out infinite}
.theme-pulse .story-card{transition:transform .25s,box-shadow .25s;transform-origin:center;will-change:auto}
@media(hover:hover) and (pointer:fine){.theme-pulse .story-card.pointer-lit{transform:perspective(850px) rotateX(var(--poster-x,0deg)) rotateY(var(--poster-y,0deg));box-shadow:5px 5px 0 #6c2bc0}.theme-pulse .collage-photo.pointer-lit{transform:perspective(850px) rotateX(var(--poster-x,0deg)) rotateY(var(--poster-y,0deg)) rotate(0);box-shadow:5px 5px 0 #ffdc16}}
.theme-pulse .category-tiles>a{position:relative;overflow:hidden;transition:clip-path .25s,filter .25s;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.theme-pulse .category-tiles>a:hover{transform:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);filter:saturate(1.2)}
.effects-paused .scene-lights i,.effects-paused .sound-bars i,.effects-paused .music-sticker,.effects-paused .pulse-sticker{animation-play-state:paused}
html[data-mode=light] .scene-lights{opacity:.6}
@keyframes ski-eq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes ski-beam{from{transform:rotate(-25deg)}to{transform:rotate(27deg)}}
@keyframes ski-gold{0%,25%{transform:translateX(-45%);opacity:0}45%,65%{opacity:1}90%,100%{transform:translateX(45%);opacity:0}}
@keyframes ski-halo{from{transform:translate(-40px,20px) scale(.8)}to{transform:translate(30px,-15px) scale(1.2)}}
@keyframes ski-laser{from{transform:rotate(-20deg) translateX(-10%)}to{transform:rotate(20deg) translateX(15%)}}
@keyframes ski-sticker{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-6px)}}
@keyframes ski-badge{0%,100%{transform:rotate(12deg)}50%{transform:rotate(4deg)}}
@keyframes ski-lines{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
@keyframes ski-title{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:600px){.site-header .brand{padding-right:18px}.sound-bars{height:12px;gap:1px}.sound-bars i{width:2px}.scene-lights{opacity:.65}}
@media(prefers-reduced-motion:reduce){.sound-bars i,.scene-lights i,.music-sticker,.pulse-sticker,.hero-slide-copy{animation:none!important}.scene-lights{display:none}.story-card,.collage-photo{transform:none!important}.sound-bars i{transform:scaleY(.6)}}.button:hover{transform:none}
@keyframes logo-lime-sweep{from{transform:rotate(-3deg) scaleY(.6);opacity:.6}to{transform:rotate(3deg) scaleY(.9);opacity:.9}}
@keyframes logo-blue-sweep{from{transform:rotate(4deg) scaleY(.85);opacity:.8}to{transform:rotate(-4deg) scaleY(.5);opacity:.5}}