.case-index{color:#0a0a0a;background:#f4f4f4;padding:clamp(80px,10vw,140px) clamp(20px,5vw,76px)}.case-index--compact{background:0 0;padding:0}.case-index__heading{max-width:980px;margin-bottom:56px}.case-index__heading h2{font-size:clamp(48px,7vw,96px);line-height:.9}.case-index__heading p{color:#0a0a0a9e;max-width:680px;margin-top:24px}.case-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.case-index__card>a{color:inherit;display:block}.case-index__card h3{margin-top:18px;font-size:clamp(28px,3vw,42px)}.case-index__card p{color:#0a0a0a99}.case-index__meta{color:#0a0a0a85;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;display:flex}.case-index__tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.case-index__tags span{border:1px solid #0a0a0a29;border-radius:999px;padding:7px 9px;font-size:10px}.case-index__card b{margin-top:22px;font-size:12px;display:inline-block}.case-media{background:#e5e5e5;border:1px solid #00000014;margin:0;position:relative;overflow:hidden}.case-media--wide{aspect-ratio:16/8}.case-media--landscape{aspect-ratio:4/3}.case-media--portrait{aspect-ratio:3/4}.case-media img{object-fit:cover;width:100%;height:100%;display:block}.case-media figcaption{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#000000b8;padding:5px 7px;font-size:9px;position:absolute;bottom:12px;left:14px}.case-media__placeholder{color:#111;background:linear-gradient(145deg,#ededed,#d9d9d9);flex-direction:column;justify-content:flex-end;gap:8px;width:100%;height:100%;min-height:260px;padding:22px;display:flex}.case-media__placeholder span{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:9px}.case-media__placeholder strong{font-size:18px}.case-media__placeholder code{opacity:.52;overflow-wrap:anywhere;font-size:10px}.work-showcase--cases .case-index__grid{color:#0a0a0a}.work-heading__link{margin-top:24px;font-weight:700;display:inline-block}.case-hero{background:#0a0a0a;grid-template-columns:1fr 1fr;min-height:760px;display:grid}.case-hero__copy{align-self:end;padding:clamp(80px,10vw,140px) clamp(20px,5vw,76px)}.case-hero__copy h1{letter-spacing:-.065em;margin:18px 0 0;font-size:clamp(56px,8vw,112px);line-height:.88}.case-hero__copy>p{color:#ffffff9e;max-width:700px;margin-top:26px;font-size:18px}.case-back{color:#ffffff8f;text-transform:uppercase;letter-spacing:.1em;margin-bottom:42px;font-size:11px;display:block}.case-hero>.case-media{aspect-ratio:auto;border:0;min-height:760px}.case-hero__tags{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.case-hero__tags span{border:1px solid #ffffff2e;border-radius:999px;padding:8px 10px;font-size:10px}.case-facts{color:#111;background:#fff;border-bottom:1px solid #ddd;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-facts div{border-right:1px solid #ddd;min-height:150px;padding:26px}.case-facts span{letter-spacing:.14em;text-transform:uppercase;color:#777;font-size:9px;display:block}.case-facts strong{margin-top:20px;font-size:17px;display:block}.case-story{color:#111;background:#f5f5f5;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:clamp(90px,11vw,150px) clamp(20px,5vw,76px);display:grid}.case-story__intro h2{font-size:clamp(42px,5vw,72px)}.case-story__intro p{color:#666}.case-story__sections{border-top:1px solid #d3d3d3}.case-story__sections article{border-bottom:1px solid #d3d3d3;grid-template-columns:48px 1fr;gap:22px;padding:30px 0;display:grid}.case-story__sections article>span{color:#777;font-size:10px}.case-story__sections h2{font-size:30px}.case-story__sections p{color:#666;margin-top:10px}.case-gallery{background:#0d0d0d;padding:clamp(90px,10vw,140px) clamp(20px,5vw,76px)}.case-gallery__heading{max-width:900px;margin-bottom:50px}.case-gallery__heading h2{font-size:clamp(48px,7vw,96px)}.case-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-gallery__grid .case-media:nth-child(3){aspect-ratio:16/8;grid-column:1/-1}.case-documentation-note{color:#111;background:#e9e9e9;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:clamp(70px,9vw,120px) clamp(20px,5vw,76px);display:grid}.case-documentation-note span{text-transform:uppercase;letter-spacing:.14em;color:#666;font-size:10px}.case-documentation-note h2{margin-top:14px;font-size:clamp(38px,5vw,68px)}.case-documentation-note p{color:#666;align-self:end}.case-related{color:#111;background:#fff;padding:clamp(80px,10vw,130px) clamp(20px,5vw,76px)}.case-related>div{border-top:1px solid #ddd;border-left:1px solid #ddd;grid-template-columns:repeat(2,1fr);margin-top:36px;display:grid}.case-related a{min-height:240px;color:inherit;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:28px;position:relative}.case-related a span{text-transform:uppercase;color:#777;font-size:10px}.case-related h3{margin-top:50px;font-size:36px}.case-related b{position:absolute;bottom:20px;right:24px}@media (width<=980px){.case-index__grid,.case-hero{grid-template-columns:1fr}.case-hero>.case-media{order:-1;min-height:420px}.case-facts{grid-template-columns:repeat(2,1fr)}.case-story,.case-gallery__grid{grid-template-columns:1fr}.case-gallery__grid .case-media:nth-child(3){aspect-ratio:4/3;grid-column:auto}.case-documentation-note,.case-related>div{grid-template-columns:1fr}}@media (width<=620px){.case-facts{grid-template-columns:1fr}.case-facts div{min-height:110px}.case-hero__copy{padding-top:64px}.case-story__sections article{grid-template-columns:34px 1fr}}