.CaseThumb{container-type:inline-size;position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#fff}.CaseThumb .Photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.CaseThumb .Wash{position:absolute;inset:0;background-image:linear-gradient(90deg,#ff4000b3 48.833%,#ff400000),linear-gradient(#0006,#0006)}.CaseThumb .Text{position:absolute;top:50%;left:4.333cqw;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:59.167cqw;height:44.667cqw;transform:translateY(-50%);font-weight:600;line-height:normal;color:#fff}.CaseThumb .Label{padding:1cqw 2.667cqw;border-radius:100px;background:#fff;font-size:3.333cqw;color:#ff4000;white-space:nowrap}.CaseThumb .Title{font-size:8cqw;word-break:keep-all}.CaseThumb .Subtitle{font-size:2.667cqw;word-break:keep-all}.CaseStudiesPage .Hero{background:#131315}.CaseStudiesPage .Hero .Inner{display:flex;flex-direction:column;align-items:center;padding-block:80px;text-align:center}.CaseStudiesPage .Hero .Title{max-width:13em;margin-top:16px;font-size:var(--text-pagetitle);font-weight:600;line-height:1.4;word-break:keep-all}.CaseStudiesPage .Hero .Title .Keep{white-space:nowrap}.CaseStudiesPage .Hero .Text{margin-top:36px;font-size:16px;font-weight:500;line-height:1.5;color:#797d86;word-break:keep-all;white-space:pre-line}.CaseStudiesPage .List{padding-block:60px 100px}.CaseStudiesPage .Cases{display:flex;flex-direction:column;gap:32px}.CaseStudiesPage .Case{display:flex;align-items:center;gap:28px;padding:24px 24px 24px 32px;border-radius:8px;background:#70737c14;transition:background-color .25s ease,transform .25s ease}.CaseStudiesPage .Case .Meta,.CaseStudiesPage .Case .Client,.CaseStudiesPage .Case .Scope,.CaseStudiesPage .Case .CaseTitle,.CaseStudiesPage .Case .Summary{transition:color .25s ease,border-color .25s ease}.CaseStudiesPage .Case:is(a):hover{background:var(--fg);transform:translateY(-4px)}.CaseStudiesPage .Case:is(a):hover .Client,.CaseStudiesPage .Case:is(a):hover .CaseTitle{color:#18191b}.CaseStudiesPage .Case:is(a):hover .Scope,.CaseStudiesPage .Case:is(a):hover .Summary{color:#797d86}.CaseStudiesPage .Case:is(a):hover .Meta{border-color:#e3e4e6}.CaseStudiesPage .Meta{flex:none;display:flex;flex-direction:column;justify-content:space-between;width:228px;height:151px;padding-inline:24px;border-left:1px solid #25272c}.CaseStudiesPage .Who{display:flex;flex-direction:column;gap:8px}.CaseStudiesPage .Number{font-family:Roboto Mono,ui-monospace,Consolas,monospace;font-size:16px;font-weight:500;line-height:1.4;color:#ff4000}.CaseStudiesPage .Client{font-size:16px;font-weight:500;line-height:1.4}.CaseStudiesPage .Scope{font-size:14px;line-height:1.5;color:#afb1b6;white-space:pre-line}.CaseStudiesPage .Body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:151px;gap:24px}.CaseStudiesPage .CaseTitle{font-size:var(--text-h3);font-weight:600;line-height:1.4;word-break:keep-all;white-space:pre-line}.CaseStudiesPage .Summary{font-size:16px;line-height:1.5;color:#afb1b6;word-break:keep-all}.CaseStudiesPage .Thumb{flex:none;width:314px}@media(max-width:1100px){.CaseStudiesPage .Thumb{width:240px}.CaseStudiesPage .Meta{width:200px}}@media(max-width:1000px){.CaseStudiesPage .Meta{display:none}}@media(max-width:900px){.CaseStudiesPage .Hero .Inner{padding-block:64px}.CaseStudiesPage .Hero .Title .Keep,.CaseStudiesPage .Hero .Text{white-space:normal}.CaseStudiesPage .List{padding-block:40px 80px}.CaseStudiesPage .Cases{gap:16px}.CaseStudiesPage .Case{flex-direction:column;align-items:stretch;gap:20px;padding:24px}.CaseStudiesPage .Body{flex:none;min-height:0;gap:16px}.CaseStudiesPage .CaseTitle{white-space:normal}.CaseStudiesPage .Thumb{width:100%}}