.atk-projects{--a:#19da8f;--t:#f5f8f8;--m:#8c9ba0;--d:#617075;--c:#0b1419;--b:rgba(255,255,255,.10);width:100%;color:var(--t);font-family:inherit}
.atk-projects *{box-sizing:border-box}.atk-projects__top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}
.atk-projects__eyebrow{display:flex;align-items:center;gap:8px;color:var(--a);font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:9px}.atk-projects__eyebrow i{width:22px;height:1px;background:linear-gradient(90deg,var(--a),transparent)}
.atk-projects__title{margin:0;color:var(--t);font-size:clamp(27px,3.1vw,38px);line-height:1.08;letter-spacing:-1.1px}
.atk-projects__view-all,.atk-case{display:inline-flex;align-items:center;gap:6px;color:var(--a);font-size:11px;font-weight:800;text-decoration:none}.atk-projects__view-all svg,.atk-case svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.atk-projects__view-all:hover svg,.atk-case:hover svg{transform:translateX(3px)}
.atk-projects__viewport{overflow:hidden;padding:3px 2px 6px;margin:-3px -2px -6px}.atk-projects__track{display:flex;gap:17px;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.atk-project-card{position:relative;flex:0 0 calc((100% - 34px)/3);min-width:0;overflow:hidden;border:1px solid var(--b);border-radius:12px;background:radial-gradient(circle at 90% 0,rgba(25,218,143,.06),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--c);box-shadow:0 15px 40px rgba(0,0,0,.18);transition:transform .3s,border-color .3s,box-shadow .3s}.atk-project-card:hover{transform:translateY(-4px);border-color:rgba(25,218,143,.4);box-shadow:0 22px 52px rgba(0,0,0,.26)}
.atk-project-card__shine{position:absolute;z-index:0;right:-70px;top:-90px;width:170px;height:170px;border-radius:50%;background:rgba(25,218,143,.08);filter:blur(42px)}
.atk-project-card__image{position:relative;z-index:1;aspect-ratio:16/9;overflow:hidden;background:#081015;border-bottom:1px solid rgba(255,255,255,.08)}.atk-project-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.atk-project-card:hover .atk-project-card__image img{transform:scale(1.035)}.atk-project-card__image span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,9,11,.32))}
.atk-project-card__body{position:relative;z-index:1;padding:18px}.atk-project-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.atk-project-card h3{margin:0;font-size:15px;line-height:1.3;letter-spacing:-.2px}.atk-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px}.atk-tags b{padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.025);color:#aab8bc;font-size:8px;line-height:1;white-space:nowrap}
.atk-project-card p{display:-webkit-box;min-height:35px;margin:9px 0 15px;overflow:hidden;color:var(--m);font-size:10.5px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.atk-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:13px;border-top:1px solid rgba(255,255,255,.075)}.atk-stats div{min-width:0;padding-right:7px;border-right:1px solid rgba(255,255,255,.06)}.atk-stats div:last-child{border:0}.atk-stats strong,.atk-stats small{display:block}.atk-stats strong{font-size:12px;line-height:1.2}.atk-stats small{margin-top:4px;overflow:hidden;color:var(--d);font-size:8px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.atk-case{margin-top:16px;font-size:10px}
.atk-projects__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.atk-progress{width:min(180px,30%);height:2px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.atk-progress span{display:block;width:25%;height:100%;background:var(--a);transform:translateX(0);transition:transform .5s}.atk-controls{display:flex;align-items:center;gap:10px}.atk-arrow{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--b);border-radius:50%;background:rgba(255,255,255,.015);color:#dce4e6;cursor:pointer}.atk-arrow:hover:not(:disabled){border-color:rgba(25,218,143,.5);color:var(--a);background:rgba(25,218,143,.06)}.atk-arrow:disabled{opacity:.3;cursor:not-allowed}.atk-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.atk-dots{display:flex;align-items:center;gap:6px}.atk-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#526066;cursor:pointer;transition:width .25s,background .25s}.atk-dots button.active{width:19px;background:var(--a)}
.atk-projects a:focus-visible,.atk-projects button:focus-visible{outline:2px solid var(--a);outline-offset:3px}
@media(max-width:1024px){.atk-project-card{flex-basis:calc((100% - 17px)/2)}}@media(max-width:767px){.atk-projects__top{align-items:flex-start}.atk-projects__title{font-size:26px}.atk-projects__view-all{font-size:10px}.atk-project-card{flex-basis:100%}.atk-project-card__body{padding:15px}.atk-project-card p{min-height:0}.atk-progress{display:none}}
@media(prefers-reduced-motion:reduce){.atk-projects__track,.atk-project-card,.atk-project-card__image img,.atk-dots button,.atk-progress span{transition:none}}