.works-page{flex-direction:column;width:100%;min-height:100vh;display:flex}.works-page__content{box-sizing:border-box;flex:1;width:100%;padding:clamp(.75rem,2vw,1.5rem)}.works-page .page-content{box-sizing:border-box;width:100%;min-height:calc(100vh - 60px);padding:.5rem;overflow:visible}.works-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(340px,auto);gap:16px;width:100%;min-height:100%;display:grid}.works-grid .item{background-color:var(--card-bg);border:1px solid var(--border);min-width:0;min-height:0;color:var(--text-primary);border-radius:12px;flex-direction:column;padding:clamp(1rem,2vw,2rem);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex;position:relative;overflow:hidden}.works-grid .item *{color:var(--text-primary)}.works-grid .item p{color:var(--text-secondary)}.works-grid .item:hover{box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border);transform:translateY(-3px)}.work-item{flex-direction:column;gap:14px;padding:32px;display:flex}.work-item:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover), transparent);opacity:0;border-radius:12px 12px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.work-item:hover:before{opacity:1}.work-item h2{margin:0;font-size:1.5rem;line-height:1.2}.work-item__subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.work-item__description{color:var(--text-secondary);margin:0;line-height:1.6}.work-item__badges{flex-wrap:wrap;gap:8px;display:flex}.work-item__badges span{border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-secondary);border-radius:999px;padding:.25rem .65rem;font-size:.82rem;transition:border-color .2s,background .2s}.work-item__badges span:hover{border-color:var(--accent);background:var(--accent-glow);color:var(--accent)}.work-item__cta{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-hover));border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding:.55rem 1.15rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.work-item__cta:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.work-item__cta:active{transform:scale(.97)}.work-item__cta--secondary{border:1px solid var(--border);color:var(--text-secondary);background:0 0;margin-top:.75rem}.work-item__cta--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:none;transform:none}@media (max-width:1200px){.works-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(320px,auto)}}@media (max-width:900px){.works-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,auto)}}@media (max-width:768px){.works-page__content{padding:clamp(.5rem,4vw,1rem)}.works-grid{grid-template-columns:1fr;grid-auto-rows:minmax(0,auto);gap:14px}.work-item{gap:12px;padding:1rem}}@media (max-width:600px){.works-grid{gap:12px}.work-item{padding:.9rem}}