.mf-ru-proof{--mf-proof-ink:#15232d;--mf-proof-muted:#5d6d78;color:var(--mf-proof-ink)}
.mf-ru-proof .container{width:calc(100% - 48px);max-width:1180px;margin-inline:auto;box-sizing:border-box}
.mf-ru-proof .mf-ru-proof-head{max-width:860px;margin:0 0 32px}.mf-ru-proof-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;color:#b51424;margin:0 0 16px}.mf-ru-proof h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:0 0 22px}.mf-ru-proof p{line-height:1.75;color:var(--mf-proof-muted)}.mf-ru-proof .mf-ru-proof-kicker{color:#b51424}
.mf-ru-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.mf-ru-proof-video{margin:0;min-width:0;display:flex;flex-direction:column}.mf-ru-proof-frame{aspect-ratio:16/9;background:#08141c;position:relative;overflow:hidden;border-radius:6px}.mf-ru-proof-frame video{display:block;width:100%;height:100%;object-fit:contain}.mf-ru-proof-start{position:absolute;inset:0;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:#fff}.mf-ru-proof-start[hidden]{display:none}.mf-ru-proof-start span{display:grid;place-items:center;width:58px;height:58px;padding-left:3px;box-sizing:border-box;border:1px solid #fffc;border-radius:50%;background:#12202abf;font-size:19px}.mf-ru-proof-video figcaption{padding-top:20px}.mf-ru-proof-video h3,.mf-ru-proof-process-card h3{font-size:21px;line-height:1.3;margin:0 0 12px}.mf-ru-proof-video figcaption>p{font-size:15px;margin:0 0 18px}.mf-ru-proof-link{font-size:14px;font-weight:650;color:var(--mf-proof-ink);text-decoration:none;display:inline-block;line-height:1.6;border-bottom:1px solid #b6bec3;padding-bottom:8px}.mf-ru-proof-link:hover{color:#b51424}.mf-ru-proof-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.mf-ru-proof a:focus-visible,.mf-ru-proof button:focus-visible{outline:2px solid #b51424;outline-offset:4px}
.mf-ru-case-intro{padding:48px 0 0;background:#f4f2ec}.mf-ru-case-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;font-size:13px}.mf-ru-case-breadcrumb a{color:inherit;text-decoration:none}.mf-ru-case h1{font-size:clamp(32px,4vw,54px);max-width:1000px;line-height:1.12;margin:0 0 24px;letter-spacing:-.025em}.mf-ru-case-lead{max-width:820px;margin:0 0 32px}.mf-ru-case-cover{width:100%;height:auto;max-height:640px;object-fit:cover;display:block}.mf-ru-case-gallery .mf-ru-case-photo-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.mf-ru-case-photo-layout figure{margin:0}.mf-ru-case-photo-layout img{width:100%;height:auto;display:block}.mf-ru-case-photo-layout figcaption{font-size:12px;color:#66737c;margin-top:12px}.mf-ru-proof-note{font-size:13px}.mf-ru-proof-process{background:#f4f2ec}.mf-ru-proof-process .mf-ru-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-ru-proof-process-card img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:20px}.mf-ru-proof-process-card p{margin:0;font-size:15px}.mf-ru-case-related-video{max-width:820px}.mf-ru-case-cta{background:#edf1f2}.mf-ru-case-cta>.container{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.mf-ru-case-cta h2{font-size:32px}.mf-ru-case-cta .mf-ru-proof-actions{margin:0}.mf-ru-case .section{padding:72px 0}.mf-ru-case a,.mf-ru-case h1,.mf-ru-case h2,.mf-ru-case h3{overflow-wrap:break-word}
@media(max-width:950px){.mf-ru-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-ru-case-gallery .mf-ru-case-photo-layout{gap:30px;grid-template-columns:1fr 1fr}.mf-ru-case-cta>.container{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.mf-ru-proof .container{width:calc(100% - 36px)}.mf-ru-proof-grid,.mf-ru-proof-process .mf-ru-proof-grid,.mf-ru-case-gallery .mf-ru-case-photo-layout{grid-template-columns:1fr;gap:32px}.mf-ru-case h1{font-size:32px}.mf-ru-case .section{padding:44px 0}.mf-ru-case-intro{padding-top:32px}.mf-ru-case-cta h2{font-size:28px}.mf-ru-proof-actions{gap:18px}.mf-ru-proof-actions .btn,.mf-ru-proof-actions .kz-button{white-space:normal;text-align:center;max-width:100%;box-sizing:border-box}}
@media(max-width:360px){.mf-ru-case h1{font-size:28px}}

/* Keep mobile project copy clear of the floating back-to-top control. */
@media(max-width:600px){body:has(main.mf-ru-case) #backToTop{display:none!important}}