.case-connections{background:#171713;color:#f7f3e9;padding:120px 5vw}.case-connections>header{display:grid;gap:6vw;grid-template-columns:.35fr 1fr;margin-bottom:65px}.case-connections h2{font-size:clamp(52px,7vw,110px);letter-spacing:-.07em;line-height:.88;margin:0}.case-connections h2 em{color:#d4a52f;font-family:Georgia,serif;font-weight:400}.case-connection-grid{border-left:1px solid #ffffff24;border-top:1px solid #ffffff24;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.case-connection-grid>a{border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;color:inherit;display:flex;flex-direction:column;min-height:330px;padding:30px;text-decoration:none;transition:.25s}.case-connection-grid small,.case-related-work>span{color:#d4a52f;font:8px monospace;letter-spacing:.13em}.case-connection-grid h3{font-size:clamp(28px,3vw,45px);letter-spacing:-.045em;line-height:1;margin:60px 0 18px}.case-connection-grid p{color:#a7a79f;font-size:13px;line-height:1.6}.case-connection-grid b{font-size:10px;margin-top:auto}.case-connection-grid>a:hover{background:#d4a52f;color:#111}.case-connection-grid>a:hover small,.case-connection-grid>a:hover p{color:#111}.case-related-work{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:90px}.case-related-work>span{grid-column:1/-1}.case-related-work a{color:inherit;min-width:0;text-decoration:none}.case-related-work img{aspect-ratio:16/9;background:#0e0e0c;display:block;height:auto;object-fit:contain;width:100%}.case-related-work small{color:#a8a89f;display:block;font-size:8px;margin-top:16px;text-transform:uppercase}.case-related-work h3{font-size:26px;letter-spacing:-.04em;margin:8px 0}.credentials{display:none!important}
@media(max-width:900px){.case-connections>header{grid-template-columns:1fr}.case-connection-grid{grid-template-columns:1fr 1fr}.case-related-work{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.case-connections{padding:80px 18px}.case-connection-grid,.case-related-work{grid-template-columns:1fr}.case-connection-grid>a{min-height:270px;padding:24px}.case-connections h2{font-size:clamp(44px,13vw,60px)}}