/* E-MAK / scoped case layout, v1.3 */
.case-emak{--paper: #f0efea; --paper2: #e5e8e8; --ink: #19242c; --text: #394852; --muted: #65727b; --line: #cbd1d2; --blue: #187db5; --night: #0c2433; --night2: #0d3045; --light: #f8fafb; --gutter: clamp(20px,6.5vw,108px); --max: 1570px; --ease: cubic-bezier(.22,.85,.18,1);}
.case-emak *{box-sizing: border-box;}
.case-emak{scroll-behavior: smooth;}
.case-emak{margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.6 'Inter','Helvetica Neue',Arial,sans-serif; -webkit-font-smoothing: antialiased;}
.case-emak.no-scroll{overflow: hidden;}
.case-emak img{display: block; max-width: 100%;}
.case-emak p,.case-emak h1,.case-emak h2,.case-emak h3,.case-emak figure{margin: 0;}
.case-emak a{color: inherit; text-decoration: none;}
.case-emak button{font: inherit; cursor: pointer;}
.case-emak a:focus-visible,.case-emak button:focus-visible{outline: 2px solid var(--blue); outline-offset: 4px;}
.case-emak h1,.case-emak h2,.case-emak h3{font-weight: 510; letter-spacing: -.058em; line-height: 1.07;}
.case-emak p{line-height: 1.74;}
.case-emak .shell{width: 100%; max-width: var(--max); margin: 0 auto; padding-inline: var(--gutter);}
.case-emak .eyebrow{font-size: 11px; text-transform: uppercase; letter-spacing: .14em; line-height: 1.5; font-weight: 700;}
.case-emak .ital{font: italic 400 1em/1 Georgia,'Times New Roman',serif; letter-spacing: -.052em;}
.case-emak .blue{color: var(--blue);}










.case-emak .intro{padding-block: 62px 78px;}
.case-emak .intro__meta{display: flex; align-items: center; justify-content: space-between; gap: 18px; color: var(--muted);}
.case-emak .intro__grid{display: grid; grid-template-columns: minmax(0,1fr) minmax(205px,305px); align-items: end; gap: 5%; margin-top: 48px;}
.case-emak .intro h1{font-size: clamp(60px,8.65vw,144px); max-width: 1160px;}
.case-emak .intro h1 .ital{color: var(--blue);}
.case-emak .intro__aside{align-self: end; padding-bottom: 8px;}
.case-emak .intro__aside img{width: 100%; height: auto; max-width: 278px; margin-left: auto;}
.case-emak .intro__aside p{font-size: 13px; color: var(--muted); margin-top: 25px; max-width: 274px; margin-left: auto; line-height: 1.67;}
.case-emak .intro__foot{display: grid; grid-template-columns: 1fr auto; gap: 26px; align-items: end; margin-top: 52px;}
.case-emak .intro__foot p{max-width: 855px; font-size: clamp(18px,2.05vw,29px); line-height: 1.43; letter-spacing: -.018em;}
.case-emak .service-tags{max-width: 340px; display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end;}
.case-emak .service-tags span{border: 1px solid #b9c2c5; padding: 7px 12px; border-radius: 99px; font-size: 11px; font-weight: 650; color: #586973;}
.case-emak .hero{height: clamp(530px,63vw,800px); position: relative; isolation: isolate; overflow: hidden; background: #183746; color: #f8f9fa;}
.case-emak .hero::after{content: ''; inset: 0; position: absolute; z-index: 2; background: linear-gradient(90deg,rgba(4,21,31,.91) 0%,rgba(4,21,31,.72) 48%,rgba(4,21,31,.25) 100%),linear-gradient(0deg,rgba(5,22,30,.88) 0%,transparent 45%);}
.case-emak .hero__bg,.case-emak .hero__bg>img,.case-emak .hero__bg>video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 52%;}
.case-emak .hero__bg img{filter: blur(3px) saturate(.85);}
.case-emak .hero__bg video{z-index: 1;}
.case-emak .hero__layout{position: relative; z-index: 3; height: 100%; padding-top: 52px; padding-bottom: 51px; display: flex; flex-direction: column; justify-content: space-between;}
.case-emak .hero__top,.case-emak .hero__bottom{display: flex; align-items: start; justify-content: space-between; gap: 26px;}
.case-emak .hero__top img{max-width: 205px; width: 28%; height: auto;}
.case-emak .hero__title{font-size: clamp(62px,8.5vw,145px); max-width: 1090px; line-height: .98; color: #fff;}
.case-emak .hero__title .ital{color: #dce5ea;}
.case-emak .hero__bottom p{max-width: 515px; font-size: 15px;}
.case-emak .hero__bottom .eyebrow{white-space: nowrap; color: #c2d7e2;}
.case-emak .hero__brand{color: #bdd1da;}
.case-emak .section{padding-block: clamp(95px,10vw,161px);}
.case-emak .section__intro{display: grid; grid-template-columns: .95fr 1fr; gap: 8%; align-items: end; margin-bottom: 55px;}
.case-emak .section__intro h2{font-size: clamp(49px,6.4vw,100px);}
.case-emak .section__intro h2 .ital{color: var(--blue);}
.case-emak .section__intro>p{font-size: clamp(16px,1.36vw,20px); color: var(--muted); max-width: 620px;}
.case-emak .section__kicker{color: var(--blue); margin-bottom: 21px;}
.case-emak .divide{border-top: 1px solid var(--line);}
.case-emak .story{display: grid; grid-template-columns: .83fr 1.17fr; gap: 11%; padding-block: clamp(92px,10vw,160px);}
.case-emak .story h2{font-size: clamp(55px,6.9vw,104px);}
.case-emak .story h2 .ital{color: var(--blue);}
.case-emak .story__body>p{font-size: clamp(18px,1.53vw,22px); line-height: 1.7; color: var(--text);}
.case-emak .story__body>p+p{margin-top: 20px;}
.case-emak .story__facts{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 46px; padding-top: 25px; border-top: 1px solid var(--line);}
.case-emak .story__facts strong{display: block; font-size: clamp(23px,2.8vw,39px); font-weight: 560; letter-spacing: -.05em; color: var(--ink);}
.case-emak .story__facts span{display: block; font-size: 11px; color: var(--muted); margin-top: 8px;}
.case-emak .picture{margin: 0; min-width: 0;}
.case-emak .zoom{width: 100%; display: block; padding: 0; border: 0; background: #d4dadc; position: relative; overflow: hidden;}
.case-emak .zoom>img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--ease);}
.case-emak .zoom:hover>img{transform: scale(1.025);}
.case-emak .zoom .mag{position: absolute; right: 16px; top: 16px; display: grid; place-items: center; background: rgba(255,255,255,.95); width: 37px; height: 37px; border-radius: 50%; font-size: 22px; color: #103449; opacity: 0; transition: opacity .2s;}
.case-emak .zoom:hover .mag,.case-emak .zoom:focus-visible .mag{opacity: 1;}
.case-emak .picture figcaption{display: flex; justify-content: space-between; gap: 13px; align-items: center; margin-top: 13px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 650; color: var(--muted);}
.case-emak .picture figcaption span:last-child{text-align: right;}
.case-emak .panel-label{display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 700;}
.case-emak .social-section{background: var(--night); color: var(--light);}
.case-emak .social-section .section__intro>p{color: #b7cbd6;}
.case-emak .social-section .section__intro .ital{color: #78b7d5;}
.case-emak .social-section .section__kicker{color: #87c6e6;}
.case-emak .social-visuals{display: grid; grid-template-columns: .99fr .85fr; gap: 34px; align-items: stretch;}
.case-emak .social-visuals .picture:first-child .zoom{height: min(58vw,625px);}
.case-emak .social-visuals .picture:nth-child(2) .zoom{height: min(58vw,625px);}
.case-emak .social-visuals .picture .zoom img{object-fit: contain; background: #122a38;}
.case-emak .social-section .picture figcaption{color: #c2d3dd;}
.case-emak .social-overview{display: flex; flex-wrap: wrap; gap: 9px; margin-top: 46px;}
.case-emak .social-overview span{border: 1px solid #477084; border-radius: 50px; padding: 8px 16px; font-size: 12px; color: #c1d5e1;}
.case-emak .social-note{border-top: 1px solid #355466; margin-top: 36px; padding-top: 23px; display: flex; justify-content: space-between; gap: 30px;}
.case-emak .social-note p{max-width: 640px; font-size: 15px; color: #aec3d0;}
.case-emak .ads-layout{display: grid; grid-template-columns: 1.07fr .93fr; gap: 7%; align-items: center;}
.case-emak .ads-visual{background: #0e2b3e; min-height: 560px; position: relative; overflow: hidden; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(24px,3vw,50px);}
.case-emak .ads-visual::before{content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(5,18,29,.93),rgba(5,18,29,.10) 74%); z-index: 1;}
.case-emak .ads-visual img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.case-emak .ads-visual>div{position: relative; z-index: 2;}
.case-emak .ads-visual h3{font-size: clamp(38px,4.2vw,73px); line-height: 1.04; max-width: 540px;}
.case-emak .ads-visual p{max-width: 400px; margin-top: 21px; font-size: 15px; color: #d0e1e8;}
.case-emak .ads-visual .eyebrow{display: block; margin-bottom: 25px; color: #c7e4f0;}
.case-emak .ads-copy h2{font-size: clamp(47px,5.1vw,86px); margin-bottom: 30px;}
.case-emak .ads-copy h2 .ital{color: var(--blue);}
.case-emak .ads-copy>p{font-size: clamp(17px,1.32vw,20px); color: var(--muted); max-width: 540px;}
.case-emak .ads-list{margin-top: 38px; border-top: 1px solid var(--line);}
.case-emak .ads-list div{display: grid; grid-template-columns: 29px 1fr; gap: 18px; padding-block: 16px; border-bottom: 1px solid var(--line); font-size: 14px;}
.case-emak .ads-list b{color: var(--blue);}
.case-emak .corporate{background: #dfe6e9;}
.case-emak .identity-layout{display: grid; grid-template-columns: 1.05fr .95fr; gap: 26px;}
.case-emak .email-card,.case-emak .bulletin-card{background: #f7f8f7; box-shadow: 0 16px 45px #0c243313; padding: clamp(20px,2.5vw,40px); display: flex; flex-direction: column; justify-content: space-between; gap: 32px;}
.case-emak .email-card img{width: 100%; height: auto; box-shadow: 0 7px 25px #0d355020;}
.case-emak .bulletin-card{background: #193b51; color: #fff;}
.case-emak .bulletin-card img{width: 100%; height: auto;}
.case-emak .card-foot{display: flex; justify-content: space-between; gap: 15px; align-items: end; font-size: 12px;}
.case-emak .card-foot h3{font-size: clamp(24px,2.5vw,36px); max-width: 450px;}
.case-emak .card-foot p{font-size: 12px; color: var(--muted); max-width: 300px;}
.case-emak .bulletin-card .card-foot p{color: #aac3d3;}
.case-emak .corp-ribbon{margin-top: 44px; padding: 24px 0; border-block: 1px solid #b7c9d1; display: flex; justify-content: space-between; align-items: start; gap: 24px; color: #425a68; font-size: 14px;}
.case-emak .corp-ribbon strong{color: var(--ink);}
.case-emak .fair-gallery{display: grid; grid-template-columns: .88fr 1.12fr; gap: 28px; align-items: start;}
.case-emak .fair-gallery .picture:nth-child(1) .zoom{height: 650px; background: #152938;}
.case-emak .fair-gallery > .picture:nth-child(1) img{object-fit: contain;}
.case-emak .fair-mini{display: grid; grid-template-columns: 1fr 1fr; gap: 22px;}
.case-emak .fair-mini .zoom{height: 565px;}
.case-emak .fair-mini .zoom img{object-fit: cover;}
.case-emak .fair-note{display: grid; grid-template-columns: .85fr 1.15fr; gap: 32px; border-top: 1px solid var(--line); margin-top: 46px; padding-top: 23px;}
.case-emak .fair-note h3{font-size: clamp(28px,3.4vw,48px);}
.case-emak .fair-note p{max-width: 590px; color: var(--muted); font-size: 17px;}
.case-emak .plan{background: #e3e9eb; padding-block: clamp(85px,8vw,135px);}
.case-emak .plan-inner{border-top: 1px solid #b9cad3; padding-top: 25px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 9%;}
.case-emak .plan h2{font-size: clamp(44px,5.1vw,80px); max-width: 630px;}
.case-emak .plan h2 .ital{color: var(--blue);}
.case-emak .plan__body{align-self: end;}
.case-emak .plan__body p{font-size: clamp(17px,1.5vw,22px); color: #526670;}
.case-emak .plan__body strong{display: inline-block; border: 1px solid #7e9aa9; border-radius: 100px; padding: 7px 13px; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; font-weight: 650; color: #2d617f; margin-bottom: 22px;}
.case-emak .closing{padding-block: clamp(100px,11vw,170px);}
.case-emak .closing h2{font-size: clamp(59px,8.4vw,133px);}
.case-emak .closing h2 .ital{color: var(--blue);}
.case-emak .closing__bottom{display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; margin-top: 55px;}
.case-emak .closing__bottom p{font-size: clamp(18px,1.9vw,27px); max-width: 760px; line-height: 1.47;}
.case-emak .closing__links{display: flex; flex-direction: column; gap: 12px; font-size: 13px; font-weight: 670;}
.case-emak .closing__links a{border-bottom: 1px solid var(--line); padding-bottom: 10px;}
.case-emak .closing__links a:hover{color: var(--blue);}












@media (max-width:1100px) {.case-emak .intro h1{font-size: clamp(55px,8.7vw,105px);}
.case-emak .fair-gallery{grid-template-columns: 1fr;}
.case-emak .fair-gallery .picture:nth-child(1) .zoom{height: 590px;}
.case-emak .fair-mini .zoom{height: 525px;}
.case-emak .ads-visual{min-height: 510px;}
.case-emak .identity-layout{grid-template-columns: 1fr 1fr;}}
@media (max-width:720px) {.case-emak{--gutter: 22px;}








.case-emak .intro{padding-block: 34px 55px;}
.case-emak .intro__meta{font-size: 9px; align-items: start;}
.case-emak .intro__grid{grid-template-columns: 1fr; gap: 27px; margin-top: 39px;}
.case-emak .intro h1{font-size: clamp(55px,13vw,90px);}
.case-emak .intro__aside{display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.case-emak .intro__aside img{max-width: 190px; margin: 0;}
.case-emak .intro__aside p{margin: 0; max-width: 160px; font-size: 10px;}
.case-emak .intro__foot{grid-template-columns: 1fr; gap: 21px; margin-top: 28px;}
.case-emak .intro__foot p{font-size: 19px;}
.case-emak .service-tags{max-width: none; justify-content: flex-start;}
.case-emak .hero{height: 620px;}
.case-emak .hero__layout{padding-block: 31px 35px;}
.case-emak .hero__title{font-size: clamp(57px,13.2vw,88px);}
.case-emak .hero__top img{width: 165px;}
.case-emak .hero__top .eyebrow{font-size: 9px;}
.case-emak .hero__bottom{flex-direction: column; gap: 18px;}
.case-emak .hero__bottom p{font-size: 13px;}
.case-emak .hero__bottom .eyebrow{font-size: 9px; white-space: normal;}
.case-emak .hero::after{background: linear-gradient(90deg,rgba(3,18,27,.89),rgba(3,18,27,.52)),linear-gradient(0deg,rgba(3,18,27,.82),transparent 52%);}
.case-emak .section{padding-block: 88px;}
.case-emak .section__intro{grid-template-columns: 1fr; gap: 27px; margin-bottom: 37px;}
.case-emak .section__intro h2{font-size: clamp(52px,10.9vw,85px);}
.case-emak .section__intro>p{font-size: 16px;}
.case-emak .story{grid-template-columns: 1fr; gap: 27px; padding-block: 84px;}
.case-emak .story h2{font-size: clamp(52px,11vw,90px);}
.case-emak .story__body>p{font-size: 17px;}
.case-emak .story__facts{gap: 10px;}
.case-emak .story__facts strong{font-size: 26px;}
.case-emak .story__facts span{font-size: 10px;}
.case-emak .social-visuals{grid-template-columns: 1fr; gap: 25px;}
.case-emak .social-visuals .picture:first-child .zoom,.case-emak .social-visuals .picture:nth-child(2) .zoom{height: auto; aspect-ratio: 4/4.8;}
.case-emak .social-note{display: block;}
.case-emak .social-note p{margin-top: 12px; font-size: 14px;}
.case-emak .ads-layout{grid-template-columns: 1fr; gap: 50px;}
.case-emak .ads-visual{min-height: 490px;}
.case-emak .ads-copy h2{font-size: clamp(52px,10.8vw,84px);}
.case-emak .identity-layout{grid-template-columns: 1fr;}
.case-emak .corp-ribbon{display: block;}
.case-emak .corp-ribbon p{margin-top: 12px;}
.case-emak .fair-gallery .picture:nth-child(1) .zoom{height: 590px;}
.case-emak .fair-mini{grid-template-columns: 1fr 1fr; gap: 10px;}
.case-emak .fair-mini .zoom{height: 370px;}
.case-emak .fair-note{grid-template-columns: 1fr;}
.case-emak .fair-note p{font-size: 16px;}
.case-emak .plan-inner{grid-template-columns: 1fr; gap: 33px;}
.case-emak .plan h2{font-size: clamp(51px,10.7vw,83px);}
.case-emak .closing{padding-block: 85px;}
.case-emak .closing h2{font-size: clamp(55px,12.1vw,99px);}
.case-emak .closing__bottom{grid-template-columns: 1fr; gap: 35px; margin-top: 38px;}
.case-emak .closing__bottom p{font-size: 19px;}



}
@media (max-width:380px) {.case-emak .intro h1{font-size: 49px;}
.case-emak .hero__title{font-size: 55px;}
.case-emak .story__facts{grid-template-columns: 1fr 1fr;}
.case-emak .fair-mini .zoom{height: 300px;}}
@media (prefers-reduced-motion:reduce) {.case-emak *,.case-emak *::before,.case-emak *::after{scroll-behavior: auto !important; transition: none !important; animation: none !important;}}
.case-emak .results{position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(135deg,#071c29 0%,#0b2c41 63%,#0a2232 100%); color: #f2f8fb; padding-block: clamp(90px,10vw,162px);}
.case-emak .results__light{position: absolute; inset: -15% -25%; z-index: -1; pointer-events: none; opacity: .64; background: radial-gradient(circle at 75% 46%,rgba(36,135,183,.25),transparent 39%),radial-gradient(circle at 12% 88%,rgba(87,169,207,.10),transparent 46%); animation: emakLight 15s ease-in-out infinite alternate;}
@keyframes emakLight {from {transform: translate3d(-2%,0,0);} 
to {transform: translate3d(3%,-3%,0);} }
.case-emak .results__top{display: grid; grid-template-columns: 1fr minmax(290px,.52fr); gap: 8%; align-items: end;}
.case-emak .results__eyebrow{color: #70badf; margin-bottom: 28px;}
.case-emak .results__top h2{font-size: clamp(65px,8.1vw,135px); line-height: .98; color: #fff;}
.case-emak .results__top h2 .ital{color: #75c3e9;}
.case-emak .results__top>p{max-width: 470px; font-size: clamp(17px,1.25vw,20px); color: #b8cfdc; line-height: 1.75;}
.case-emak .results__metrics{margin-top: clamp(52px,6vw,105px); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid rgba(185,222,242,.28); border-bottom: 1px solid rgba(185,222,242,.28);}
.case-emak .results__metric{display: flex; flex-direction: column; padding: clamp(27px,3.7vw,59px) clamp(18px,3vw,52px) clamp(28px,3vw,47px) 0; min-width: 0; position: relative;}
.case-emak .results__metric+.results__metric{padding-left: clamp(18px,3vw,52px); border-left: 1px solid rgba(185,222,242,.26);}
.case-emak .results__category{font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: #87bcd9; font-weight: 700; min-height: 38px; line-height: 1.45;}
.case-emak .results__value{margin-top: 12px; font-size: clamp(42px,5.9vw,100px); letter-spacing: -.067em; line-height: 1.1; font-weight: 520; font-variant-numeric: tabular-nums; white-space: nowrap; color: #f8fbfd;}
.case-emak .results__metric--blue .results__value{color: #6dc8f6;}
.case-emak .results__label{margin-top: 11px; font-size: clamp(13px,1.12vw,17px); color: #d1dfe7;}
.case-emak .results__rule{height: 3px; background: rgba(145,194,219,.17); display: block; margin-top: 37px; overflow: hidden;}
.case-emak .results__bar{display: block; background: #70c8f5; height: 100%; width: 0; transition: width 1.65s cubic-bezier(.21,.9,.2,1);}
.case-emak .results.is-visible .results__bar{width: var(--bar);}
.case-emak .results__bottom{display: flex; align-items: start; justify-content: space-between; gap: 45px; margin-top: 35px;}
.case-emak .results__reach{display: flex; align-items: center; gap: 12px; font-size: clamp(14px,1.2vw,18px); color: #d7e6ed; max-width: 510px;}
.case-emak .results__reach strong{color: #fff; font-weight: 700;}
.case-emak .results__dot{flex: none; width: 9px; height: 9px; border-radius: 50%; background: #5bc0ef; box-shadow: 0 0 0 7px #5bc0ef20;}
.case-emak .results__bottom>p{max-width: 540px; font-size: 12px; line-height: 1.8; color: #a1b9c8;}
@media (max-width:850px) {.case-emak .results__top{grid-template-columns: 1fr; gap: 25px;}
.case-emak .results__metrics{grid-template-columns: 1fr;}
.case-emak .results__metric,.case-emak .results__metric+.results__metric{padding: 30px 0; border-left: 0;}
.case-emak .results__metric+.results__metric{border-top: 1px solid rgba(185,222,242,.26);}
.case-emak .results__category{min-height: 0;}
.case-emak .results__value{font-size: clamp(61px,13vw,90px);}
.case-emak .results__rule{margin-top: 20px;}
.case-emak .results__bottom{flex-direction: column; gap: 22px;}}
@media (prefers-reduced-motion:reduce) {.case-emak .results__light{animation: none;}
.case-emak .results__bar{transition: none;}}