.project:nth-child(1):before{background-image:none}
.project:nth-child(1):after{content:'';position:absolute;left:35px;top:39px;width:26px;height:26px;background:#00a2e8;mask:url('aperture-original.png') center / contain no-repeat;pointer-events:none}
.project:nth-child(2),.project:nth-child(2):hover{background-image:linear-gradient(90deg,transparent,#008fff99 48%,#008fff99 100%),linear-gradient(90deg,transparent,#008fff33 48%,#008fff33 100%);background-size:100% 2px,100% 7px;background-position:center 70px,center 68px}
.project:nth-child(3),.project:nth-child(3):hover{background-image:linear-gradient(90deg,#ff383899 0%,#ff383899 52%,transparent),linear-gradient(90deg,#ff383833 0%,#ff383833 52%,transparent);background-size:100% 2px,100% 7px;background-position:center 70px,center 68px}
.project:nth-child(2):after,.project:nth-child(3):after{content:'';display:block;position:absolute;top:27px;left:calc(50% - 43px);width:86px;height:86px;background:url('beat-cube.png') center / contain no-repeat;pointer-events:none}
.project:nth-child(3):after{filter:hue-rotate(140deg) saturate(1.3);transform:scaleX(-1)}
@media(max-width:520px){.project:nth-child(1):after{left:28px;top:32px}.project:nth-child(2):after,.project:nth-child(3):after{top:20px}}
.beat-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:700;color:#32b6ed}.beat-links a:hover{color:#8edfff}
.project:nth-child(7):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300a2e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2'/%3E%3Cpath d='m16 10 5-3v10l-5-3z'/%3E%3C/svg%3E");background-size:23px 23px}