@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}img{width:100%;height:100%;object-fit:cover}section{position:relative;width:100vw;height:100svh;background:#000;color:#d6d9ff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em;overflow:hidden}.cats-grid{width:max-content;display:flex;justify-content:center;align-items:center}.cat{position:relative;width:100px;height:100px;padding:5px;cursor:pointer;will-change:width,height}.cat img{border-radius:.5rem;box-shadow:0 0 10px #6600cc80}.cat-labels{width:100%;height:20rem;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden;position:relative}.label h1{position:absolute;width:100%;text-align:center;text-transform:uppercase;font-family:Barlow Condensed;font-size:20rem;font-weight:900;letter-spacing:-.5rem;line-height:1;color:#8f00ff;-webkit-user-select:none;user-select:none;transform:translateY(100%)}.label-default{color:#d6d9ff}.label h1 .letter{position:relative;transform:translateY(0);will-change:transform}@media (max-width: 900px){section{flex-direction:column-reverse}.cats-grid{flex-wrap:wrap;max-width:90%;justify-content:center}.cat{width:60px;height:60px;padding:2.5px}.label h1{font-size:4rem;letter-spacing:0}.cat-labels{height:4rem}}