.works-toolbar{isolation:isolate;border:0;background:transparent;backdrop-filter:none;padding:14px 0 18px;margin-bottom:46px;gap:28px}
.works-toolbar:before{content:'';position:absolute;inset:-14px -24px -14px;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(180deg,#eff6fc00,#eff6fcf5 22%,#eff6fcf5 72%,#eff6fc00);backdrop-filter:blur(18px);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 75%,transparent);transition:opacity .4s ease}
.works-toolbar.is-stuck:before{opacity:1}
.toolbar-sentinel{height:1px;margin-top:-1px;pointer-events:none}
.works-toolbar .filters{gap:8px 28px}
.works-toolbar .filters button{color:#52677b;transition:color .3s ease;position:relative;padding:12px 0;line-height:1.5}
.works-toolbar .filters button span{font-family:Arial,sans-serif;font-size:12px;color:#687c8e;transition:color .3s ease}
.works-toolbar .filters button:hover,.works-toolbar .filters button[aria-pressed=true]{color:#164e73}
.works-toolbar .filters button[aria-pressed=true] span{color:#3a6985}
.works-toolbar .filters button:after,.works-toolbar .filters button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:linear-gradient(90deg,#508da200,#377e99 18%,#377e99 82%,#508da200);opacity:0;transform:scaleX(.55);transform-origin:center;transition:opacity .35s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
.works-toolbar .filters button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}
.works-toolbar .view-switch{border:0;border-radius:0;background:transparent;padding:0;gap:22px;margin:0}
.works-toolbar .view-switch button{position:relative;background:transparent;border-radius:0;color:#647587;padding:12px 0;min-width:36px;min-height:46px;line-height:1.5;transition:color .3s ease}
.works-toolbar .view-switch button:hover{color:#164e73}
.works-toolbar .view-switch button[aria-pressed=true]{background:transparent;color:#164e73;font-weight:600}
.works-toolbar .view-switch button:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:linear-gradient(90deg,#508da200,#377e99 20%,#377e99 80%,#508da200);opacity:0;transform:scaleX(.55);transition:opacity .3s ease,transform .4s ease}
.works-toolbar .view-switch button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}
@media(max-width:1000px){.works-toolbar{gap:20px}.works-toolbar .filters{gap:6px 22px}.works-toolbar .view-switch{gap:18px}}
@media(max-width:700px){.works-toolbar{padding:8px 0 14px;margin-bottom:32px}.works-toolbar:before{inset:-12px -12px}.works-toolbar .filters{gap:24px;padding:8px 8px 10px;margin:-8px -8px -5px}.works-toolbar .view-switch{margin-top:6px;gap:24px}.works-toolbar .filters button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.works-toolbar:before,.works-toolbar button,.works-toolbar button:after{transition:none}}