.case-page{--case-bg:#e8edf3;--case-ink:#172336}
.case-page.case-vn-revival{--case-bg:#dce8d9;--case-ink:#193326}
.case-page.case-strip{--case-bg:#e9e2d8;--case-ink:#30271f}
.case-page .site-header .brand{display:inline-flex}
.case-wrap{width:min(100% - 80px,1280px);margin-inline:auto}
.case-lead{padding:38px 0 30px;text-align:center}
.case-lead h1{margin:0 0 14px;font-size:clamp(48px,5vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:800}
.case-lead>p{max-width:760px;margin:0 auto;font-size:clamp(18px,1.75vw,25px);line-height:1.45;letter-spacing:-.025em;color:#3c433e}
.case-stage{position:relative;display:block;height:570px;margin:0;overflow:hidden;background:var(--case-bg);color:var(--case-ink)}
.case-stage figcaption{position:absolute;z-index:5;right:22px;bottom:19px;padding:8px 11px;background:#ffffffd9;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.case-browser{position:absolute;top:78px;left:6%;width:81%;overflow:hidden;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 24px 70px #1e2b3340}
.case-browser-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #edf0ed;background:#fafbf9;color:#929a95;font-size:9px;font-weight:700;letter-spacing:.04em}
.case-browser img{display:block;width:100%;height:auto}
.case-phone{position:absolute;top:31px;right:7%;width:215px;height:466px;overflow:hidden;padding:7px;border-radius:31px;background:#151b1c;box-shadow:0 25px 55px #101c2d65}
.case-phone:before{content:'';position:absolute;z-index:2;top:10px;left:50%;width:52px;height:11px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:#151b1c}
.case-phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}
.case-fashion{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.case-strip .case-phone{right:9%;top:32px}
.case-section{padding:76px 0;border-bottom:1px solid #e4e7e3}
.case-section:last-child{border-bottom:0}
.case-overview h2{max-width:760px;margin:0 0 18px;font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-.045em}
.case-overview p{max-width:740px;margin:0;color:#555e57;font-size:16px;line-height:1.7}
.case-evidence-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}
.case-evidence h2{max-width:680px;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.18;letter-spacing:-.045em}
.case-evidence-intro p{max-width:350px;margin:0 0 3px;color:#555e57;font-size:14px;line-height:1.6}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}
.case-gallery-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-gallery figure{min-width:0;margin:0}
.case-gallery img{display:block;width:100%;height:370px;object-fit:cover;background:var(--case-bg)}
.case-gallery-strip img{height:480px;object-position:center 35%}
.case-gallery-pauk img{object-fit:contain;background:#e8ebee}
.case-gallery-pauk figure:last-child{grid-column:1/-1}
.case-gallery-pauk figure:last-child img{height:auto;max-height:540px;object-fit:contain;background:#fff}
.case-gallery figcaption{padding-top:12px;color:#626b65;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.case-features h2{margin:0 0 32px;font-size:30px;line-height:1.2;letter-spacing:-.04em}
.case-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.case-feature{padding-top:21px;border-top:1px solid #cfd5cf}
.case-feature h3{margin:0 0 10px;font-size:19px;line-height:1.25;letter-spacing:-.025em}
.case-feature p{margin:0;color:#667068;font-size:13px;line-height:1.6}
@media(max-width:900px){.case-wrap{width:min(100% - 48px,1280px)}.case-stage{height:490px}.case-browser{top:74px;left:4%;width:87%}.case-phone{right:4%;width:180px;height:390px}.case-feature-grid{gap:20px}.case-gallery{gap:12px}.case-gallery-strip img{height:330px}}
@media(max-width:650px){.case-wrap{width:min(100% - 36px,500px)}.case-lead{padding:28px 0 24px}.case-lead h1{font-size:43px}.case-lead>p{font-size:18px}.case-stage{height:420px;width:100vw;margin-left:calc(50% - 50vw)}.case-browser{top:100px;left:-24%;width:120%}.case-browser-bar{height:24px;padding:0 10px;font-size:7px}.case-phone{top:25px;right:10%;width:145px;height:314px;padding:5px;border-radius:22px}.case-phone:before{top:7px;width:34px;height:7px}.case-phone img{border-radius:16px}.case-stage figcaption{right:11px;bottom:11px;font-size:8px}.case-strip .case-phone{right:8%;top:30px}.case-section{padding:50px 0}.case-overview h2{font-size:30px}.case-overview p{font-size:14px}.case-features h2{font-size:25px;margin-bottom:25px}.case-feature-grid{grid-template-columns:1fr;gap:26px}.case-feature h3{font-size:17px}}
@media(max-width:650px){.case-evidence-intro{display:block}.case-evidence h2{font-size:30px}.case-evidence-intro p{margin-top:14px}.case-gallery{grid-template-columns:1fr;gap:25px;margin-top:25px}.case-gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.case-gallery-strip figure:last-child{grid-column:1/-1}.case-gallery-strip img{height:220px}.case-gallery-strip figure:last-child img{height:330px}.case-gallery-pauk img{height:260px}.case-gallery-pauk figure:last-child{grid-column:auto}.case-gallery-pauk figure:last-child img{width:100%;height:auto;max-height:none}.case-gallery figcaption{padding-top:8px;font-size:9px}}

.case-page.case-blacklogistics{--case-bg:#dce8c8;--case-ink:#19251b}.case-gallery-blacklogistics{grid-template-columns:2fr 1fr;align-items:start}.case-gallery-blacklogistics img{height:auto;object-fit:contain}
@media(max-width:650px){.case-gallery-blacklogistics{grid-template-columns:1fr}.case-gallery-blacklogistics figure:last-child{max-width:320px;margin-inline:auto}}

.case-agent-image{max-width:960px;margin:34px auto 0}.case-agent-image img{display:block;width:100%;height:auto;border:1px solid #e4e7e3}.case-agent-image figcaption{padding-top:12px;color:#626b65;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:650px){.case-agent-image{max-width:390px;margin-top:25px}}