.sub-header.solid{background:#071e35;position:relative}.cases-hero{color:#fff;background:linear-gradient(90deg,#031322f5,#0313226b),url(/images/approach-video-poster.png) 50%/cover;place-items:center start;min-height:500px;padding:90px 5.6vw;display:grid}.cases-hero>div{width:min(1380px,100%);margin:0 auto}.cases-hero h1{font:500 clamp(40px, 5vw, 70px)/1.4 var(--serif);letter-spacing:.04em;margin:0}.cases-hero>div>p:last-child{color:#ffffffd1;max-width:700px;margin:25px 0 0;font-size:15px;line-height:2}.case-filter-wrap{padding-top:70px;padding-bottom:55px}.case-filter-wrap>p{color:#82878a;letter-spacing:.14em;margin:0 0 16px;font-size:11px}.case-filters{flex-wrap:wrap;gap:8px;display:flex}.case-filters button{color:#334353;cursor:pointer;background:#fff;border:1px solid #dcd5ca;padding:11px 18px;font-size:12px;transition:all .2s}.case-filters button:hover,.case-filters button.active{color:#fff;background:#071e35;border-color:#071e35}.case-list{gap:25px;padding-bottom:110px;display:grid}.case-list article{background:#fff;border:1px solid #ded6c9;grid-template-columns:.9fr 1.1fr;min-height:370px;display:grid}.case-image{min-height:320px;position:relative;overflow:hidden}.case-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.case-list article:hover .case-image img{transform:scale(1.035)}.case-image>span{color:#fff;letter-spacing:.16em;background:#041728d1;padding:8px 12px;font-size:9px;position:absolute;bottom:20px;left:22px}.case-copy{flex-direction:column;padding:38px 42px;display:flex}.case-copy>p{color:#b88a43;letter-spacing:.18em;margin:0;font-size:10px}.case-copy h2{font:500 clamp(23px, 2.4vw, 35px)/1.55 var(--serif);color:#071e35;margin:15px 0 24px}.case-copy dl{border-top:1px solid #e7e1d7;margin:0}.case-copy dl div{border-bottom:1px solid #eee9e1;grid-template-columns:100px 1fr;padding:12px 0;font-size:12px;line-height:1.75;display:grid}.case-copy dt{color:#9b7a43}.case-copy dd{color:#626b72;margin:0}.case-copy small{color:#929698;margin:17px 0;font-size:10px;line-height:1.65}.case-copy>a{border-bottom:1px solid #b88a43;width:fit-content;margin-top:auto;padding-bottom:6px;font-size:12px}.case-copy>a span{color:#b88a43;margin-left:32px}@media (width<=760px){.cases-hero{min-height:520px;padding:75px 22px}.case-filter-wrap{padding-top:50px;padding-bottom:40px}.case-list article{grid-template-columns:1fr}.case-image{min-height:230px}.case-copy{padding:28px 24px}.case-copy dl div{grid-template-columns:80px 1fr}}