.works-page .nav,.works-page .nav:not(.on-light){color:#0a0a0a}
.works-page .nav .nav-cta{border-color:#0a0a0a;background:transparent;color:#0a0a0a}
.works-page .nav nav a:after{background:#0a0a0a}

.works-catalog{scroll-margin-top:112px;padding:56px 4vw 110px;border-top:1px solid rgba(0,0,0,.22);background:#f3f3f1;color:#0a0a0a}

@media(max-width:900px){.works-page .mobile-menu{color:#fff}.works-page .menu-button{display:block}}
.works-catalog-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:7vw;align-items:end;margin-bottom:42px}
.works-catalog-head span{display:block;margin-bottom:18px;color:#0016cb;font:800 9px ui-monospace,monospace;letter-spacing:.16em}
.works-catalog-head h2{font-size:clamp(42px,5vw,78px);line-height:.93;letter-spacing:-.055em}
.works-catalog-head>p{max-width:520px;color:#555;font-size:14px;line-height:1.8}
.works-filters{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 34px;padding:12px 0;background:rgba(243,243,241,.94);backdrop-filter:blur(16px)}
.works-filters button{min-height:54px;padding:0 18px;border:1px solid rgba(0,0,0,.22);border-radius:999px;background:transparent;color:#111;font:700 13px/1.2 inherit;cursor:pointer;transition:background .22s,color .22s,border-color .22s,transform .22s}
.works-filters button:hover{transform:translateY(-2px);border-color:#0016cb}
.works-filters button.is-active{border-color:#0016cb;background:#0016cb;color:#fff}
.works-filters b{margin-left:8px;font:800 9px ui-monospace,monospace;opacity:.66}
.works-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 14px}
.case-catalog-card{display:block;width:100%;min-width:0;padding:8px 8px 18px;border:0;border-radius:14px;background:#fff;color:#0a0a0a;text-align:left;cursor:pointer;box-shadow:0 12px 36px rgba(0,0,0,.055);transition:transform .25s,box-shadow .25s,opacity .2s}
.case-catalog-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.case-catalog-card[hidden]{display:none}
.case-catalog-card figure{position:relative;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:9px;background:#111}
.case-catalog-card figure:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}
.case-catalog-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.case-catalog-card:hover img{transform:scale(1.035)}
.case-catalog-card figure i{position:absolute;right:10px;bottom:10px;z-index:2;padding:8px 10px;border-radius:999px;background:#fff;color:#000;font:800 8px ui-monospace,monospace;font-style:normal;letter-spacing:.08em}
.case-catalog-card .selected-work-copy{padding:16px 7px 0}
.case-catalog-card .selected-work-copy>span{display:block;color:#0016cb;font:800 8px ui-monospace,monospace;letter-spacing:.1em}
.case-catalog-card h3{margin:9px 0 0;font-size:clamp(17px,1.3vw,23px);line-height:1.16;letter-spacing:-.035em}
.case-catalog-card p{margin:11px 0 0;color:#666;font-size:10px;line-height:1.5}
.case-catalog-card b{display:block;margin-top:12px;color:#222;font-size:10px;line-height:1.6;font-weight:600}
.video-modal{width:min(1080px,94vw);max-width:none;padding:48px 12px 12px;border:0;border-radius:12px;background:#050505;box-shadow:0 30px 100px rgba(0,0,0,.75)}
.video-modal::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}
.video-modal video{display:block;width:100%;max-height:82vh;background:#000}
.video-modal .modal-close{position:absolute;top:10px;right:12px;padding:8px 14px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:transparent;color:#fff;cursor:pointer}

@media(max-width:1000px){
  .works-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .works-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .works-catalog{padding:42px 14px 78px}
  .works-catalog-head{display:block;margin-bottom:26px}
  .works-catalog-head h2{font-size:clamp(40px,13vw,58px)}
  .works-catalog-head>p{margin-top:22px;font-size:12px}
  .works-filters{top:0;gap:7px;margin:0 -4px 24px;padding:9px 4px}
  .works-filters button{min-height:46px;padding:0 8px;font-size:11px}
  .works-filters b{display:none}
  .works-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
  .case-catalog-card{padding:6px 6px 14px;border-radius:10px}
  .case-catalog-card figure{border-radius:7px;aspect-ratio:4/5}
  .case-catalog-card figure i{right:7px;bottom:7px;padding:6px 8px;font-size:7px}
  .case-catalog-card .selected-work-copy{padding:12px 4px 0}
  .case-catalog-card h3{font-size:clamp(15px,4.5vw,19px)}
  .case-catalog-card p,.case-catalog-card b{font-size:8px}
  .video-modal{width:96vw;padding:44px 6px 6px}
}
.works-site-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 6vw 32px;border-top:1px solid rgba(255,255,255,.12);background:#03040a;color:#777;font:8px ui-monospace,monospace;letter-spacing:.12em}.works-site-footer a{color:inherit;text-decoration:none}.works-site-footer a:hover{color:#fff}@media(max-width:640px){.works-site-footer{flex-direction:column;padding:28px 20px 32px}}