.case-content{--ink:#0b0b0f;--muted:#6b6b76;--line:#e7e7ec;--pink:#ff3f9f;--green:#72e065;--cyan:#3adcfc;--yellow:#ffd829;--mono:"DM Mono",monospace;font:15px/1.65 "Poppins",system-ui,sans-serif;color:var(--ink)}.case-content *{box-sizing:border-box}.case-content button,.case-content a{color:inherit}.case-content button{font:inherit;cursor:pointer}.case-content a:focus-visible,.case-content button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.case-content .eyebrow{text-transform:uppercase;letter-spacing:.12em;font:12px/1.5 var(--mono);color:var(--muted)}.cc-pink{--accent:#ff3f9f}.cc-green{--accent:#72e065}.cc-cyan{--accent:#3adcfc}.cc-yellow{--accent:#ffd829}
.case-content{container-type:inline-size;container-name:case;background:#fff}.case-top{padding:50px 54px 35px;border-top:8px solid var(--accent)}.case-kicker{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.case-kicker .eyebrow{margin:0;font-size:11px}.case-logo{width:155px;height:55px;object-fit:contain;filter:brightness(0)}.case-top h2{font-size:clamp(32px,5.2cqw,58px);font-weight:500;line-height:1.13;letter-spacing:-.045em;max-width:17ch;margin:18px 0 22px}.case-intro{font-size:17px;line-height:1.8;max-width:65ch;color:#4e4e59;margin-bottom:26px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tags span{font:11px var(--mono);border:1px solid var(--line);padding:7px 10px}.case-details{margin:0 54px 38px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.case-details h3{font-size:13px;font-weight:500;margin:0 0 12px}.case-details p{font-size:13px;line-height:1.85;color:#585864;margin:0;white-space:pre-line;overflow-wrap:anywhere}.case-video{margin:0 54px 40px}.video-surface{background:#101014;aspect-ratio:16/8.5;position:relative;overflow:hidden;display:grid;place-items:center}.video-surface video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.video-cover{position:absolute;inset:0;width:100%;height:100%;border:0;background:#101014;overflow:hidden;color:white;text-align:left}.video-cover .video-word{font-size:clamp(80px,20cqw,220px);line-height:1;letter-spacing:-.07em;font-weight:600;position:absolute;bottom:12%;left:7%;color:#fff}.video-cover::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(to right,var(--pink) 0 25%,var(--green) 25% 50%,var(--cyan) 50% 75%,var(--yellow) 75%)}.video-cover .play{position:absolute;right:8%;top:40%;width:58px;height:58px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-size:19px;padding-left:4px}.video-cover:hover .play{background:var(--yellow);color:#000;border-color:var(--yellow)}.video-caption{display:flex;justify-content:space-between;gap:12px;font:11px/1.6 var(--mono);color:var(--muted);margin:12px 0 0}.video-caption a{white-space:nowrap}.case-articles{padding:0 54px 42px}.case-articles>h3{font-weight:500;font-size:20px;letter-spacing:-.02em;margin:0 0 24px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:18px;min-width:0}.article-image{aspect-ratio:16/10;background:#f1f1ef;overflow:hidden;display:grid;place-items:center;position:relative}.article-image>span{font:16px var(--mono);padding:20px;text-align:center}.article-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.article-meta{font:10px var(--mono);color:var(--muted);margin:14px 0 8px}.article h4{font-size:13px;font-weight:500;line-height:1.6;margin:0 0 16px;overflow-wrap:anywhere}.article .read{font:10px var(--mono)}.article:hover h4{text-decoration:underline;text-underline-offset:3px}.case-footer{padding:24px 54px;background:#f7f7f5;display:flex;justify-content:space-between;gap:16px;font-size:12px}.case-empty{padding:24px 54px;color:var(--muted);font-size:13px}@container case (max-width:700px){.case-top{padding:26px 26px 24px}.case-top h2{font-size:34px}.case-kicker{gap:15px}.case-logo{width:100px;height:40px}.case-intro{font-size:14px}.case-details{margin:0 26px 26px;gap:20px}.case-details p{font-size:11px}.case-video{margin:0 26px 30px}.case-articles{padding:0 26px 30px}.case-footer{padding:20px 26px}.article-grid{gap:14px}.article h4{font-size:11px}.case-empty{padding:18px 26px}}
@container case (max-width:480px){.case-top{padding:24px 22px 18px}.case-top h2{font-size:32px;max-width:17ch}.case-kicker{align-items:start}.case-kicker .eyebrow{font-size:9px}.case-logo{width:90px;height:30px}.case-intro{font-size:13px}.case-details{grid-template-columns:1fr;margin:0 22px 25px;gap:22px}.case-details p{font-size:12px}.case-video{margin:0 22px 28px}.video-caption{font-size:9px;flex-wrap:wrap}.video-cover .play{width:40px;height:40px;font-size:14px;top:36%}.case-articles{padding:0 22px 30px}.article-grid{grid-template-columns:1fr;gap:24px}.article h4{font-size:13px}.article-image{aspect-ratio:16/8}.case-footer{padding:18px 22px;font-size:11px;flex-wrap:wrap}}
.video-cover .video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-cover:has(.video-poster) .play{background:#0b0b0fbf;color:white}.video-surface iframe{border:0;position:absolute;inset:0;width:100%;height:100%}.case-content a{overflow-wrap:anywhere}.case-content .case-top h2{overflow-wrap:anywhere}.case-content .tags span{overflow-wrap:anywhere}.case-content .case-footer a{color:inherit}.case-content .article h4{min-height:3.2em}

.content-video .video-surface{aspect-ratio:16/10}.content-video .video-cover .video-word{font-size:74px}.content-video .video-cover .play{width:42px;height:42px;right:calc(50% - 21px);top:calc(50% - 21px);font-size:15px}.content-video .video-cover::after{height:4px}.content-video .read{color:inherit;text-decoration:none}.content-video .read:hover{text-decoration:underline}.case-content .content-video{min-width:0}@container case (max-width:480px){.content-video .video-surface{aspect-ratio:16/9}}