@layer components{.stationCard{--btn-h:12cqw;--cut-x:calc(var(--btn-h) * .39);--cut-y:calc(var(--btn-h) * .5);--gap:4cqw}.stationCard__shape{clip-path:polygon(var(--cut-x) 0, calc(100% - var(--cut-x)) 0, 100% var(--cut-y), 100% calc(100% - var(--cut-y)), calc(100% - var(--cut-x)) 100%, var(--cut-x) 100%, 0 calc(100% - var(--cut-y)), 0 var(--cut-y))}.stationCard__glass{clip-path:polygon(2cqw 0,calc(100% - 2cqw) 0,100% 2.6cqw,100% calc(100% - 2.6cqw),calc(100% - 2cqw) 100%,2cqw 100%,0 calc(100% - 2.6cqw),0 2.6cqw)}.stationCard__cta{clip-path:polygon(var(--cut-x) 0, calc(100% - var(--cut-x)) 0, 100% 50%, calc(100% - var(--cut-x)) 100%, var(--cut-x) 100%, 0 50%)}.stationCard__art{filter:blur(2.4cqw)saturate(1.15);animation:1.4s cubic-bezier(.16,1,.3,1) both station-tune;transform:scale(1.18)}.stationCard__grain{background:linear-gradient(180deg, #27262400 18%, #2726248c 46%, var(--color-coal) 68%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:100% 100%,160px 160px}.stationCard__grain:after{content:"";mix-blend-mode:overlay;opacity:.45;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.5'/></svg>");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.stationCard__art{animation:none}}}@keyframes station-tune{0%{filter:blur(7cqw)saturate(.6);transform:scale(1.3)}}
@keyframes projects-intro-fallback{to{visibility:visible}}@keyframes projects-sparkle{0%,62%,to{opacity:0;transform:scale(0)rotate(-120deg)}72%{opacity:1;transform:scale(1.35)rotate(10deg)}84%{opacity:1;transform:scale(.95)rotate(0)}}@keyframes projects-cursor-in{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes projects-pop{0%{scale:.4}60%{scale:1.25}to{scale:1}}@keyframes projects-fade{0%{opacity:0}}@keyframes projects-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes projects-deal{0%{opacity:0;transform:translateY(60px)rotate(12deg)scale(.8)}}@keyframes projects-rain{to{transform:translate(var(--drift,0), 110vh) rotate(260deg)}}
