.case-page .stage{background:#fff}.case-page .header{border-bottom:1px solid #e9eee8;background:#fafcf8}.case-page .case-hero{background:linear-gradient(120deg,#f5f8f2,#edf4e9);padding-top:35px;padding-bottom:0}.case-back{font-size:14px;color:#63736a;display:inline-block;margin-bottom:42px}.case-back:hover{color:var(--green)}.case-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px}.case-client-name{font-size:15px;letter-spacing:.11em;color:var(--green);margin:22px 0 16px;font-weight:600}.case-page h1{font-family:Inter,Arial,sans-serif;font-size:clamp(33px,3.25cqw,54px);line-height:1.1;letter-spacing:-.045em;max-width:700px;text-wrap:balance;white-space:normal}.case-hero-description{font-size:18px;line-height:1.6;color:#657268;max-width:550px;margin:23px 0 27px}.case-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.case-hero-actions .button{font-size:16px;border-radius:11px;padding:17px 23px;min-height:54px;min-width:0}.case-device{min-width:0}.case-device img{width:100%;height:auto;filter:drop-shadow(0 20px 25px #253d2512)}.case-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:25px 0;margin:45px 0 0;border-top:1px solid #cad9c7;gap:20px}.case-highlights li{display:flex;align-items:center;gap:13px;padding-left:25px;border-left:1px solid #d6e0d2;font-size:16px;color:#415647}.case-highlights li:first-child{padding-left:0;border:0}.case-highlights strong{font-size:34px;letter-spacing:-.05em;color:var(--green)}.case-highlights img{opacity:.7}
.case-video-section{background:#182d35;color:#fff}.case-video-section>header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.case-video-section .section-kicker{color:#aec4b9}.case-video-section h2{margin:16px 0 0;font-size:clamp(28px,2.5cqw,40px)!important}.case-video-section header>a{font-size:15px;color:#c3d7c9}.case-video-section video{display:block;width:100%;aspect-ratio:16/9;background:#0c1b21;object-fit:contain;border-radius:15px;box-shadow:0 25px 70px #0003}
.case-overview{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#fff}.case-section-heading h2{margin:20px 0 0;max-width:540px}.case-brief{margin:0}.case-brief>div{padding:22px 0;border-top:1px solid #d8e4d5}.case-brief dt{font-size:14px;color:var(--green);font-weight:600;margin-bottom:10px}.case-brief dd{font-size:18px;line-height:1.65;color:#586a5d;margin:0}
.case-tasks{background:#f3f6f0}.case-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px}.case-item-number{font-size:13px;color:var(--green);display:block;margin-bottom:20px;letter-spacing:.05em}.case-task-grid article{border-top:1px solid #c8d7c2;padding-top:22px}.case-task-grid h3,.case-solution-grid h3{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 13px;letter-spacing:-.02em}.case-task-grid p,.case-solution-grid p{font-size:16px;line-height:1.65;color:#637267;margin:0}
.case-gallery-section{background:#fff}.case-gallery-section .section-heading{max-width:900px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:34px 25px}.case-gallery figure{margin:0;min-width:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery button{display:block;width:100%;border:1px solid #e4e9e1;background:#f7f9f5;padding:18px;border-radius:16px;overflow:hidden;cursor:zoom-in}.case-gallery button:hover{border-color:#8db88a}.case-gallery img{width:100%;height:auto;border-radius:6px}.case-gallery figcaption{display:flex;align-items:center;gap:15px;font-size:15px;padding:16px 5px;color:#3a5140}.case-gallery figcaption span:first-child{color:#8b9b8a;font-size:12px}.case-gallery figcaption span:last-child{margin-left:auto;font-size:20px;color:var(--green)}
.case-solutions{background:#f7f9f4}.case-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 55px}.case-solution-grid article{position:relative;border-top:1px solid #d1dfcc;padding:25px 0 30px 45px}.case-solution-grid .case-item-number{position:absolute;left:0;top:30px}.case-result{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;background:#fff}.case-result h2{margin:20px 0}.case-result p{font-size:20px;line-height:1.65;color:#566d5c;margin:0 0 30px}.case-result .button{font-size:16px;min-height:52px;border-radius:11px;padding:17px 24px}.case-page .contact-section{border-top:1px solid #d7e5d0}.case-lightbox{border:0;padding:50px 20px 20px;background:#f8faf6;width:min(1500px,96vw);max-width:96vw;max-height:94vh;border-radius:13px}.case-lightbox::backdrop{background:#0c1d15dd}.case-lightbox>img{display:block;width:100%;height:auto}.lightbox-close{position:absolute;right:15px;top:6px;font-size:33px;border:0;background:transparent;color:#26472d;line-height:1;width:38px;height:38px}
@media(max-width:1050px){.case-hero-grid{grid-template-columns:1fr 1fr;gap:22px}.case-highlights{gap:10px}.case-highlights li{font-size:14px;padding-left:14px}.case-overview,.case-result{gap:40px}.case-task-grid{gap:28px}.case-hero-actions .button{font-size:15px;padding:15px}.case-solution-grid{gap:0 30px}}
@media(max-width:767px){.case-hero-grid{grid-template-columns:1fr}.case-page .case-hero{padding-top:25px}.case-back{margin-bottom:28px}.case-page h1{font-size:clamp(33px,7.5vw,47px)}.case-hero-description{font-size:17px}.case-device{margin:15px 0 0}.case-device img{max-width:620px;margin:auto}.case-highlights{grid-template-columns:1fr 1fr;margin-top:20px;padding:22px 0;gap:20px}.case-highlights li{padding:0;border:0;font-size:14px}.case-overview,.case-result{grid-template-columns:1fr;gap:25px}.case-brief dd{font-size:17px}.case-task-grid{grid-template-columns:1fr 1fr}.case-gallery{grid-template-columns:1fr;gap:25px}.case-gallery figure:first-child{grid-column:auto}.case-gallery button{padding:10px}.case-gallery figcaption{font-size:14px}.case-video-section>header{display:block}.case-video-section header>a{display:inline-block;margin-top:20px}.case-video-section video{border-radius:9px}.case-solution-grid{grid-template-columns:1fr}.case-result p{font-size:18px}.case-lightbox{padding:45px 10px 10px}}
@media(max-width:430px){.case-task-grid{grid-template-columns:1fr}.case-hero-actions .button{flex:1;font-size:14px;padding:16px 10px}.case-highlights strong{font-size:29px}.case-highlights img{width:22px;height:22px}.case-page .section-kicker{font-size:10px;gap:10px}.case-page .section-kicker::before{width:30px}.case-task-grid h3,.case-solution-grid h3{font-size:21px}.case-client-name{font-size:14px}}
.case-device{background:transparent;border:0;border-radius:0;overflow:visible;padding:0}
.case-hero-grid{grid-template-columns:.9fr 1.2fr;gap:0}.case-device img{width:112%;max-width:none;margin-left:-3%;filter:drop-shadow(0 22px 22px #1b3c2014)}
.case-highlights li{color:#34483a;font-size:16px;font-weight:500}.case-highlights li img{width:25px;height:25px;opacity:.8}.case-highlights li strong{color:inherit;font:inherit}
.case-brief dt{display:flex;align-items:center;gap:12px;font-size:18px;color:#263e2d}.brief-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;background:#eef5e9;box-shadow:0 0 22px #a9cc9324;flex:none}.brief-icon img{opacity:.8}
.case-video-section{background:#f0f5ec;color:var(--ink)}.case-video-section .section-kicker{color:#74816f}.case-video-section header>a{color:var(--green)}.case-video-section video{box-shadow:0 12px 45px #183b1714;background:#eef2eb}.case-tasks{background:#fff}
.case-video-player{position:relative}.case-video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:17px 24px;background:#197545;color:#fff;border:1px solid #fff7;border-radius:14px;font-size:17px;font-weight:600;box-shadow:0 10px 40px #061b1a45;white-space:nowrap}.case-video-start>span{display:grid;place-items:center;width:31px;height:31px;background:#ffffff25;border-radius:50%;font-size:14px}.case-video-start:hover{background:#125a35}.case-video-start[hidden]{display:none}.case-video-start:disabled{opacity:.7}.case-video-direct{display:inline-block;margin-top:17px;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--green)}.case-video-status{font-size:15px;color:#6d4b30;line-height:1.5;margin:16px 0 0}
@media(max-width:1050px){.case-hero-grid{grid-template-columns:1fr 1.1fr;gap:15px}.case-highlights li{font-size:14px}.case-device img{width:107%;margin-left:-3%}}
@media(max-width:767px){.case-hero-grid{grid-template-columns:1fr;gap:12px}.case-device img{width:100%;max-width:700px;margin:0 auto}.case-device{margin-top:0}.case-highlights li{font-size:14px;gap:9px}.case-highlights li img{width:22px;height:22px}.case-video-start{padding:12px 16px;font-size:14px;gap:9px}.case-video-start>span{width:26px;height:26px;font-size:12px}}
.case-video-section video{aspect-ratio:217/108}
@media(max-width:430px){.case-page h1{font-size:clamp(28px,7.8vw,33px);line-height:1.16}}
.case-device.is-opaque img{mix-blend-mode:multiply}.case-brief dd p{font:inherit;color:inherit;margin:0}.case-brief dd p+p{margin-top:13px}.case-task-grid p+p,.case-solution-grid p+p{margin-top:12px}
.case-related{background:#f0f5ec}.case-related nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.case-related nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border:1px solid #d7e3d0;border-radius:12px;background:#fff;font-size:16px}.case-related nav a:hover{border-color:var(--green);color:var(--green)}.case-related nav a span{color:var(--green)}
@media(max-width:800px){.case-related nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.case-related nav{grid-template-columns:1fr}.case-back{font-size:12px}}