
/* Nemove v1.8.0 — Case Study usability, typography and media quality pass */
.case-study-v3 .case-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:46px;align-items:center}
.case-study-v3 .case-hero-copy h1{font-size:clamp(38px,4.15vw,56px)!important;line-height:1.32!important;letter-spacing:-.65px!important;max-width:760px;margin:14px 0 16px!important;text-wrap:balance}
.case-study-v3 .case-hero-copy>p{font-size:16px!important;line-height:2!important;max-width:720px}
.case-study-v3 .case-hero-media{height:auto!important;min-height:0!important;aspect-ratio:3/2;border-radius:26px!important;background:#f5f7fb!important}
.case-study-v3 .case-hero-media>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;opacity:1!important}
.case-study-v3 .case-hero-media::after{background:linear-gradient(180deg,transparent 70%,rgba(16,24,40,.18))!important}

/* Portfolio featured images use the same 3:2 standard as generated Nemove covers. */
.project-thumb{height:auto!important;min-height:0!important;aspect-ratio:3/2!important}
.project-thumb-image,.project-thumb>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* Metrics: card based grid, no orphaned item or large empty row. */
.case-metrics-section{padding-top:34px!important;padding-bottom:78px!important}
.case-metrics-v18{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.case-metric-card{position:relative;min-height:170px;padding:20px 18px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.055);overflow:hidden;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s,border-color .28s}
.case-metric-card::after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;left:-38px;top:-42px;background:var(--metric-wash,#eef4ff);opacity:.7;filter:blur(2px)}
.case-metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(16,24,40,.09);border-color:var(--metric-border,#c9d9fb)}
.case-metric-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--metric-wash,#eef4ff);color:var(--metric-color,#285ff5);position:relative;z-index:1;margin-bottom:15px}
.case-metric-icon .icon{width:19px;height:19px}
.case-metric-card strong{display:block;color:#101828!important;background:none!important;-webkit-text-fill-color:initial!important;font-size:27px!important;line-height:1.15;direction:ltr;text-align:right}
.case-metric-card>span:not(.case-metric-icon){display:block;margin-top:7px;font-size:13px!important;font-weight:850;color:#344054!important}
.case-metric-card small{display:block;margin-top:7px;font-size:11.5px!important;line-height:1.8;color:#667085!important}
.metric-tone-1{--metric-color:#285ff5;--metric-wash:#edf3ff;--metric-border:#bfd0ff}.metric-tone-2{--metric-color:#6c5ce7;--metric-wash:#f2efff;--metric-border:#d8d0ff}.metric-tone-3{--metric-color:#0a8f68;--metric-wash:#e9f8f2;--metric-border:#c5eadc}.metric-tone-4{--metric-color:#c96a12;--metric-wash:#fff3e7;--metric-border:#f3d1b0}.metric-tone-5{--metric-color:#be3d7f;--metric-wash:#fff0f7;--metric-border:#efcce0}.metric-tone-6{--metric-color:#087d92;--metric-wash:#e9f8fb;--metric-border:#c5e7ed}

/* Page showcase: readable tabs, full-quality originals and a larger viewing stage. */
.case-showcase{border-radius:28px!important}
.case-showcase-tabs{gap:8px!important;padding:14px!important;scroll-padding-inline:16px}
.case-showcase-tabs button{min-height:52px!important;padding:10px 15px!important;border:1px solid #e0e6ee!important;background:#fff!important;box-shadow:0 4px 12px rgba(16,24,40,.025)}
.case-showcase-tabs button span{font-size:14px!important;font-weight:850!important;line-height:1.4}
.case-showcase-tabs button small{font-size:10.5px!important;font-weight:700!important}
.case-showcase-tabs button:hover{border-color:#c7d6f6!important;background:#f4f7ff!important;color:#174fb8!important}
.case-showcase-tabs button.is-active{background:linear-gradient(135deg,#285ff5,#6c5ce7)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(40,95,245,.2)}
.case-showcase-tabs button.is-active small{color:#eef3ff!important}
.case-showcase-stage{padding:18px!important;background:#f6f8fb!important}
.case-browser-frame{border-radius:22px!important;overflow:hidden!important}
.case-browser-bar{height:52px!important}.case-browser-bar>div{font-size:13px!important;font-weight:750!important}
.case-page-scroll{height:min(72vh,760px)!important;background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable}
.case-page-scroll img{width:100%!important;height:auto!important;max-width:none!important;display:block!important;filter:none!important;opacity:1!important;image-rendering:auto!important;transform:none!important}
.case-showcase-caption{font-size:13px!important;line-height:1.9!important;padding:14px 4px 0!important}
.case-showcase-footer{padding:16px 18px!important}.case-showcase-footer>span{font-size:12.5px!important}
.case-lightbox-body img{width:auto!important;min-width:min(100%,1100px);max-width:1800px!important;height:auto!important;image-rendering:auto!important}

/* Experts are individual project specialists, not a generic execution-team block. */
.case-project-experts .section-head{max-width:850px}
.case-experts-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.case-expert-card{grid-template-columns:84px minmax(0,1fr)!important;gap:17px!important;padding:22px!important;align-items:start!important}
.case-expert-avatar{width:84px!important;height:84px!important;border-radius:22px!important;border:1px solid #dfe6ef;background:#f2f5f9!important}
.case-expert-body small{font-size:11.5px!important;color:#285fc9!important;font-weight:750}
.case-expert-card h3{font-size:20px!important;margin:5px 0 7px!important}
.case-expert-specialty{font-size:11.5px;line-height:1.75;color:#667085;background:#f7f9fc;border:1px solid #e5e9ef;border-radius:10px;padding:7px 9px;margin:8px 0}
.case-expert-card p{font-size:13px!important;line-height:1.9!important}
.case-expert-link{font-size:12px!important;margin-top:14px!important}

/* Conversion CTA with a human support visual and clearer hierarchy. */
.case-cta-section{padding-top:44px!important;padding-bottom:88px!important}
.case-cta-v18{position:relative;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);min-height:330px;border-radius:30px;overflow:hidden;background:linear-gradient(125deg,#123d94 0%,#285ff5 52%,#6c46df 100%);box-shadow:0 28px 70px rgba(39,80,190,.24);isolation:isolate;color:#fff}
.case-cta-v18::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.22),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,48px 48px;z-index:-1;opacity:.7}
.case-cta-visual{position:relative;min-height:330px;align-self:end;display:flex;align-items:flex-end;justify-content:center;padding:18px 0 0 18px}
.case-cta-visual img{height:315px;width:auto;max-width:100%;object-fit:contain;object-position:bottom center;display:block;filter:drop-shadow(0 18px 30px rgba(7,23,65,.22));border-radius:22px 22px 0 0}
.case-cta-status{position:absolute;right:22px;bottom:20px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);color:#173f9f;border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(13,36,86,.16);border-radius:999px;padding:9px 12px;font-size:11.5px;font-weight:850}
.case-cta-status i{width:8px;height:8px;border-radius:50%;background:#22c58b;box-shadow:0 0 0 4px rgba(34,197,139,.13)}
.case-cta-copy{padding:48px 48px 44px;align-self:center;position:relative;z-index:1}
.case-cta-copy .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.case-cta-copy h2{font-size:clamp(31px,3.6vw,48px);line-height:1.35;margin:17px 0 12px;color:#fff;max-width:760px;text-wrap:balance}
.case-cta-copy>p{font-size:15px;line-height:2;color:#e9efff;max-width:760px;margin:0 0 18px}
.case-cta-points{display:flex;flex-wrap:wrap;gap:9px 16px;margin:0 0 24px}.case-cta-points span{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:750;color:#fff}.case-cta-points .icon{width:16px;color:#aef0d5}
.case-cta-v18 .btn-primary{background:#fff!important;color:#1b4eb8!important;box-shadow:0 12px 28px rgba(10,34,84,.18)!important}.case-cta-v18 .btn-primary:hover{background:#f5f8ff!important;color:#173f9f!important}
.case-cta-v18 .btn-secondary{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}

/* Typography hardening for Peyda/Vazirmatn and visitor rendering. */
body{font-feature-settings:"kern" 1,"liga" 1;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.case-study-v3 h1,.case-study-v3 h2,.case-study-v3 h3{font-weight:800!important}

@media(max-width:1100px){
  .case-study-v3 .case-hero-grid{grid-template-columns:1fr!important}.case-study-v3 .case-hero-media{max-width:820px;width:100%;margin-inline:auto}
  .case-metrics-v18{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-experts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .case-cta-v18{grid-template-columns:280px 1fr}.case-cta-copy{padding:38px 32px}.case-cta-visual img{height:285px}
}
@media(max-width:760px){
  .case-study-v3 .case-hero-copy h1{font-size:clamp(31px,8.9vw,40px)!important;line-height:1.42!important;text-wrap:pretty}.case-study-v3 .case-hero-copy>p{font-size:14.5px!important}
  .case-study-v3 .case-hero-media{aspect-ratio:3/2!important;border-radius:20px!important}
  .project-thumb{aspect-ratio:3/2!important}
  .case-metrics-section{padding-top:22px!important;padding-bottom:64px!important}.case-metrics-v18{grid-template-columns:1fr 1fr;gap:10px}.case-metric-card{min-height:150px;padding:16px 14px;border-radius:17px}.case-metric-icon{width:36px;height:36px}.case-metric-card strong{font-size:23px!important}.case-metric-card>span:not(.case-metric-icon){font-size:12px!important}.case-metric-card small{font-size:10.5px!important}
  .case-showcase-tabs{position:sticky!important;top:0!important;z-index:6!important;padding:10px!important;gap:7px!important}.case-showcase-tabs button{min-height:48px!important;padding:8px 12px!important}.case-showcase-tabs button span{font-size:13px!important}.case-showcase-tabs button small{font-size:9.5px!important}.case-showcase-stage{padding:7px!important}.case-page-scroll{height:min(67vh,620px)!important}.case-browser-bar{height:45px!important}.case-browser-bar>div{font-size:11.5px!important}.case-showcase-footer>span{font-size:11.5px!important}
  .case-experts-grid{grid-template-columns:1fr!important}.case-expert-card{grid-template-columns:70px minmax(0,1fr)!important;padding:17px!important}.case-expert-avatar{width:70px!important;height:70px!important;border-radius:18px!important}.case-expert-card h3{font-size:18px!important}.case-expert-body small,.case-expert-specialty{font-size:10.5px!important}
  .case-cta-v18{grid-template-columns:1fr;min-height:0;border-radius:24px}.case-cta-copy{padding:28px 22px 30px;order:1}.case-cta-copy h2{font-size:30px;line-height:1.45}.case-cta-copy>p{font-size:13.5px}.case-cta-visual{order:2;min-height:240px;padding-top:0;background:rgba(255,255,255,.06)}.case-cta-visual img{height:245px}.case-cta-status{right:16px;bottom:14px;font-size:10.5px}.case-cta-points{gap:8px 12px}.case-cta-points span{font-size:11.5px}.case-cta-v18 .cta-actions{display:grid;width:100%}.case-cta-v18 .btn{width:100%}
}
@media(max-width:460px){
  .case-metrics-v18{grid-template-columns:1fr}.case-metric-card{min-height:135px}
  .case-showcase-tabs button{min-width:max-content}.case-page-scroll{height:58vh!important}
  .case-cta-copy h2{font-size:27px}.case-cta-visual img{height:225px}
}
