.cases{background:#f4f6f4;color:#16212a;padding-top:88px}
.cases .section-index{color:#1957d7}
.cases-heading h2{font-size:52px;line-height:1.12}
.cases .portfolio-filter{border-color:#d4dcd8;margin:0 0 42px;padding-block:20px}
.cases .filter-group{gap:8px}
.cases .filter-button{border:0;border-bottom:2px solid transparent;border-radius:0;min-height:48px;background:transparent;color:#5f6c75;font-size:16px;padding:10px 17px}
.cases .filter-button:hover{background:#e6ebe7;color:#16212a}
.cases .filter-button.is-active{border-bottom-color:#1957d7;color:#1957d7;background:transparent}
.cases .filter-summary{color:#5f6c75;font:14px 'Manrope','Segoe UI',sans-serif}
.cases .case-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 26px}
.cases .case-list [data-project-item]{grid-column:span 2;order:0;min-width:0}
.cases .case-list .featured-project{grid-column:span 3;order:-1}
.cases .case-list [data-project-item][hidden],.cases .case-list [data-project-item].is-filtered{display:none!important}
.cases .case-visual,.cases .concept-visual{box-shadow:none;border:1px solid #dae1dc;border-radius:6px;aspect-ratio:1.6}
.cases .featured-project .case-visual{aspect-ratio:1.44}
.cases .case-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s ease}
.cases .case-copy,.cases .concept-card>div{padding:22px 0 24px;min-height:175px;border-bottom:1px solid #d4dcd8}
.cases .case-kicker,.cases .concept-card p{font:12px/1.6 'Manrope','Segoe UI',sans-serif;text-transform:none;color:#60716b;margin-bottom:9px}
.cases .case-copy h3,.cases .concept-card h4{font-size:24px;line-height:1.2;color:#16212a;margin-bottom:13px}
.cases .featured-project .case-copy h3{font-size:30px}
.cases .case-description{display:block;font-size:15px;line-height:1.7;color:#53626b;min-height:0;margin-bottom:18px;overflow:visible}
.cases .case-link,.cases .concept-card>div a{font-size:15px;color:#16212a;min-height:40px;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cases .case-link svg,.cases .concept-card>div a svg{width:20px;height:20px;transition:transform .2s}
.cases a:hover svg{transform:translate(2px,-2px)}
.cases .case-status{font-size:11px;background:#172820eb;color:white;border-color:#ffffff55}
.services{background:#fff;padding-block:72px}
.services .section-heading{margin-bottom:30px}
.services .service-row{padding-block:24px;min-height:0}
.services .service-row h3{font-size:23px;line-height:1.3}
.services .service-row p{font-size:15px;line-height:1.7}
.services .service-row ul{font-size:13px}
@media(hover:hover){.cases .case-visual:hover>img{transform:scale(1.025)}}
@media(max-width:1000px){.cases .case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 22px}.cases .case-list [data-project-item],.cases .case-list .featured-project{grid-column:span 1}.cases .featured-project .case-copy h3{font-size:25px}.cases-heading h2{font-size:42px}}
@media(max-width:600px){.cases{padding-top:54px}.cases-heading h2{font-size:33px}.cases .portfolio-filter{gap:15px;margin-bottom:30px}.cases .filter-group{gap:0}.cases .filter-button{font-size:14px;padding-inline:10px;min-height:46px}.cases .case-list{grid-template-columns:1fr;gap:31px}.cases .featured-project .case-visual{aspect-ratio:1.44}.cases .case-copy,.cases .concept-card>div{min-height:0;padding-top:18px}.cases .case-copy h3,.cases .featured-project .case-copy h3{font-size:25px}.cases .case-description{font-size:15px}.services{padding-block:55px}.services .service-row h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.cases .case-visual:hover>img{transform:none}}