.case-study-card{--card-ink:#f3f5ef;--card-muted:#a7afa3;--card-line:#3b443d;border:.5px solid var(--card-line);min-height:420px;color:var(--card-ink);background:#171a17;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-study-card .case-study-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:40px;display:flex}.case-study-card .case-study-topbar{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:32px;display:flex}.case-study-card .case-study-logo{object-fit:contain;object-position:left;filter:brightness(0)invert();width:126px;height:34px}.case-study-card .case-study-tags{flex-wrap:wrap;gap:6px;display:flex}.case-study-card .case-study-tags span{color:#b9d3be;background:#29382b;border-radius:4px;padding:5px 8px;font-size:10px}.case-study-card .case-study-tags [data-discipline=web]{color:#bed1e0;background:#253440}.case-study-card .case-study-tags [data-discipline=motion]{color:#d3c3e2;background:#362c43}.case-study-card .case-study-tags [data-discipline=illustration]{color:#ddcba4;background:#3b3529}.case-study-card .case-study-tags [data-discipline=print]{color:#dcc4bb;background:#39302e}.case-study-card .case-study-headline{letter-spacing:-.025em;color:var(--card-ink);text-wrap:pretty;margin:0 0 40px;font-size:29px;font-weight:500;line-height:1.22}.case-study-card .case-study-headline span{color:var(--card-muted)}.case-study-card .case-study-action{border:.5px solid var(--card-line);color:var(--card-ink);border-radius:9px;margin-top:auto;padding:10px 14px;font-size:13px;text-decoration:none;transition:background .25s;display:inline-flex}.case-study-card .case-study-action:hover{background:#303530}.case-study-card .portfolio-card-media{min-width:0;display:flex;overflow:hidden}.case-study-card .portfolio-card-media img,.case-study-card .portfolio-card-media video{object-fit:cover;width:100%;height:100%;display:block;transform:none}.case-study-card[data-theme=light]{--card-ink:#303030;--card-muted:#818782;--card-line:#e4e7e2;background:#fff}.case-study-card[data-theme=light] .case-study-logo{filter:none}.case-study-card[data-theme=light] .case-study-tags span{color:#536b4c;background:#eaf0e7}.case-study-card[data-theme=light] .case-study-tags [data-discipline=web]{color:#4d6982;background:#e9eef4}.case-study-card[data-theme=light] .case-study-tags [data-discipline=motion]{color:#716183;background:#eee9f3}.case-study-card[data-theme=light] .case-study-tags [data-discipline=illustration]{color:#85703f;background:#f2eddf}.case-study-card[data-theme=light] .case-study-tags [data-discipline=print]{color:#866859;background:#f2eae5}.case-study-card[data-theme=light] .case-study-action:hover{background:#f3f5f1}@media (width<=1100px){.case-study-card .case-study-copy{padding:30px}.case-study-card .case-study-headline{font-size:26px}}@media (width<=800px){.case-study-card{grid-template-columns:1fr}.case-study-card .case-study-copy{min-height:310px;padding:28px 22px;order:0!important}.case-study-card .case-study-headline{margin-bottom:30px;font-size:25px}.case-study-card .portfolio-card-media{aspect-ratio:4/3}.case-study-card .case-study-topbar{margin-bottom:26px}}@media (prefers-reduced-motion:reduce){.case-study-card .case-study-action{transition:none}}.case-study-name{letter-spacing:-.04em;font-size:28px;font-weight:500}.service-case-frame .case-study-card:has(.portfolio-card-media video){min-height:0}.case-study-card:has(.portfolio-card-media video) .case-study-copy{gap:0;min-height:0;padding:clamp(24px,2.5vw,40px)}.case-study-card:has(.portfolio-card-media video) .case-study-topbar{margin-bottom:22px}.case-study-card:has(.portfolio-card-media video) .case-study-headline{margin-bottom:24px}@media (width>=801px) and (width<=1100px){.service-case-frame .case-study-card:has(.portfolio-card-media video){grid-template-columns:1fr}.case-study-card:has(.portfolio-card-media video) .case-study-copy{order:0!important}}.case-study-card:has(.case-study-description) .case-study-headline{margin-bottom:18px}.case-study-card .case-study-description{color:var(--card-muted);text-wrap:pretty;max-width:48ch;margin:0 0 32px;font-size:15px;line-height:1.65}