/* Hallmark · pre-emit critique: P4 H4 E5 S5 R5 V4 */
/* Hallmark · genre: modern-minimal · scope: About shared system · tone: technical restrained industrial · anchor hue: MOSINTER green */
/* About Us section: scoped extension of the existing industrial page system. */
.mos-about-page { overflow:hidden; }
.mos-about-hero { height:360px; }
.mos-about-hero .wt-bnr-inr-entry { padding-top:12px; }
.mos-about-hero .banner-title-name { max-width:860px; }
.mos-about-hero .banner-title-name h1 { margin-bottom:12px; }
.mos-about-hero .banner-title-name p { margin:0; color:#fff; font-size:18px; line-height:1.65; text-shadow:0 1px 2px rgba(0,0,0,.3); }
.mos-about-hero .wt-breadcrumb li a { color:#fff; }
.mos-about-nav { position:relative; z-index:5; border-bottom:1px solid #e4e7eb; background:#fff; box-shadow:0 8px 22px rgba(17,24,39,.05); }
.mos-about-nav-inner { display:flex; align-items:stretch; justify-content:center; min-width:max-content; }
.mos-about-nav a { position:relative; display:flex; align-items:center; min-height:66px; padding:0 34px; color:#2c3340; font-size:15px; font-weight:700; letter-spacing:.01em; white-space:nowrap; }
.mos-about-nav a:after { position:absolute; right:34px; bottom:0; left:34px; height:3px; background:var(--mos-orange); content:""; opacity:0; transform:scaleX(.4); transition:.2s ease; }
.mos-about-nav a:hover,.mos-about-nav a:focus,.mos-about-nav a.active { color:var(--mos-orange); }
.mos-about-nav a:hover:after,.mos-about-nav a:focus:after,.mos-about-nav a.active:after { opacity:1; transform:scaleX(1); }
.mos-about-page .section-head > p { max-width:820px; }
.mos-about-page .section-head.center > p { margin-right:auto; margin-left:auto; }
.mos-about-page p { color:#56606f; line-height:1.8; }
.mos-about-feature-media,.mos-facility-media { height:100%; min-height:390px; overflow:hidden; background:#dfe4ea; box-shadow:0 12px 32px rgba(20,28,42,.12); }
.mos-about-feature-media img,.mos-facility-media img { width:100%; height:100%; min-height:390px; object-fit:cover; }
html[lang="ru"] .mos-manufacturing-intro-row > [class*="col-"] { display:flex; }
html[lang="ru"] .mos-manufacturing-intro-row .mos-about-feature-media,
html[lang="ru"] .mos-manufacturing-intro-copy { width:100%; }
html[lang="ru"] .mos-manufacturing-intro-copy .section-head { margin-bottom:24px; }
html[lang="ru"] .mos-manufacturing-intro-copy .section-head h2 { max-width:650px; font-size:clamp(32px,2.6vw,40px); line-height:1.18; text-wrap:balance; }
html[lang="ru"] .mos-manufacturing-intro-copy > p { margin-bottom:14px; font-family:var(--font-body-ru); font-size:16px; line-height:1.68; }
html[lang="ru"] .mos-manufacturing-intro-copy .site-list-style-two { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; margin-top:22px; padding-left:0; }
html[lang="ru"] .mos-manufacturing-intro-copy .site-list-style-two li { left:0; min-width:0; padding:10px 0 10px 26px; border-top:1px solid #e1e5e9; font-family:var(--font-body-ru); font-size:15px; font-weight:600; line-height:1.45; }
html[lang="ru"] .mos-manufacturing-intro-copy .site-list-style-two li:after { top:20px; left:0; width:16px; }
.mos-about-card { height:100%; border-top:3px solid transparent; background:#fff; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.mos-about-card:hover { border-top-color:var(--mos-orange); transform:translateY(-4px); }
.mos-about-card .wt-info { min-height:230px; }
.mos-about-card-index { display:block; margin-bottom:22px; color:var(--mos-orange); font-size:13px; font-weight:800; letter-spacing:.12em; }
.mos-about-card .wt-title { margin-bottom:14px; font-size:24px; }
.mos-about-card p { margin-bottom:0; }
.mos-structure-card { height:100%; min-height:265px; padding:38px 34px; border-left:4px solid var(--mos-orange); background:#151c2b; box-shadow:0 12px 26px rgba(20,28,42,.12); }
.mos-structure-card > span { display:block; margin-bottom:25px; color:var(--mos-orange); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.mos-structure-card h3 { color:#fff; font-size:23px; line-height:1.35; }
.mos-structure-card p { margin-bottom:0; color:#bdc5d1; }
.mos-about-note { padding:16px 20px; border-left:3px solid var(--mos-orange); background:#f3f5f7; color:#667080 !important; font-size:14px; }
.mos-platform-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mos-platform-list a { display:flex; align-items:center; justify-content:space-between; min-height:78px; padding:17px 20px; border:1px solid #e0e4e9; background:#fff; box-shadow:0 6px 16px rgba(20,28,42,.05); transition:.2s ease; }
.mos-platform-list a:hover { border-color:var(--mos-orange); transform:translateY(-2px); }
.mos-platform-list a span { color:#242c38; font-weight:700; }
.mos-platform-list a small { color:#7a8492; font-size:12px; }
.mos-platform-list-wide { grid-template-columns:repeat(5,1fr); }
.mos-platform-list-wide a { display:block; text-align:center; }
.mos-platform-list-wide a span,.mos-platform-list-wide a small { display:block; }
.mos-platform-list-wide a small { margin-top:5px; }
.mos-about-cta { padding:70px 0; background-color:#121a2a; background-position:right bottom; background-size:auto 100%; background-repeat:no-repeat; }
.mos-about-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:45px; }
.mos-about-cta-inner > div:first-child { max-width:760px; }
.mos-about-cta-inner span { color:var(--mos-orange); font-size:12px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.mos-about-cta-inner h2 { margin:9px 0 10px; color:#fff; font-size:42px; }
.mos-about-cta-inner p { margin:0; color:#bdc5d1; }
.mos-about-cta-actions { display:flex; flex:0 0 auto; gap:12px; }
.mos-about-cta-actions .site-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; }
.mos-facility-layout > [class*="col-"] { display:flex; }
.mos-facility-list { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:12px; }
.mos-facility-list > div { position:relative; display:flex; min-width:0; flex-direction:column; align-items:stretch; overflow:hidden; border:1px solid #e1e5e9; background:#fff; color:#2f3743; font-weight:700; box-shadow:0 5px 14px rgba(20,28,42,.04); }
.mos-facility-list > div:before { position:absolute; z-index:1; top:0; bottom:0; left:0; width:4px; background:var(--mos-orange); content:""; }
.mos-facility-list img { display:block; width:100%; aspect-ratio:3 / 2; object-fit:cover; }
.mos-facility-list span { display:flex; flex:1 1 auto; align-items:center; min-height:72px; padding:14px 16px 14px 20px; line-height:1.35; }
.mos-info-panel { height:100%; padding:38px 36px; border-top:4px solid var(--mos-orange); background:#fff; box-shadow:0 10px 28px rgba(20,28,42,.08); }
.mos-info-panel .section-head { margin-bottom:24px; }
.mos-info-panel .section-head h2 { font-size:32px; }
.mos-supply-model { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:24px 0; }
.mos-supply-model > div { padding:22px; border:1px solid #dfe3e8; background:#f7f8fa; }
.mos-supply-model span { display:block; margin-bottom:9px; color:#252d39; font-weight:800; }
.mos-supply-model p { margin:0; font-size:14px; }
.mos-market-regions { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin:35px 0 24px; }
.mos-market-regions span { display:flex; align-items:center; justify-content:center; min-height:92px; padding:15px; border-bottom:3px solid var(--mos-orange); background:#fff; color:#27303d; font-weight:800; text-align:center; box-shadow:0 8px 22px rgba(20,28,42,.07); }

@media (min-width:1600px){
  .mos-about-hero { height:420px; }
  .mos-about-hero .banner-title-name p { font-size:20px; }
  .mos-about-card .wt-info { min-height:245px; }
}
@media (max-width:1199px){
  .mos-platform-list-wide { grid-template-columns:repeat(3,1fr); }
  .mos-market-regions { grid-template-columns:repeat(3,1fr); }
  .mos-about-cta-inner { align-items:flex-start; flex-direction:column; }
}
@media (max-width:991px){
  .mos-about-hero { height:330px; }
  .mos-about-nav { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .mos-about-nav-inner { justify-content:flex-start; }
  .mos-about-nav a { min-height:58px; padding:0 24px; }
  .mos-about-nav a:after { right:24px; left:24px; }
  .mos-about-feature-media,.mos-about-feature-media img,.mos-facility-media,.mos-facility-media img { min-height:340px; }
  html[lang="ru"] .mos-manufacturing-intro-copy { padding-top:8px; }
  .mos-platform-list-wide { grid-template-columns:1fr 1fr; }
}
@media (max-width:767px){
  .mos-about-hero { height:360px; }
  .mos-about-hero .banner-title-name h1 { font-size:38px; line-height:1.15; }
  .mos-about-hero .banner-title-name p { font-size:15px; line-height:1.55; }
  .mos-about-nav a { min-height:54px; padding:0 18px; font-size:13px; }
  .mos-about-nav a:after { right:18px; left:18px; }
  .mos-about-feature-media,.mos-about-feature-media img,.mos-facility-media,.mos-facility-media img { min-height:260px; }
  html[lang="ru"] .mos-manufacturing-intro-copy .section-head h2 { font-size:30px; }
  html[lang="ru"] .mos-manufacturing-intro-copy .site-list-style-two { grid-template-columns:1fr; }
  .mos-about-card .wt-info { min-height:0; }
  .mos-structure-card { min-height:0; padding:30px 26px; }
  .mos-platform-list,.mos-platform-list-wide,.mos-supply-model,.mos-market-regions,.mos-facility-list { grid-template-columns:1fr; }
  .mos-platform-list a { align-items:flex-start; flex-direction:column; justify-content:center; }
  .mos-about-cta { padding:55px 0; }
  .mos-about-cta-inner { gap:30px; }
  .mos-about-cta-inner h2 { font-size:34px; }
  .mos-about-cta-actions { flex-direction:column; width:100%; }
  .mos-about-cta-actions .site-button { width:100%; }
  .mos-info-panel { padding:30px 24px; }
  .mos-info-panel .section-head h2 { font-size:28px; }
}