/* Shared multilingual modules sourced from the STT corporate presentation. */

/* STT history — one continuous manufacturing story, not a card collection */
.history{padding:84px 0 90px;border-bottom:1px solid var(--line);background:#090d0e;overflow:hidden}
.history-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:end;margin-bottom:34px}
.history-head h2{font-size:clamp(28px,3.2vw,44px);max-width:560px}
.history-head p{font-size:13px;color:var(--muted);max-width:620px;justify-self:end}
.history-visual{display:grid;grid-template-columns:.7fr 1fr 1.4fr;height:248px;border:1px solid var(--line2);background:#080b0c;overflow:hidden}
.history-visual figure{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line2)}
.history-visual figure:last-child{border-right:0}
.history-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:filter .35s ease,transform .55s ease}
.history-visual figure:hover img{filter:saturate(.95) contrast(1.04);transform:scale(1.025)}
.history-visual figcaption{position:absolute;left:14px;bottom:12px;padding:5px 8px;border-left:2px solid var(--amber);background:rgba(5,8,9,.76);font:8.5px var(--mono);letter-spacing:.16em;color:var(--ink)}
.history-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px}
.history-track:before{content:"";position:absolute;left:3%;right:3%;top:20px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--amber))}
.milestone{position:relative;padding:49px 22px 0 0;min-height:152px}
.milestone:before{content:"";position:absolute;top:14px;left:0;width:13px;height:13px;border:3px solid #080b0c;background:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 18px rgba(224,161,59,.34)}
.milestone:first-child:before{background:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 18px rgba(95,208,194,.34)}
.milestone time{display:block;font:700 clamp(24px,2.4vw,34px)/1 var(--mono);color:var(--ink);letter-spacing:-.045em}
.milestone b{display:block;margin-top:12px;font-size:13px;color:var(--ink)}
.milestone p{margin-top:6px;font-size:11px;line-height:1.6;color:var(--muted)}

/* Application engineering — ROMAX proof plus a five-stage engineering path */
.engineering{padding:82px 0 88px}
.engineering .path-head{margin-bottom:32px}
.engineering-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;align-items:stretch}
.romax-stage{position:relative;min-height:410px;border:1px solid var(--line2);background:#e9e9e8;overflow:hidden}
.romax-stage>img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(.78) contrast(1.02)}
.romax-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,7,8,.84) 100%);pointer-events:none}
.romax-analysis{position:absolute;right:18px;bottom:18px;z-index:2;width:36%;border:1px solid rgba(95,208,194,.5);background:#eef2ef;padding:7px;box-shadow:0 18px 36px rgba(0,0,0,.34)}
.romax-analysis img{width:100%;aspect-ratio:1.38/1;object-fit:cover}
.romax-caption{position:absolute;left:22px;right:44%;bottom:21px;z-index:3}
.romax-caption b{display:block;font:700 12px var(--mono);letter-spacing:.16em;color:var(--cyan)}
.romax-caption span{display:block;margin-top:7px;font-size:11.5px;line-height:1.6;color:#c5ceca}
.engineering-steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.engineering-step{position:relative;background:linear-gradient(145deg,rgba(19,27,28,.97),rgba(8,12,13,.98));padding:26px 23px;min-height:134px}
.engineering-step:last-child{grid-column:1/-1;min-height:118px;padding-right:38%}
.engineering-step:before{content:"";position:absolute;left:22px;top:20px;width:20px;height:1px;background:var(--amber)}
.engineering-step small{display:block;margin:12px 0 8px;font:600 8px var(--mono);letter-spacing:.18em;color:var(--cyan)}
.engineering-step h3{font-size:15px;margin-bottom:7px}
.engineering-step p{font-size:11.5px;line-height:1.62;color:var(--muted)}
.engineering-step:last-child:after{content:"ROMAX";position:absolute;right:22px;bottom:13px;font:800 24px var(--mono);letter-spacing:.12em;color:rgba(95,208,194,.15)}

/* Autonomous equipment — documentary video with technical evidence */
.automation-feature{margin-top:54px;padding-top:42px;border-top:1px solid var(--line2)}
.automation-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:25px}
.automation-head h3{font-size:clamp(22px,2.5vw,34px);max-width:650px}
.automation-head strong{font:700 12px var(--mono);letter-spacing:.14em;color:var(--cyan);white-space:nowrap}
.automation-layout{display:grid;grid-template-columns:1.16fr .84fr;gap:14px}
.automation-media{position:relative;border:1px solid var(--line2);background:#050809;overflow:hidden;min-height:420px}
.automation-media video{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.automation-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,6,7,.76));pointer-events:none}
.automation-media figcaption{position:absolute;left:18px;bottom:16px;z-index:2;font:9px var(--mono);letter-spacing:.18em;color:#dce8e4}
.automation-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.automation-proof article{position:relative;min-width:0;min-height:180px;padding:26px 22px;background:rgba(7,12,13,.96);overflow-wrap:anywhere}
.automation-proof article:before{content:"";display:block;width:24px;height:1px;margin-bottom:22px;background:var(--cyan)}
.automation-proof strong{display:block;font:700 clamp(25px,2.5vw,38px)/1 var(--mono);letter-spacing:-.05em;color:var(--ink)}
.automation-proof strong small{font-size:.36em;letter-spacing:.04em;color:var(--cyan);margin-left:5px}
.automation-proof h4{margin-top:14px;font-size:13px;line-height:1.35;color:var(--ink)}
.automation-proof p{margin-top:7px;font-size:10.8px;line-height:1.6;color:var(--muted)}
.automation-line{display:grid;grid-template-columns:.9fr 1.1fr;gap:1px;margin-top:14px;border:1px solid var(--line);background:var(--line)}
.automation-line figure{display:flex;align-items:center;justify-content:center;min-height:255px;padding:18px;background:#e8ece9;overflow:hidden}
.automation-line img{width:100%;height:220px;object-fit:contain}
.automation-line-copy{padding:30px 28px;background:rgba(7,12,13,.96)}
.automation-line-copy b{font:700 10px var(--mono);letter-spacing:.18em;color:var(--cyan)}
.automation-line-copy h4{margin-top:13px;font-size:18px;color:var(--ink)}
.automation-line-copy p{margin-top:10px;font-size:12px;color:var(--muted)}
.line-stages{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.line-stages span{padding:6px 8px;border:1px solid var(--line2);font:8.5px var(--mono);letter-spacing:.08em;color:var(--ink)}

html[lang="en"] .history-head h2{font-size:clamp(27px,3vw,41px)}
html[lang="ru"] .history-head h2{font-size:clamp(25px,2.7vw,37px);line-height:1.08}
html[lang="en"] .automation-head h3{font-size:clamp(21px,2.25vw,31px)}
html[lang="ru"] .automation-head h3{font-size:clamp(20px,2.1vw,29px);line-height:1.08}
html[lang="ru"] .automation-head strong{font-size:10px;white-space:normal;max-width:390px;text-align:right}

@media(max-width:940px){
  .history-head{grid-template-columns:1fr;gap:14px}.history-head p{justify-self:start}
  .history-track{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;padding-bottom:14px}.history-track:before{right:auto;width:900px}.history-visual{height:210px}
  .engineering-layout{grid-template-columns:1fr}.romax-stage{min-height:390px}
  .automation-layout,.automation-line{grid-template-columns:1fr}.automation-media,.automation-media video{min-height:380px}.automation-line figure{min-height:220px}
}
@media(max-width:700px){
  .history{padding:58px 0 62px}.history-visual{grid-template-columns:1fr 1fr;height:220px}.history-visual figure:first-child{display:none}.history-head{margin-bottom:24px}.milestone{padding-right:18px}
  .engineering{padding:58px 0 64px}.romax-stage{min-height:330px}.romax-analysis{width:40%;right:12px;bottom:12px}.romax-caption{left:16px;right:45%;bottom:15px}.romax-caption span{font-size:10.5px}.engineering-steps{grid-template-columns:1fr}.engineering-step,.engineering-step:last-child{grid-column:auto;min-height:0;padding:22px 20px}.engineering-step:last-child{padding-right:20px}.engineering-step:last-child:after{display:none}
  .automation-feature{margin-top:38px;padding-top:34px}.automation-head{display:block}.automation-head strong,html[lang="ru"] .automation-head strong{display:block;margin-top:12px;text-align:left}.automation-media,.automation-media video{min-height:260px}.automation-proof article{min-height:156px;padding:21px 17px}.automation-proof strong{font-size:26px}.automation-line{display:flex;flex-direction:column}.automation-line figure{min-height:0;padding:12px}.automation-line img{height:auto;max-height:190px}.automation-line-copy{padding:23px 20px}.line-stages{gap:5px}
}