.metrika-case{--mk-ink:#242423;--mk-pink:#e25dbd;--mk-lime:#d7fa54;--mk-blue:#2e3572;color:var(--mk-ink);background:#f9f8f5;overflow:clip}.metrika-wrap{width:min(1320px,calc(100% - 2 * var(--gutter,32px)));margin-inline:auto}.metrika-case article :is(h1,h2,h3,p,figure){margin:0}.metrika-case article h2{letter-spacing:-.055em;font-size:clamp(36px,5vw,74px);font-weight:500;line-height:1.06}.metrika-case article em{color:var(--mk-pink);font-style:normal}.metrika-case article p{line-height:1.65}.metrika-case :is(a,button):focus-visible{outline-offset:6px;outline:3px solid #a51d80}.metrika-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500;line-height:1.5!important}.metrika-intro{background:#f9f8f5;padding:148px 0 70px}.metrika-topline{border-bottom:1px solid #24242324;justify-content:space-between;gap:24px;padding-bottom:22px;font-size:12px;display:flex}.metrika-topline a{transition:color .2s}.metrika-topline a:hover{color:#a51d80}.metrika-title-row{justify-content:space-between;align-items:flex-end;gap:40px;padding:54px 0 48px;display:flex}.metrika-title-row h1{letter-spacing:-.075em;font-size:clamp(84px,13.4vw,190px);font-weight:500;line-height:.85}.metrika-title-row h1>span{color:var(--mk-pink)}.metrika-intro-copy{min-width:220px;padding-bottom:3px}.metrika-intro-copy p{font-size:20px;line-height:1.4!important}.metrika-intro-copy a{justify-content:space-between;align-items:center;gap:35px;margin-top:24px;font-size:13px;display:flex}.metrika-intro-copy a span{background:var(--mk-lime);border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;transition:transform .4s;display:grid}.metrika-intro-copy a:hover span{transform:translateY(4px)}.metrika-hero-stage{isolation:isolate;background:#efd9e9;border-radius:30px;padding:24px clamp(18px,5vw,80px) 28px;position:relative;overflow:hidden}.metrika-hero-stage:before{content:"";z-index:-1;background:linear-gradient(120deg,#eed9e7 5%,#e5e1ef 50%,#e1e9c8) 0 0/200% 100%;animation:14s ease-in-out infinite alternate metrika-light;position:absolute;inset:0}.metrika-stage-note{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:10px;display:flex}.metrika-stage-note>span:last-child{margin-left:auto}.metrika-live-dot{background:#565d36;border-radius:50%;width:6px;height:6px}.metrika-screen-open{cursor:zoom-in;color:#242423;text-align:left;background:#fff;border:1px solid #24242315;border-radius:12px;width:100%;padding:0;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;display:block;position:relative;overflow:hidden;box-shadow:0 20px 50px -25px #3a234546}.metrika-browser{color:#6e6a6c;background:#fbfbfa;border-bottom:1px solid #2424230d;align-items:center;gap:5px;padding:12px 14px;font-size:9px;display:flex}.metrika-browser>i{background:#c9c6c7;border-radius:50%;width:5px;height:5px}.metrika-browser>span{margin:auto}.metrika-browser>b{font-size:15px;font-weight:400}.metrika-screen-open>img{width:100%;height:auto;display:block}.metrika-zoom{color:#fff;opacity:0;background:#242423;border-radius:99px;align-items:center;gap:20px;padding:12px 17px;font-size:11px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:18px;right:18px;transform:translateY(8px)}.metrika-zoom b{font-size:20px;font-weight:400}.metrika-screen figcaption{color:#6c6269;justify-content:space-between;gap:16px;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.metrika-screen figcaption>span{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.metrika-brief{grid-template-columns:1fr 3fr;gap:50px;padding-block:100px 110px;scroll-margin-top:120px;display:grid}.metrika-brief>.metrika-eyebrow{padding-top:9px}.metrika-brief h2{max-width:860px}.metrika-brief>div>p{color:#686461;max-width:770px;font-size:18px;margin-top:32px!important}.metrika-facts{border-top:1px solid #24242324;grid-template-columns:1fr 1.15fr 1.2fr;gap:22px;margin-top:48px;padding-top:24px;display:grid}.metrika-facts span{color:#77716b;margin-bottom:10px;font-size:11px;display:block}.metrika-facts strong{font-size:13px;font-weight:500;line-height:1.5}.metrika-visual{color:#fff;background:#272b57;padding:80px 0 90px}.metrika-section-heading{grid-template-columns:1fr 3fr;gap:50px;margin-bottom:55px;display:grid}.metrika-section-heading>.metrika-eyebrow{color:#c3c2d8;padding-top:9px}.metrika-visual em{color:var(--mk-lime)!important}.metrika-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metrika-visual-card{background:#ffffff0b;border:1px solid #ffffff20;border-radius:20px;padding:30px;transition:background .4s,transform .4s}.metrika-visual-card>.metrika-eyebrow{color:#cac9dc}.metrika-visual-card h3{letter-spacing:-.03em;font-size:21px;font-weight:500;margin-bottom:16px!important}.metrika-visual-card p{color:#cdccdc;font-size:14px;line-height:1.75!important}.metrika-aa{letter-spacing:-.09em;justify-content:space-between;align-items:center;height:185px;font-size:120px;font-weight:400;display:flex}.metrika-aa span{color:var(--mk-pink);font-size:60px;transition:transform .6s}.metrika-swatches{align-items:center;gap:8px;height:185px;display:flex}.metrika-swatches i{background:var(--mk-pink);border-radius:10px;flex:1;height:100px;transition:flex .6s,height .6s;display:block;position:relative}.metrika-swatches i:nth-child(2){background:var(--mk-lime)}.metrika-swatches i:nth-child(3){background:var(--mk-blue);border:1px solid #ffffff40}.metrika-swatches i>span{color:#242423;opacity:0;font-size:9px;font-style:normal;transition:opacity .3s;position:absolute;bottom:10px;left:8px}.metrika-swatches i:nth-child(3)>span{color:#fff}.metrika-layout-sample{grid-template-rows:48px 48px;grid-template-columns:1fr 1fr 1fr;align-content:center;gap:8px;height:185px;display:grid}.metrika-layout-sample i{background:#ffffff25;border-radius:8px;transition:transform .5s,background .5s}.metrika-layout-sample i:first-child{background:var(--mk-pink);grid-column:span 2}.metrika-layout-sample i:last-child{background:#d7fa54bb;grid-column:span 2}.metrika-story-heading{grid-template-columns:1fr 2fr;align-items:end;gap:28px 50px;padding-block:105px 48px;display:grid}.metrika-story-heading>.metrika-eyebrow{grid-column:1/-1}.metrika-story-heading>p:last-child{color:#77716b;justify-self:end;max-width:360px;font-size:14px}.metrika-chapter-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f8f5f0;border-block:1px solid #24242320;position:static}.metrika-chapter-nav>div{scrollbar-width:thin;justify-content:space-between;gap:24px;display:flex;overflow-x:auto}.metrika-chapter-nav a{flex-shrink:0;padding:21px 0;font-size:12px;transition:color .2s}.metrika-chapter-nav a span{color:#9a948f;margin-right:9px;font-size:10px}.metrika-chapter-nav a:hover{color:#a51d80}.metrika-chapter{padding:85px 0;scroll-margin-top:145px}.metrika-chapter-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;margin-bottom:36px;display:grid}.metrika-chapter-heading .metrika-eyebrow{color:#77716b;margin-bottom:20px!important}.metrika-chapter-heading h2{max-width:660px;font-size:clamp(32px,3.7vw,53px)!important}.metrika-chapter-heading>p{color:#77716b;justify-self:end;max-width:500px;font-size:16px}.metrika-screen-stage{background:#eeebe7;border-radius:24px;padding:clamp(18px,4.5vw,68px)}.metrika-chapter-hero .metrika-screen-stage{background:#f0dbea}.metrika-chapter-portfolio .metrika-screen-stage{background:#e5edce}.metrika-chapter-team{color:#fff;background:#272b57}.metrika-chapter-team .metrika-chapter-heading :is(p,.metrika-eyebrow){color:#c9c9dc}.metrika-chapter-team .metrika-screen-stage{background:#3b4074}.metrika-chapter-team figcaption{color:#d3d2e5}.metrika-chapter-contact .metrika-screen-stage{background:#f1dbea}.metrika-end{border-top:1px solid #24242320;padding-block:100px 110px}.metrika-end>.metrika-eyebrow{margin-bottom:30px!important}.metrika-end>div{justify-content:space-between;align-items:center;gap:40px;margin-top:40px;display:flex}.metrika-end>div>p{color:#77716b;max-width:540px;font-size:17px}.metrika-cta{background:var(--mk-ink);color:#fff;white-space:nowrap;border-radius:99px;justify-content:space-between;align-items:center;gap:45px;padding:17px 20px 17px 28px;font-size:14px;display:flex}.metrika-cta>span{background:var(--mk-lime);color:#242423;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;transition:transform .4s;display:grid}.metrika-cta:hover>span{transform:rotate(45deg)}.metrika-back{color:#77716b;margin-top:55px;font-size:12px;display:inline-block}.metrika-dialog{color:#242423;background:#f9f8f5;border:0;border-radius:16px;width:min(1300px,100vw - 32px);max-width:none;max-height:90dvh;padding:54px 12px 12px;overflow:auto}.metrika-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161321c9}.metrika-dialog form{z-index:1;justify-content:flex-end;height:0;display:flex;position:sticky;top:-42px}.metrika-dialog form button{color:#fff;cursor:pointer;background:#242423;border:0;border-radius:99px;padding:8px 16px;font-size:13px;position:relative;top:-42px}.metrika-dialog img{width:100%;height:auto;display:block}@keyframes metrika-light{0%{background-position:0}to{background-position:100%}}@keyframes metrika-enter{0%{opacity:.5;transform:translateY(22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){[data-metrika-reveal][data-entered=true]{animation:.8s cubic-bezier(.2,.7,.2,1) both metrika-enter}}@media (hover:hover) and (pointer:fine){.metrika-screen-open:hover{transform:translateY(-5px);box-shadow:0 28px 60px -24px #3a234565}.metrika-screen-open:is(:hover,:focus-visible) .metrika-zoom{opacity:1;transform:none}.metrika-visual-card:hover{background:#ffffff12;transform:translateY(-5px)}.metrika-visual-card:hover .metrika-aa>span{transform:translate(5px,-5px)}.metrika-swatches i:hover{flex:1.7;height:120px}.metrika-swatches i:hover>span{opacity:1}.metrika-visual-card:hover .metrika-layout-sample i:first-child{transform:translateY(-4px)}.metrika-visual-card:hover .metrika-layout-sample i:last-child{background:var(--mk-lime);transform:translateY(4px)}}@media (max-width:900px){.metrika-intro{padding-top:130px}.metrika-title-row{gap:22px}.metrika-intro-copy{min-width:180px}.metrika-intro-copy p{font-size:16px}.metrika-brief,.metrika-section-heading{grid-template-columns:1fr;gap:25px}.metrika-visual-card{padding:22px}.metrika-aa{font-size:95px}.metrika-visual-card h3{font-size:18px}.metrika-visual-card p{font-size:13px}.metrika-chapter-heading{gap:35px}.metrika-chapter-heading>p{font-size:14px}}@media (max-width:600px){.metrika-wrap{width:calc(100% - 36px)}.metrika-intro{padding:120px 0 40px}.metrika-topline{flex-wrap:wrap;gap:15px;font-size:10px}.metrika-topline>span:last-child{display:none}.metrika-title-row{padding:35px 0;display:block}.metrika-title-row h1{font-size:clamp(75px,20vw,120px)}.metrika-intro-copy{justify-content:space-between;align-items:center;gap:20px;margin-top:30px;display:flex}.metrika-intro-copy p{font-size:15px}.metrika-intro-copy a{gap:12px;margin:0;font-size:11px}.metrika-intro-copy a span{width:34px;height:34px}.metrika-hero-stage{border-radius:18px;padding:18px 10px}.metrika-stage-note{margin-bottom:16px;font-size:8px}.metrika-screen-open{border-radius:8px}.metrika-browser{padding:8px;font-size:7px}.metrika-browser>i{width:4px;height:4px}.metrika-screen figcaption{gap:10px;margin-top:12px;font-size:9px}.metrika-screen figcaption>span{white-space:nowrap;font-size:8px}.metrika-brief{gap:25px;padding-block:55px 60px}.metrika-brief>div>p{font-size:16px;margin-top:22px!important}.metrika-facts{grid-template-columns:1fr;gap:18px;margin-top:30px}.metrika-facts>div{justify-content:space-between;gap:20px;display:flex}.metrika-facts span{margin:0}.metrika-facts strong{text-align:right;font-size:12px}.metrika-visual{padding:55px 0}.metrika-section-heading{margin-bottom:32px}.metrika-visual-grid{grid-template-columns:1fr;gap:14px}.metrika-visual-card{padding:24px}.metrika-visual-card h3{font-size:21px}.metrika-visual-card p{font-size:14px}.metrika-aa,.metrika-swatches,.metrika-layout-sample{height:165px}.metrika-aa{font-size:110px}.metrika-story-heading{padding-block:60px 30px;display:block}.metrika-story-heading h2{margin-top:22px!important}.metrika-story-heading>p:last-child{font-size:13px;margin-top:22px!important}.metrika-chapter-nav>div{gap:24px}.metrika-chapter-nav a{padding:16px 0;font-size:10px}.metrika-chapter-nav a span{margin-right:6px;font-size:9px}.metrika-chapter{padding-block:45px;scroll-margin-top:130px}.metrika-chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.metrika-chapter-heading .metrika-eyebrow{font-size:10px;margin-bottom:14px!important}.metrika-chapter-heading h2{font-size:34px!important}.metrika-chapter-heading>p{justify-self:start;font-size:14px}.metrika-screen-stage{border-radius:15px;padding:12px}.metrika-end{padding-block:60px}.metrika-end>div{margin-top:24px;display:block}.metrika-end>div>p{font-size:15px}.metrika-cta{margin-top:28px;padding:12px 14px 12px 23px;font-size:13px}.metrika-back{margin-top:32px}.metrika-dialog{padding-inline:6px}.metrika-zoom{display:none}}@media (prefers-reduced-motion:reduce){.metrika-case *,.metrika-case :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}