/* MKM Labs EN case study pages (/en/portfolio/<slug>/), W2-E2. Needs mkm-fe.20261004.css + page-en.20261004.css */
.en2-h1{font-size:clamp(34px,5vw,80px);line-height:1;max-width:1000px;overflow-wrap:anywhere}
.en2-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:#aeb4c2;font-size:14px;font-weight:600;transition:color 150ms ease}
.en2-back:hover{color:#fff}
.en2-lede{max-width:760px}
.en2-hero a:not(.en2-back),.en2-story a,.en2-split a,.en2-res a,.en2-rel .fe-card__d a{color:#99baff;text-decoration:underline;text-decoration-color:rgba(153,186,255,.35);text-underline-offset:3px;transition:color 150ms ease}
.en2-hero a:not(.en2-back):hover,.en2-story a:hover,.en2-split a:hover,.en2-res a:hover{color:#fff}
.en2-hero .fe-hero__side{flex:1 1 320px}
.en2-hero .fe-fact{flex-wrap:wrap}
.en2-hero .fe-fact__v{font-size:clamp(17px,1.5vw,22px);text-align:right;overflow-wrap:anywhere}
.en2-hero .fe-fact__v a{text-decoration:none}

/* cover */
.en2-cover{padding-top:0}
.en2-cover__fig{margin:0;border-radius:36px;overflow:hidden;background:#07101d;border:1px solid rgba(255,255,255,.07);aspect-ratio:16/9}
.en2-cover__fig img{display:block;width:100%;height:100%;object-fit:cover}

/* story */
.en2-story__inner{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px);align-items:flex-start}
.en2-story__main{flex:1.3 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
.en2-story__stats{flex:1 1 280px;min-width:0;display:grid;gap:10px}
.en2-h2{font-size:clamp(30px,3.6vw,56px);line-height:1.02;max-width:760px}
.en2-story .fe-body,.en2-story__main p.fe-body{max-width:760px}
.en2-stat{gap:8px;overflow:hidden}
.en2-stat__v{font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-0.03em;line-height:1;color:#99baff;position:relative}
.en2-stat__l{font-size:14px;color:#aeb4c2;position:relative}

/* challenge / solution */
.en2-card-h{font-size:clamp(26px,2.6vw,38px);line-height:1.05;letter-spacing:-0.035em}
.en2-card-p{font-size:17px;line-height:1.65;color:#c3c8d3}

/* results */
.en2-results__list{list-style:none;margin:0;padding:0}
.en2-res{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#e5e8ee;font-size:16px;line-height:1.55}
.en2-res__ok{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(0,87,255,.2);color:#99baff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}

/* scope + stack */
.en2-tagbox{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.en2-tagbox__h{font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:-0.03em;line-height:1.05}
.en2-pills{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.en2-pills li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:600;color:#d7dbe4}

/* related */
.en2-rel{gap:14px;padding:10px 10px 26px;overflow:hidden}
.en2-rel__media{position:relative;aspect-ratio:16/10;border-radius:calc(var(--fe-r-card,32px) - 8px);overflow:hidden;background:#07101d}
.en2-rel__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(0.23,1,0.32,1)}
.en2-rel:hover .en2-rel__media img{transform:scale(1.03)}
.en2-rel__cap{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:6px 12px;border-radius:999px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#fff}
.en2-rel .fe-card__t,.en2-rel .fe-card__d,.en2-rel__more{padding:0 16px}
.en2-rel .fe-card__t{font-size:clamp(20px,1.8vw,26px);line-height:1.1}
.en2-rel__more{color:#99baff;font-size:14px;font-weight:600;margin-top:auto}
@media(max-width:600px){.en2-cover__fig{border-radius:24px}.en2-hero .fe-fact{padding:16px 18px}}
