/* Shared multi-page layer. All fonts, graphics and code are local. */
.nav a{font-size:.78rem;padding:.5em .7em}.hdr .wrap{gap:18px}.hdr-cta .btn{font-size:.82rem}
.hdr{z-index:100}.mnav{z-index:90}.mnav .mi[aria-current=page]{color:#FF8CB8}
.mnav a.mi{padding:10px 4px;font-size:1.14rem}.mnav a.mi small{font-size:.67rem}
.local-build-note{font-size:.7rem;color:#7893A8;margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}
.local-build-note a{text-decoration:underline;text-underline-offset:4px}
.page-hero{background:radial-gradient(ellipse at 15% 30%,#3E6E9945,transparent 65%),radial-gradient(ellipse at 85% 100%,#BA004B22,transparent 60%),#0C1821;color:#fff;min-height:690px;padding:142px 0 84px;overflow:hidden}
.page-hero>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
.page-hero h1{font-size:clamp(2.4rem,4vw,3.65rem);line-height:1.3;font-weight:900;color:#fff;margin:20px 0 18px;max-width:21ch}
.page-hero .grad{background:linear-gradient(90deg,#9FCBEA,#FF83B1);color:transparent;background-clip:text;-webkit-background-clip:text}
.page-hero .lead{color:#ADC4D6;font-size:1.02rem;line-height:1.95}
.page-kicker{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.page-kicker .eyebrow{color:#FF5597;font-size:.77rem}
.motion-switch{font-size:.65rem;color:#A4BED2;background:#ffffff08;border:1px solid #ffffff25;padding:5px 10px;border-radius:30px;min-height:32px}
.motion-switch:hover{color:#fff;border-color:#FF5597}
.motion-switch:disabled{cursor:default}
.page-proof{display:block;margin-top:27px;padding-top:19px;border-top:1px solid #ffffff16;color:#7596B0;font-size:.7rem}
.page-hero-visual{width:100%;min-width:0}
.page-hero-visual .bearing-scene{max-width:540px;margin-inline:auto}
.page-hero-visual .bearing-parallax{will-change:auto}
.animated-figure{margin:0;padding:22px 18px;border:1px solid #4A739341;background:linear-gradient(145deg,#18364A70,#0B192366);border-radius:26px;position:relative;overflow:hidden;box-shadow:0 35px 80px -50px #000}
.figure-caption{display:flex;justify-content:space-between;gap:10px;font-size:.68rem;color:#91B2CA}
.figure-caption span:first-child{direction:ltr}.figure-caption span:last-child{color:#C6A9BE;border:1px solid #BA004B55;border-radius:30px;padding:2px 8px}
.animated-figure svg{width:100%;height:auto;display:block;overflow:visible;margin-top:8px}
.animated-figure svg text{font-family:Vazirmatn,Tahoma,sans-serif;direction:rtl}
.animated-figure figcaption{font-size:.62rem;color:#6E91AC;text-align:center}
.pump-impeller{transform-origin:320px 235px;animation:site-impeller 9s linear infinite}
.flow-line{stroke-dasharray:12 16;animation:site-flow 2s linear infinite}
.blue-flow{stroke:#7FB7E0;animation-duration:2.8s}
.control-route{stroke-dasharray:6 10;animation:site-flow 2.2s linear infinite}
.compressor-stage{animation:site-stage 2.8s ease-in-out infinite;animation-delay:var(--phase,0s)}
.gauge-needle{transform-origin:0 0;animation:site-gauge 4s ease-in-out infinite}
.network-core{transform-box:fill-box;transform-origin:center;animation:site-core 4s ease-in-out infinite}
.page-hero-visual:not(.is-active) *{animation-play-state:paused}
@keyframes site-impeller{to{transform:rotate(360deg)}}
@keyframes site-flow{to{stroke-dashoffset:-56}}
@keyframes site-stage{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes site-gauge{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(30deg)}}
@keyframes site-core{0%,100%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}}
.content-section{background:#fff}.soft-section:nth-of-type(2n+1){background:#F3F7FB}
.section-intro{margin-bottom:34px;max-width:760px}.section-intro h2{margin-top:12px;line-height:1.45}
.section-intro .eyebrow{font-size:.8rem}
.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.info-card{padding:28px;border:1px solid #DCE3EA;background:#fff;border-radius:22px;min-width:0}
.card-index{font-size:.72rem;font-weight:700;letter-spacing:1px;color:#BA004B}
.info-card h3{font-size:1.2rem;margin:12px 0 9px}.info-card p{font-size:.92rem;color:#5B6B7B;line-height:1.9}
.source-note{font-size:.72rem;color:#73889B;border-top:1px solid #DCE3EA;padding-top:18px;margin-top:26px;overflow-wrap:anywhere}
.source-note a{color:#3E6E99;text-decoration:underline;text-underline-offset:4px}
.fine-print{font-size:.8rem;color:#6B8094;margin-top:24px;line-height:1.9}
.feature-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 30px;padding:0;margin:28px 0}
.feature-list li{position:relative;padding:18px 25px 18px 15px;border-bottom:1px solid #DCE3EA;font-size:.98rem;line-height:1.9}
.feature-list li:before{content:'';width:6px;height:6px;border-radius:2px;background:#BA004B;position:absolute;right:0;top:30px;transform:rotate(45deg)}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #DCE3EA;background:#DCE3EA;border-radius:20px;overflow:hidden;margin-top:24px}
.spec-grid>div{background:#fff;padding:24px;min-width:0}
.spec-grid dt{font-size:.8rem;color:#70869B;margin-bottom:9px}.spec-grid dd{font-weight:700;font-size:.98rem;line-height:1.8;margin:0;overflow-wrap:anywhere}
.ph{white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.split-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split-content p{color:#5B6B7B;line-height:2;margin-bottom:22px}
.content-photo{width:100%;height:380px;object-fit:cover;border-radius:24px}
.body-lead{font-size:1.12rem;line-height:2;max-width:82ch;color:#5B6B7B}
.compact-cta{background:radial-gradient(ellipse at bottom left,#BA004B44,transparent 65%),#122330;color:#BCD2E2}
.compact-cta .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}
.compact-cta h2{color:#fff;max-width:24ch;margin:12px 0}.compact-cta .eyebrow{color:#FF5597}
.compact-cta p{font-size:.95rem}.compact-cta .btn{flex:none}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-link{border:1px solid #DCE3EA;border-radius:24px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s;min-width:0}
.product-link:hover{transform:translateY(-5px);box-shadow:0 25px 50px -35px #12233099}
.product-picture{height:240px;aspect-ratio:auto;background:#122330;padding:0;overflow:hidden;position:relative}
.product-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;padding:0}
.product-link>div:last-child{padding:26px}.product-link h3{font-size:1.2rem;margin:12px 0}.product-link p{font-size:.9rem;color:#5B6B7B}
.text-link{display:inline-block;color:#BA004B;font-weight:700;font-size:.86rem;margin-top:16px}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.project-filters button{min-height:44px;font-size:.83rem;font-weight:700;padding:8px 17px;border-radius:30px;background:#fff;color:#122330;border:1px solid #DCE3EA}
.project-filters button.on{background:#122330;color:#fff;border-color:#122330}
.filter-count{font-size:.76rem;color:#6B8397;margin-bottom:26px}
.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-card{border:1px solid #DCE3EA;border-radius:24px;overflow:hidden;background:#fff}
.project-card[hidden]{display:none!important}
.project-card img{width:100%;height:270px;aspect-ratio:auto;object-fit:cover;object-position:center;padding:0;background:#122330;display:block}
.project-card[data-project=amb] img{object-fit:cover;object-position:42% 48%;padding:0;background:#0C1821}
.project-card a>div{padding:28px}.project-card h3{font-size:1.15rem}.project-card p{font-size:.85rem;color:#6B8397;margin-top:12px}
.about-visual{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#153044;border:1px solid #ffffff26}
.about-visual img{width:100%;height:390px;object-fit:cover;object-position:center 35%;opacity:.8}
.about-visual figcaption{font-size:.7rem;color:#AFC9DB;padding:14px 20px}
.news-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.news-item{border:1px solid #DCE3EA;border-radius:24px;overflow:hidden;background:#fff;transition:transform .3s;min-width:0}
.news-item:hover{transform:translateY(-5px)}
.news-picture{height:240px;position:relative;background:#E6F3FA}
.news-picture img{width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.92}
.news-picture span{position:absolute;top:18px;right:18px;color:#fff;background:#122330db;border:1px solid #ffffff25;padding:4px 12px;border-radius:20px;font-size:.7rem}
.news-item-body{padding:28px}.news-item time{font-size:.75rem;color:#BA004B}.news-item h3{font-size:1.2rem;margin:12px 0}.news-item p{font-size:.9rem;color:#5B6B7B;line-height:1.9}
.article-hero{padding:140px 0 70px;background:radial-gradient(ellipse at 90% 100%,#BA004B25,transparent 65%),#0C1821;color:#C5D8E7}
.article-hero h1{font-size:clamp(2rem,3.5vw,3.2rem);color:#fff;max-width:28ch;margin:18px 0 20px;font-weight:900}
.article-hero .lead{color:#ACC5D8;max-width:75ch}
.article-hero .eyebrow{color:#FF5597}.article-back{display:block;margin-bottom:28px;font-size:.8rem;color:#95B8D1}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.78rem;margin-top:26px;color:#8DAFC9}
.article-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:56px;align-items:start}
.article-body{min-width:0;max-width:85ch;line-height:2.15}.article-body p{font-size:1rem;color:#4E6375;margin:0 0 24px}
.article-body figure{margin:0 0 36px}.article-body img{width:100%;height:360px;object-fit:cover;object-position:center 30%;border-radius:24px}
.article-body figcaption{font-size:.72rem;color:#7E91A2;margin-top:12px}.article-body h2{font-size:1.7rem;margin:30px 0 18px}
.article-aside{border:1px solid #DCE3EA;border-radius:20px;padding:24px;background:#F5F8FB}
.article-aside h2{font-size:1.05rem}.article-aside a{display:block;font-size:.9rem;color:#3E6E99;border-top:1px solid #DCE3EA;padding-top:18px;margin-top:18px;line-height:1.9}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.contact-line{display:block;padding:20px 0;border-bottom:1px solid #DCE3EA}
.contact-line small{font-size:.8rem;color:#7890A3;display:block;margin-bottom:10px}
.contact-line strong{font-size:1.8rem;font-weight:800;color:#122330;overflow-wrap:anywhere;max-width:100%}
.contact-line span{display:block;color:#BA004B;font-size:.75rem;margin-top:8px}.contact-line p{font-size:1rem;line-height:1.95}
.contact-form{min-width:0;padding:30px;border:1px solid #DCE3EA;border-radius:24px;background:#F3F7FB}
.contact-form legend{font-size:.8rem;font-weight:700;color:#BA004B;padding:0 10px}
.contact-form .form-row{display:flex;gap:14px;flex-wrap:wrap}
.contact-form label{display:block;flex:1 1 calc(50% - 7px);min-width:0;font-size:.82rem;color:#5B6B7B;margin-bottom:16px}
.contact-form input,.contact-form select,.contact-form textarea{display:block;font:inherit;background:#fff;border:1px solid #D1DFE9;border-radius:12px;width:100%;padding:12px 14px;min-height:48px;color:#5B6B7B;opacity:1;margin-top:7px}
.contact-form button{font:inherit;background:#BA004B;color:#fff;border:0;border-radius:14px;width:100%;min-height:50px;opacity:.7;cursor:not-allowed}
.contact-form p{font-size:.72rem;color:#7890A3;margin-top:16px}
.map-placeholder{margin-top:48px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;text-align:center;background:linear-gradient(30deg,#E9F2F8,#F7FAFC);border:1px dashed #8FAABE;border-radius:24px}
.map-placeholder>span{font-size:2rem;color:#BA004B}.map-placeholder h3{font-size:1.1rem}.map-placeholder small{font-size:.72rem;color:#7890A3}
.quick-links{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1100px){
 .page-hero>.wrap{gap:30px}.page-hero h1{font-size:2.6rem}.page-hero{min-height:640px}
 .site-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-layout{gap:32px;grid-template-columns:minmax(0,2fr) minmax(200px,1fr)}
 .contact-layout{gap:30px}.contact-line strong{font-size:1.45rem}
}
@media(max-width:640px){
 .page-hero{padding:96px 0 54px;min-height:0}
 .page-hero>.wrap{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .page-hero-copy{display:contents}.page-kicker{order:0;gap:9px}.page-kicker .eyebrow{font-size:.67rem}
 .motion-switch{font-size:.57rem;min-height:30px;padding:4px 8px}
 .page-hero h1{order:1;font-size:2rem;margin:0;max-width:none;line-height:1.32}
 .page-hero-visual{order:2;max-width:310px;align-self:center}
 .page-hero .lead{order:3;font-size:.92rem;line-height:1.9}
 .page-hero .hero-ctas{order:4;margin:0;gap:8px}.page-hero .btn{min-height:46px;font-size:.8rem;padding:.7em 1.1em;justify-content:center}
 .page-proof{order:5;margin-top:2px;padding-top:14px;font-size:.63rem}
 .animated-figure{padding:14px 10px;border-radius:20px}.figure-caption{font-size:.56rem}.figure-caption span:last-child{font-size:.52rem;padding:1px 6px}
 .animated-figure figcaption{font-size:.53rem}.animated-figure svg{margin:0}
 .page-hero-visual .bearing-scene{max-width:290px;margin:0 auto}
 .page-hero-visual .scene-bottom{font-size:.5rem;gap:6px}.page-hero-visual .scene-bottom>span:first-child{font-size:.6rem}
 .page-hero-visual .scene-overline{font-size:.6rem}
 .section-intro{margin-bottom:26px}.section-intro h2{font-size:1.7rem}.section-intro .eyebrow{font-size:.73rem}
 .site-cards,.feature-list,.spec-grid,.split-content,.product-grid,.project-list,.news-cards,.article-layout,.contact-layout{grid-template-columns:1fr;gap:18px}
 .info-card{padding:24px}.info-card h3{font-size:1.1rem}
 .feature-list li{padding-block:14px;font-size:.9rem}.feature-list li:before{top:26px}
 .spec-grid{gap:1px}.spec-grid>div{padding:20px}.spec-grid dd{font-size:.9rem}
 .split-content p{font-size:.94rem}.content-photo{height:300px}.body-lead{font-size:1rem}
 .compact-cta .wrap{flex-direction:column;align-items:flex-start}.compact-cta h2{font-size:1.7rem}.compact-cta p{font-size:.9rem}
 .product-picture{height:210px;aspect-ratio:auto}.product-link>div:last-child{padding:24px}.product-link h3{font-size:1.15rem}
 .project-filters{gap:7px}.project-filters button{padding:7px 12px;font-size:.75rem}
 .project-card img{height:230px;aspect-ratio:auto}.project-card a>div{padding:24px}
 .about-visual img{height:245px}.about-visual figcaption{font-size:.6rem;padding:10px 14px}
 .news-picture{height:210px}.news-item-body{padding:24px}.news-item h3{font-size:1.1rem}
 .article-hero{padding:110px 0 50px}.article-hero h1{font-size:1.9rem;line-height:1.55}.article-hero .lead{font-size:.92rem}
 .article-meta{font-size:.7rem;gap:10px 18px}.article-back{margin-bottom:20px}
 .article-body img{height:240px}.article-body p{font-size:.95rem}.article-body h2{font-size:1.4rem}.article-aside{padding:20px}
 .contact-line strong{font-size:1.6rem}.contact-line p{font-size:.94rem}.contact-form{padding:22px 18px}
 .contact-form label{flex-basis:100%}.map-placeholder{padding:24px 18px;min-height:260px}.map-placeholder h3{font-size:1rem}
 footer{margin-top:0}.local-build-note{font-size:.64rem}.mnav a.mi{font-size:1.05rem;padding:9px 4px}.mnav a.mi small{font-size:.59rem}
 .mnav .mfoot{padding-top:16px;gap:9px}.mnav .mfoot .btn{min-height:44px;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js .rv{opacity:1!important;transform:none!important}
}
@media(hover:hover) and (pointer:fine){.product-link[data-tilt]{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s,box-shadow .3s}}
.news-archive{position:absolute;bottom:14px;left:14px;font-size:.62rem;color:#D9EAF6;background:#0C1821d9;border:1px solid #ffffff25;border-radius:20px;padding:3px 10px}
.project-card{position:relative}.project-image-note{position:absolute;top:14px;left:14px;color:#D9EAF6;background:#0C1821d9;border:1px solid #ffffff25;border-radius:20px;padding:3px 10px;font-size:.62rem}

/* v2 edits 2026-11-11: merged control tile + anatomy well */
/* t-ctrl layout is defined in base.css (final products grid) */
.anatomy-well{margin:28px 0 0;padding:22px;border:1px solid var(--line,#d4e2ec);border-radius:24px;background:#f7fafc}
.anatomy-well figure{margin:0}
.anatomy-well-stage{display:flex;align-items:center;justify-content:center;min-height:260px;border-radius:18px;background:radial-gradient(circle at 50% 40%,#1a3346,#0c1821);overflow:hidden;padding:24px}
.anatomy-well-stage img{max-width:100%;height:auto;object-fit:contain}
.anatomy-well figcaption{margin-top:12px;color:var(--muted,#5b7386);font-size:.9rem}
.anatomy-well-note{margin:14px 0 0;color:var(--muted,#5b7386);font-size:.95rem;line-height:1.8}
.anatomy-well-note a{font-weight:700;color:var(--navy,#122330)}
.anatomy-page-well{margin:0}
.anatomy-page-well .anatomy-well-stage{min-height:360px}
.pump-shaft{transform-origin:320px 235px;animation:site-impeller 9s linear infinite}

/* v2 2026-11-11 card media: cover fill at pre-crop scale, no white letterbox */
.card-media,
.product-picture{
  height:240px;
  aspect-ratio:auto;
  min-height:0;
  padding:0;
  overflow:hidden;
  position:relative;
  background:#122330;
}
.card-media img,
.product-picture img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  padding:0;
}
.product-link:hover .product-picture img{transform:scale(1.05);transition:transform .8s}
.project-card img{
  width:100%;
  height:270px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  padding:0;
  background:#122330;
  display:block;
}
.project-card[data-project=amb] img{
  object-fit:cover;
  object-position:42% 48%;
  padding:0;
  background:#0C1821;
}
/* tall skid: whole machine at a natural size on navy, not a zoomed cover and not a white letterbox */
.product-picture img[src*="lmv313-skid"],
.project-card img[src*="lmv313-skid"],
.pcard .pm img[src*="lmv313-skid"]{
  object-fit:contain;
  object-position:center 58%;
  padding:0;
  background:#122330;
}
.tile.t-ctrl img[src*="lmv313-skid"]{object-fit:cover;object-position:50% 42%;opacity:.78}

/* darker generated stills need a bit more light in the mosaic */
.tile.t-seal img.ti,.tile.t-parts img.ti{opacity:.82}
.tile.t-seal::after,.tile.t-parts::after{background:linear-gradient(0deg,rgba(12,24,33,.82) 6%,rgba(12,24,33,.28) 48%,rgba(12,24,33,.1))}
.product-picture img[src*="amb-photo"],
.project-card img[src*="amb-photo"],
.pcard .pm img[src*="amb-photo"]{object-position:center 42%}

.product-picture img[src*="amb-section"],
.project-card img[src*="amb-section"],
.pcard .pm img[src*="amb-section"]{object-position:42% 48%}
.product-picture img[src*="cartridge"],
.content-photo[src*="cartridge"]{object-position:50% 48%}
.product-picture img[src*="spare-part"],
.content-photo[src*="spare-part"]{object-position:50% 50%}
.product-picture img[src*="lab-team"],
.project-card img[src*="lab-team"],
.pcard .pm img[src*="lab-team"],
.content-photo[src*="lab-team"],
.tile.t-skid img[src*="lab-team"]{object-position:center 22%}
.product-picture img[src*="control-room"],
.project-card img[src*="control-room"],
.pcard .pm img[src*="control-room"],
.content-photo[src*="control-room"],
.about-visual img[src*="control-room"],
.tile.t-lab img[src*="control-room"]{object-position:center 40%}
.product-picture img[src*="lab-environment"],
.project-card img[src*="lab-environment"],
.pcard .pm img[src*="lab-environment"],
.content-photo[src*="lab-environment"],
.lab img[src*="lab-environment"]{object-position:center 48%}
@media(max-width:640px){
  .card-media,
  .product-picture{height:210px;aspect-ratio:auto}
  .project-card img{height:230px;aspect-ratio:auto}
}

/* v2 2026-11-11 company photos: team entrance, factory site sign */
.about-visual img[src*="team-entrance"],
.product-picture img[src*="team-entrance"]{object-position:center 42%}
.about-visual img[src*="site-sign"],
.content-photo[src*="site-sign"],
.news-picture img[src*="site-sign"]{object-position:center 42%}
.about-visual img[src*="office-entrance"]{object-position:center 48%}
.news-picture img[src*="kish-poster"],
.nm img[src*="kish-poster"]{object-position:center 30%}
.identity-photo{margin:0 0 36px;max-width:480px}
.identity-photo img{height:420px;object-position:center 42%}
@media(max-width:640px){
  .identity-photo{max-width:100%}
  .identity-photo img{height:300px}
}
