.dpl-case-list{display:grid;gap:56px}
.dpl-case{scroll-margin-top:110px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel)}
.dpl-case-heading{padding:38px 38px 24px;max-width:960px}
.dpl-case-heading h2{font-size:clamp(1.8rem,3.4vw,2.65rem);line-height:1.12;margin:0 0 16px}
.dpl-case-heading p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.65;margin:0}
.dpl-case-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 38px 28px}
.dpl-case-media figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg)}
.dpl-case-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#2e343f}
.dpl-case-media .video-trigger img{object-fit:contain;background:#08111f}
.dpl-case-media figcaption{padding:16px 18px;color:var(--muted);font-size:.93rem;line-height:1.5}
.dpl-case-media figcaption a{display:inline-block;color:var(--blue-2);font-weight:700;margin-top:8px}
.dpl-case-media-gears img{aspect-ratio:3/4;background:var(--bg)}
.dpl-case-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:26px 38px 32px;margin:0;border-top:1px solid var(--line)}
.dpl-case-steps li{display:grid;gap:6px;font-size:.97rem;color:var(--muted);line-height:1.55}
.dpl-case-steps strong{color:var(--text);font-size:1.05rem}
.dpl-case-links{padding:0 38px 34px;display:flex;gap:18px;flex-wrap:wrap}
.dpl-case-links a{color:var(--blue-2);font-weight:750}
.dpl-new-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:30px}
.dpl-new-work{display:grid;grid-template-columns:42% minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);text-decoration:none;transition:border-color .2s}
.dpl-new-work:hover{border-color:var(--blue-2)}
.dpl-new-work:focus-visible{outline:3px solid var(--blue-2);outline-offset:4px}
.dpl-new-work img{width:100%;height:100%;min-height:235px;object-fit:cover}
.dpl-new-work>div{padding:24px 22px}
.dpl-new-work h3{font-size:1.32rem;line-height:1.25;margin:8px 0 12px}
.dpl-new-work p{font-size:.94rem;color:var(--muted);line-height:1.55;margin:0 0 15px}
.dpl-new-work span{color:var(--blue-2);font-size:.85rem;font-weight:750}
@media(max-width:920px){.dpl-new-work{grid-template-columns:1fr}.dpl-new-work img{height:260px;min-height:0}.dpl-case-heading{padding:28px 24px 22px}.dpl-case-media{padding:0 24px 24px;gap:16px}.dpl-case-steps{padding:24px;gap:16px}.dpl-case-links{padding:0 24px 28px}}
@media(max-width:620px){.dpl-new-work-grid,.dpl-case-media,.dpl-case-steps{grid-template-columns:1fr}.dpl-case-list{gap:30px}.dpl-case-heading{padding:26px 20px 22px}.dpl-case-media{padding:0 16px 22px}.dpl-case-steps{padding:24px 20px}.dpl-case-links{padding:0 20px 26px}.dpl-new-work img{height:290px}.dpl-new-work>div{padding:22px}.dpl-case-media-gears img{max-height:580px}.dpl-case{scroll-margin-top:90px}}

.dpl-case-media-single{grid-template-columns:minmax(0,1fr);max-width:980px;margin-inline:auto}
.dpl-case-media-single img{aspect-ratio:auto;max-height:660px;object-fit:contain;background:#e7e8e3}
.dpl-new-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dpl-new-work{grid-template-columns:1fr;grid-template-rows:240px 1fr}
.dpl-new-work img{height:240px;min-height:0}
.dpl-new-work-headlight img{object-fit:contain;background:#e7e8e3}
@media(max-width:920px){.dpl-new-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dpl-new-work-headlight{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.dpl-new-work-headlight img{height:100%;max-height:300px}}
@media(max-width:620px){.dpl-new-work-grid{grid-template-columns:1fr}.dpl-new-work,.dpl-new-work-headlight{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto}.dpl-new-work img{height:290px}.dpl-new-work-headlight img{height:auto;max-height:none}.dpl-case-media-single img{max-height:none}}