.logo-strip>.reference-case{position:relative;height:101px;border:0;border-right:1px solid #c7ccc6;border-bottom:1px solid #c7ccc6;background:#f7f6f1;padding:0;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(154,213,28,.5);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.logo-strip>.reference-case:hover,.logo-strip>.reference-case:focus-visible{z-index:2;transform:translateY(-3px);background:#fff;box-shadow:0 12px 28px rgba(11,26,27,.18),inset 0 0 0 2px #9ad51c}.logo-strip>.reference-case img{border:0;width:100%;height:100%;padding:25px;filter:grayscale(1);opacity:.75}.reference-case>span{position:absolute;right:7px;top:7px;background:#9ad51c;color:#0b1a1b;padding:5px 6px;font-size:8px;font-weight:900;letter-spacing:.09em}.reference-coming{opacity:.68}.reference-coming>span{background:#dbe5c5}.reference-name{display:grid;place-items:center;color:#263735;font-size:13px;line-height:1.15;letter-spacing:.07em}.case-dialog{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;background:#f7f6f1;color:#0b1a1b;box-shadow:0 24px 80px rgba(0,0,0,.4)}.case-dialog::backdrop{background:rgba(6,18,19,.78);backdrop-filter:blur(4px)}.case-dialog[open]{display:grid;grid-template-columns:1.05fr .95fr}.case-close{position:absolute;z-index:3;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#0b1a1b;font-size:27px;cursor:pointer}.case-media{position:relative;min-height:620px;background:#102829;overflow:hidden}.case-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .55s ease}.case-slide.active{opacity:1;visibility:visible}.case-slide img{width:100%;height:100%;display:block;object-fit:cover}.case-slide figcaption{position:absolute;left:18px;bottom:54px;max-width:70%;background:rgba(11,26,27,.82);color:#fff;padding:9px 11px;font-size:11px}.case-media>small{position:absolute;z-index:2;left:18px;bottom:18px;color:#dce6e2;font-size:9px;letter-spacing:.04em}.slide-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:50px;border:0;background:rgba(11,26,27,.7);color:#fff;font-size:32px;cursor:pointer}.slide-arrow.prev{left:0}.slide-arrow.next{right:0}.slide-dots{position:absolute;z-index:2;right:18px;bottom:18px;display:flex;gap:6px}.slide-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.slide-dots button.active{background:#9ad51c;border-color:#9ad51c}.case-copy{padding:65px 55px;overflow:auto}.case-copy h2{margin:0 0 10px;font-size:clamp(35px,4vw,55px);line-height:1}.case-copy h3{font-size:22px;margin:22px 0 12px}.case-copy>p:not(.section-label){color:#52605d;line-height:1.6}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d4d9d2;margin:30px 0}.case-facts div{background:#fff;padding:17px 14px;display:grid;gap:7px}.case-facts strong{font-size:24px;color:#4f7900}.case-facts span{font-size:10px;line-height:1.35;color:#52605d}.case-contact{margin-top:8px}.case-dialog.closing{opacity:0}@media(max-width:850px){.case-dialog[open]{grid-template-columns:1fr}.case-media{min-height:370px}.case-copy{padding:42px 26px}.case-facts{grid-template-columns:1fr}.logo-strip>.reference-case{height:101px}}
.reference-coming>span{white-space:nowrap}
.logo-strip>.reference-case[data-case="kannus"] img{padding:13px 15px;transform:scale(1.08)}