.works{--wbg:#f5f3fa;--wtext:#2d1165;--wmuted:#696075;--waccent:#5025ce;--wr:26px}
.works *,.works-lightbox *{box-sizing:border-box}.works{padding:64px 0;background:var(--wbg);color:var(--wtext);overflow:hidden;font-family:"Okta Neue",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.works__head,.works__filters,.works__viewport,.works__footer{width:min(1240px,calc(100% - 32px));margin:auto}
.works__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.works__eyebrow{margin:0 0 8px;color:var(--waccent);font-size:13px;font-weight:800;letter-spacing:.15em}.works__title{margin:0;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.04em}.works__subtitle{max-width:760px;margin:16px 0 0;color:var(--wmuted);font-size:16px;line-height:1.55}
.works__nav{display:flex;gap:10px}.works__arrow{width:50px;height:50px;border:0;border-radius:50%;background:#fff;font-size:34px;cursor:pointer;box-shadow:0 8px 25px #0001}.works__arrow:hover{background:var(--waccent);color:#fff}
.works__filters{display:flex;gap:9px;overflow:auto;padding:2px 0 16px;scrollbar-width:none}.works__filters::-webkit-scrollbar{display:none}.works__filter{flex:0 0 auto;border:1px solid #1c1c1c22;border-radius:999px;padding:11px 15px;background:#ffffffb8;font-weight:700;cursor:pointer}.works__filter.is-active,.works__filter:hover{background:var(--waccent);border-color:var(--waccent);color:#fff}
.works__viewport{overflow:visible;touch-action:pan-y}.works__track{display:flex;gap:18px;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}.works-card{position:relative;flex:0 0 min(80vw,390px);aspect-ratio:4/5;border-radius:var(--wr);overflow:hidden;background:#ddd;cursor:zoom-in;box-shadow:0 18px 45px #0001}.works-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.works-card:hover img{transform:scale(1.045)}.works-card:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(transparent,#000b)}.works-card__meta{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:#fff}.works-card__tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff2b;backdrop-filter:blur(10px);font-size:12px;font-weight:800}.works-card__title{margin:8px 0 0;font-size:20px;line-height:1.15}
.works__footer{display:flex;align-items:center;gap:16px;margin-top:22px}.works__progress{height:4px;flex:1;border-radius:99px;background:#0001;overflow:hidden}.works__progress span{display:block;height:100%;background:var(--waccent);transition:width .25s}.works__counter{min-width:58px;text-align:right;font-size:14px;font-weight:800;color:var(--wmuted)}
.works-lightbox{position:fixed;inset:0;z-index:9999;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;display:grid;place-items:center;background:#000e;padding:24px}.works-lightbox:not([open]){display:none}.works-lightbox::backdrop{background:#000d}.works-lightbox figure{width:min(1100px,88vw);height:min(82vh,900px);margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.works-lightbox img{max-width:100%;max-height:calc(100% - 36px);object-fit:contain;border-radius:18px}.works-lightbox figcaption{color:#fff;font-weight:700}.lb-close,.lb-prev,.lb-next{position:absolute;border:0;border-radius:50%;background:#ffffff20;color:#fff;cursor:pointer}.lb-close{right:20px;top:16px;width:48px;height:48px;font-size:32px}.lb-prev,.lb-next{top:50%;width:50px;height:50px;margin-top:-25px;font-size:34px}.lb-prev{left:20px}.lb-next{right:20px}
@media(max-width:700px){.works{padding:50px 0}.works__nav{display:none}.works-card{flex-basis:82vw;border-radius:22px}.lb-prev,.lb-next{display:none}}

.works-card:focus-visible,.works button:focus-visible{outline:3px solid #ffdd00;outline-offset:3px}.works__arrow:disabled{opacity:.35;cursor:default}.works__filter{font:600 14px/1.3 "Okta Neue",Arial,sans-serif}.works-card img{user-select:none;-webkit-user-drag:none}.works-lightbox button:focus-visible{outline:3px solid #ffdd00}@media(prefers-reduced-motion:reduce){.works__track,.works-card img{transition:none}}@media(max-width:700px){.works-lightbox .lb-prev,.works-lightbox .lb-next{display:block;top:auto;bottom:18px;margin:0}.works-lightbox figure{height:calc(100dvh - 160px)}}