@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,600;0,700;1,300&family=Barlow+Condensed:wght@300;400;500;600&display=swap');.users-public-works{--cp-surface:#060c13;--cp-border:rgba(176,64,255,0.18);--cp-border-hi:rgba(176,64,255,0.72);--cp-cyan:#b040ff;--cp-magenta:#ff2070;--cp-gold:#f0b840;--cp-text:#ede0ff;--cp-muted:rgba(190,150,230,0.48);--cp-glow-sm:0 0 18px rgba(176,64,255,0.26);--cp-glow-lg:0 0 36px rgba(176,64,255,0.48),0 0 80px rgba(176,64,255,0.12);--cp-d:'Chakra Petch','Oswald',sans-serif;--cp-b:'Barlow Condensed',system-ui,sans-serif;gap:20px;background-image:linear-gradient(rgba(176,64,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(176,64,255,0.022) 1px,transparent 1px);background-size:52px 52px}.users-works-hero{position:relative;overflow:hidden;min-height:clamp(280px,36vh,440px);border:1px solid var(--cp-border);border-radius:2px;background:radial-gradient(ellipse 55% 60% at 82% 24%,rgba(176,64,255,0.1) 0%,transparent 58%),radial-gradient(ellipse 38% 44% at 18% 78%,rgba(255,32,112,0.07) 0%,transparent 52%),linear-gradient(158deg,#040810 0%,#07101a 54%,#030609 100%);box-shadow:0 36px 100px rgba(0,0,0,0.65),0 0 18px rgba(176,64,255,0.2);isolation:isolate}.users-works-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.18;filter:saturate(0.42) brightness(0.48) hue-rotate(220deg);transform:scale(1.06);z-index:-2}.users-works-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,10,0.97) 0%,rgba(2,6,10,0.82) 50%,rgba(2,6,10,0.38) 100%),linear-gradient(180deg,transparent 18%,rgba(0,0,0,0.72) 100%);z-index:-1}.users-works-hero::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(176,64,255,0.013) 3px,rgba(176,64,255,0.013) 4px);pointer-events:none;z-index:1}.users-works-hero__content{position:relative;display:grid;align-content:center;gap:16px;min-height:inherit;width:min(980px,100%);padding:clamp(24px,3.5vw,48px);z-index:2}.users-works-hero__content::before{content:'';position:absolute;top:0;left:clamp(24px,3.5vw,48px);width:clamp(100px,24%,260px);height:1px;background:linear-gradient(90deg,var(--cp-cyan),transparent);opacity:0.65}.users-eyebrow{margin:0;color:var(--cp-cyan);font-family:var(--cp-b);font-size:11px;font-weight:500;letter-spacing:0.26em;text-transform:uppercase;opacity:0.78}.users-works-hero h1{position:relative;max-width:740px;margin:0 0 2px;padding-bottom:18px;color:var(--cp-text);font-family:var(--cp-d);font-size:clamp(28px,4.2vw,58px);font-weight:700;line-height:0.97;letter-spacing:0.055em;text-transform:uppercase;text-wrap:balance;animation:cp-glitch 9s infinite}.users-works-hero h1::after{content:'';position:absolute;bottom:0;left:0;width:52px;height:2px;background:var(--cp-cyan);box-shadow:0 0 14px var(--cp-cyan),0 0 28px rgba(0,229,255,0.4)}@keyframes cp-glitch{0%,86%,100%{text-shadow:none;transform:none}88%{text-shadow:3px 0 var(--cp-magenta),-3px 0 var(--cp-cyan);transform:skewX(-1.8deg) translateX(2px)}89%{text-shadow:-2px 0 var(--cp-cyan),2px 0 var(--cp-magenta);transform:skewX(1.2deg) translateX(-1px)}90%{text-shadow:none;transform:none}92%{text-shadow:1px 0 var(--cp-magenta);transform:translateX(-1px)}93%{text-shadow:none;transform:none}}.users-works-hero__lead{max-width:580px;margin:0;color:var(--cp-muted);font-family:var(--cp-b);font-size:13px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase}.users-works-score{display:grid;grid-template-columns:repeat(4,minmax(0,150px));gap:8px}.users-works-score div{position:relative;min-height:68px;padding:12px 14px 10px;border:1px solid var(--cp-border);background:rgba(0,8,18,0.82);box-shadow:inset 0 1px 0 rgba(0,229,255,0.06)}.users-works-score div::before{content:'';position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--cp-cyan);border-left:2px solid var(--cp-cyan)}.users-works-score div::after{content:'';position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:2px solid var(--cp-cyan);border-right:2px solid var(--cp-cyan)}.users-works-score strong{display:block;color:var(--cp-gold);font-family:var(--cp-d);font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1}.users-works-score span{display:block;margin-top:6px;color:var(--cp-muted);font-family:var(--cp-b);font-size:10px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase}.users-public-works .users-button.users-button--ghost{padding:9px 24px;border:1px solid var(--cp-cyan);border-radius:0;color:var(--cp-cyan);background:transparent;font-family:var(--cp-b);font-size:12px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background 0.22s ease,box-shadow 0.22s ease}.users-public-works .users-button.users-button--ghost:hover,.users-public-works .users-button.users-button--ghost:focus-visible{background:rgba(0,229,255,0.1);box-shadow:var(--cp-glow-sm)}.users-works-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.users-work--premium{width:100%;min-height:240px;max-height:420px;aspect-ratio:4 / 5;border:1px solid var(--cp-border);border-radius:2px;background:var(--cp-surface);box-shadow:0 12px 40px rgba(0,0,0,0.42);transition:border-color 0.28s ease,box-shadow 0.28s ease;animation:cp-rise 0.52s cubic-bezier(0.22,1,0.36,1) both}.users-work--premium:nth-child(1){animation-delay:0ms}.users-work--premium:nth-child(2){animation-delay:55ms}.users-work--premium:nth-child(3){animation-delay:110ms}.users-work--premium:nth-child(4){animation-delay:165ms}.users-work--premium:nth-child(5){animation-delay:220ms}.users-work--premium:nth-child(6){animation-delay:275ms}@keyframes cp-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.users-work--premium img{height:100%;min-height:240px;max-height:420px;border-radius:2px;filter:brightness(0.82) saturate(0.84);transition:filter 0.4s ease,transform 0.52s cubic-bezier(0.22,1,0.36,1)}.users-work--premium::before{border-radius:2px;background:linear-gradient(180deg,transparent 28%,rgba(2,6,12,0.9) 100%),linear-gradient(135deg,rgba(176,64,255,0.05) 0%,transparent 52%);opacity:1;transform:none}.users-work--premium:hover,.users-work--premium:focus-visible{border-color:var(--cp-border-hi);box-shadow:var(--cp-glow-lg),0 24px 64px rgba(0,0,0,0.52)}.users-work--premium:hover img,.users-work--premium:focus-visible img{transform:scale(1.04);filter:brightness(0.76) saturate(1.06)}.users-work__meta{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:grid;gap:5px;color:var(--cp-text)}.users-work__title{font-family:var(--cp-d);font-size:clamp(15px,1.8vw,24px);font-weight:600;line-height:1.1;letter-spacing:0.04em;text-transform:uppercase;text-shadow:0 4px 22px rgba(0,0,0,0.85)}.users-work__stats{display:flex;align-items:center;gap:6px;color:var(--cp-muted);font-family:var(--cp-b);font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase}.users-work__stats::before{content:'';display:inline-block;flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--cp-cyan);box-shadow:0 0 6px var(--cp-cyan)}.users-works-pagination{display:flex;align-items:center;gap:10px;margin-top:4px}.users-public-works .users-pill{padding:8px 18px;border:1px solid var(--cp-border);border-radius:0;color:var(--cp-muted);background:rgba(0,8,18,0.6);font-family:var(--cp-b);font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase}.users-public-works .users-card--soft{border:1px solid var(--cp-border);border-radius:2px;background:rgba(0,8,18,0.7)}@media (max-width:980px){.users-works-score{grid-template-columns:repeat(4,minmax(0,1fr))}.users-works-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.users-works-hero{min-height:340px}.users-works-hero__content{padding:28px 18px}.users-works-score{grid-template-columns:repeat(2,minmax(0,1fr))}.users-works-premium-grid{grid-template-columns:1fr}.users-work--premium,.users-work--premium img{min-height:220px;max-height:380px}}