/* Motion and interactive engineering presentation */
.section,.feature,.facts,.company-section,.contact-section{animation:none}
body{background:#fefefe}.header{position:sticky;top:0;transition:height .3s,box-shadow .3s;background:#fffffff5;backdrop-filter:blur(14px)}.header.scrolled{box-shadow:0 4px 30px #06192b0b}.reading-progress{position:fixed;left:0;top:0;height:3px;background:var(--red);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.hero{min-height:730px}.hero-inner{padding-top:82px;position:relative;z-index:3}.hero-image{height:112%;top:-6%;will-change:transform;transform:translateY(var(--parallax,0px)) scale(1.035);animation:hero-arrive 2s cubic-bezier(.16,1,.3,1) both}.hero-shade{background:linear-gradient(90deg,#081828e0,#0c1d3050 55%,#0b172521),linear-gradient(0deg,#071827c9,transparent 45%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#d8e9f408 1px,transparent 1px),linear-gradient(90deg,#d8e9f408 1px,transparent 1px);background-size:90px 90px;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent 15%,#000)}.hero-scan{position:absolute;width:1px;height:100%;top:0;background:linear-gradient(transparent,#c1e2ff72,transparent);z-index:2;box-shadow:0 0 25px 6px #a7d1e01a;animation:scan 12s linear infinite;pointer-events:none}.title-line{display:block;overflow:hidden;padding-bottom:.05em;margin-bottom:-.05em}.title-line>span{display:block;animation:headline-in 1.15s cubic-bezier(.2,.75,.25,1) both}.title-line:nth-child(2)>span{animation-delay:.18s}.hero .eyebrow{animation:content-in .8s .1s both}.hero-description{animation:content-in .9s .45s both}.hero-actions{animation:content-in .9s .65s both}.hero-bottom{margin-top:45px}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px;color:#c0cbd7;margin-top:37px;width:max-content}.scroll-mouse{width:18px;height:28px;border:1px solid #c0cbd78a;border-radius:15px;position:relative}.scroll-mouse:after{content:'';position:absolute;left:7px;top:6px;height:5px;width:2px;background:#fff;animation:scroll-dot 1.8s infinite}.hero-callout{position:absolute;right:5%;bottom:115px;z-index:4;padding:27px 30px;background:#102337ad;border:1px solid #b3c9dc38;backdrop-filter:blur(14px);width:290px;animation:callout-in 1.4s .7s both}.hero-callout:before{content:'';position:absolute;left:-45px;top:45px;width:45px;height:1px;background:#bbcdd5a6}.hero-callout:after{content:'';position:absolute;left:-50px;top:40px;width:10px;height:10px;border:1px solid white;border-radius:50%;box-shadow:0 0 0 5px #ffffff12;animation:pulse-point 3s infinite}.callout-index{display:block;font-size:10px;letter-spacing:1.5px;color:#c0cddd;margin-bottom:16px}.hero-callout strong{font-size:25px;font-weight:400;line-height:1.2;display:block;margin-bottom:20px}.hero-callout a{font-size:12px;border-bottom:1px solid #ff7867;padding-bottom:5px}.facts{background:#fff;position:relative}.facts strong{display:inline-block;transition:transform .4s}.facts>div:hover strong{transform:translateY(-5px)}
.industry-belt{position:relative;overflow:hidden;padding:23px 0;background:#eef1f5;border-block:1px solid #d8dfe8}.belt-track{display:flex;align-items:center;width:max-content;gap:40px;animation:belt 36s linear infinite;white-space:nowrap}.belt-track span{font-size:24px;letter-spacing:2px;color:#56667a;font-weight:500}.belt-track i{color:var(--red);font-size:30px;font-style:normal}.motion-control{position:absolute;right:18px;top:50%;transform:translateY(-50%);border:1px solid #bcc8d6;background:#f9fbffff;color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:14px}.motion-paused .belt-track,.motion-paused .hero-scan,.motion-paused .scroll-mouse:after,.motion-paused .hero-callout:after,.motion-paused .orbit,.motion-paused .heat-flow{animation-play-state:paused}.motion-paused .hero-image{transform:scale(1.035)}
#services{position:relative}#services:before{content:'ЭЗ';position:absolute;right:0;top:38px;font-size:250px;line-height:1;font-weight:700;letter-spacing:-18px;color:#10283f03;z-index:-1}.solution-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef2f7,#e1e7f0)}.solution-panel:after{content:'';position:absolute;right:-38px;bottom:-42px;width:200px;height:200px;border:1px solid #879bb721;transform:rotate(35deg);pointer-events:none}.solution-list button{transition:padding .3s,color .3s,background .3s}.solution-list button:hover{padding-left:20px}.solution-panel.switching{animation:panel-switch .48s var(--ease)}
.technology{position:relative;overflow:hidden;background:#0b1b2a;color:white;padding:92px 0;isolation:isolate}.technical-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7795b00b 1px,transparent 1px),linear-gradient(90deg,#7795b00b 1px,transparent 1px),radial-gradient(ellipse at 70% 40%,#41668240,transparent 58%);background-size:45px 45px,45px 45px,100% 100%;mask-image:linear-gradient(90deg,transparent,#000 20%)}.technology-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.technology .eyebrow{color:#e89177;font-size:11px}.technology h2{font-size:50px;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.technology h2 em{font-style:normal;color:#88a4bb}.technology-lead{color:#a9bfce;font-size:17px;max-width:460px}.layer-controls{display:flex;flex-direction:column;border-top:1px solid #8ba6bb40;margin-top:34px}.layer-controls button{display:flex;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid #8ba6bb30;background:none;color:#a9bfce;padding:17px 15px;font-size:17px;transition:background .35s,padding .35s,color .35s}.layer-controls button>span{font-size:12px;color:#758ea3}.layer-controls button[aria-pressed=true]{background:#a3b9c512;color:#fff;padding-left:23px;box-shadow:inset 3px 0 #f17a56}.layer-controls button[aria-pressed=true]>span{color:#ff9977}.layer-description{padding-top:30px;min-height:166px}.layer-description>span{font-size:10px;color:#ef9a7f;letter-spacing:1.8px}.layer-description h3{font-size:24px;letter-spacing:-.6px;margin:14px 0 12px}.layer-description>p{font-size:15px;color:#9ab1c4;max-width:470px;margin:0}.diagram-panel{min-width:0;position:relative;border:1px solid #90a4b32b;background:#07172445;padding:20px;box-shadow:0 20px 80px #0002}.diagram-top{display:flex;justify-content:space-between;color:#90a8b9;font-size:9px;letter-spacing:1.8px}.diagram-panel svg{width:100%;height:auto;overflow:visible}.diagram-number{font-family:monospace;fill:#d9e7f0;font-size:18px}.pipe-label{font-size:11px;letter-spacing:1.5px;fill:#bbd1df}.pipe-index{font-size:14px;fill:#7c9db6}.diagram-layer{transition:transform .85s var(--ease),opacity .6s,filter .6s;transform-origin:300px 270px;opacity:.5}.diagram-panel[data-active-layer=pipe] .layer-pipe,.diagram-panel[data-active-layer=insulation] .layer-insulation,.diagram-panel[data-active-layer=shell] .layer-shell{opacity:1;filter:drop-shadow(0 0 9px #99d3e437)}.diagram-panel.exploded .layer-pipe{transform:translate(-46px,-55px)}.diagram-panel.exploded .layer-shell{transform:translate(34px,40px)}.orbit{transform-origin:300px 270px;animation:orbit 20s linear infinite}.heat-flow{animation:heat-flow 2.8s ease-in-out infinite}.diagram-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #7c9aae33;padding-top:17px}.diagram-bottom p{color:#829cb0;font-size:11px;margin:0}.explode-button{background:#d2e4f010;color:#d2e4f0;border:1px solid #96b6cc50;padding:10px 15px;font-size:12px;white-space:nowrap}.explode-button[aria-pressed=true]{background:#e8f1f7;color:#102537}
.feature{position:relative}.feature-text{position:relative;background-image:radial-gradient(ellipse at 110% 0,#42638455,transparent 65%)}.feature-text:after{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#a7c1d208 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.feature-photo img{transition:transform 1.3s var(--ease)}.feature-photo:hover img{transform:scale(1.055)}.work-gallery{background:linear-gradient(180deg,#eef1f5,#fff);overflow:hidden;padding-top:80px;padding-bottom:85px}.gallery-count{color:#738297;font:12px monospace;letter-spacing:2px}.work-gallery .section-top{margin-bottom:8px}.work-gallery .gallery-heading{margin-bottom:35px}.work-gallery h2{font-size:49px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.work-grid figure{margin:0;min-width:0}.work-grid figure:nth-child(even){padding-top:45px}.work-grid .gallery-button{position:relative;background:#d8e0e8}.work-grid img{width:100%;height:270px;object-fit:cover;filter:saturate(.6);transition:transform .8s var(--ease),filter .7s}.work-grid .gallery-button:hover img{filter:saturate(1);transform:scale(1.055)}.photo-open{position:absolute;bottom:15px;left:15px;background:#ffffffef;color:var(--ink);font-size:12px;padding:8px 13px;transform:translateY(8px);opacity:0;transition:transform .3s,opacity .3s}.gallery-button:hover .photo-open,.gallery-button:focus-visible .photo-open{transform:none;opacity:1}.work-grid figcaption{font-size:14px;margin-top:17px}.work-grid figcaption small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}.plants article{position:relative;transition:background .4s}.plants article:hover{background:#eff3f880}.plants .plant-number{font-size:50px;line-height:1;color:#b9c5d6}.company-section{background-color:#e9eef4;background-image:linear-gradient(90deg,#8294ab0a 1px,transparent 1px),linear-gradient(#8294ab0a 1px,transparent 1px),radial-gradient(ellipse at 0 0,#aec4dd38,transparent 70%);background-size:64px 64px,64px 64px,100% 100%}.year{color:transparent;-webkit-text-stroke:1px #1b314f;background:linear-gradient(135deg,#142b46 50%,#142b4600 50%) 0 0/250% 100%;background-clip:text;-webkit-background-clip:text;transition:background-position 1.8s var(--ease)}.year span{color:#667b91;-webkit-text-stroke:0}.year:hover{background-position:100% 0}.country-list span{transition:transform .3s}.country-list span:hover{transform:translateY(-4px)}
.project-finder{padding:85px 0;background:#122d43;color:white;background-image:radial-gradient(ellipse at var(--spot-x,10%) var(--spot-y,50%),#32668255,transparent 55%);position:relative}.project-finder:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:80px;pointer-events:none}.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative}.project-finder .eyebrow{color:#e7a58a;font-size:11px}.project-finder h2{font-size:49px;letter-spacing:-2px;margin-bottom:25px}.project-finder h2 em{font-style:normal;color:#9db8cd}.finder-grid>div>p:not(.eyebrow){color:#a8bfd0;font-size:17px;max-width:420px}.finder-options{display:flex;flex-wrap:wrap;gap:10px}.finder-options button{background:none;color:#bad0de;border:1px solid #8ba9be50;padding:11px 15px;font-size:13px;transition:all .25s}.finder-options button:hover{border-color:#ccdce8}.finder-options button[aria-pressed=true]{background:white;color:#143047;border-color:white}.finder-result{border-top:1px solid #a8c0d03b;margin-top:27px;padding-top:27px}.finder-result .eyebrow{font-size:9px;color:#84a4bc;display:block;margin-bottom:15px}.finder-result h3{font-size:31px;margin-bottom:16px}.finder-result>p{color:#a8bfd0;font-size:15px;min-height:48px}.finder-result .button{margin-top:8px}.contact-section{position:relative;overflow:hidden;background-color:#c7352e;background-image:radial-gradient(ellipse at 80% 50%,#fa70554a,transparent 65%),linear-gradient(110deg,transparent 60%,#ffffff06 60%,#ffffff06 61%,transparent 61%)}.contact-section:before{content:'ЭЗ';font-size:470px;line-height:1;letter-spacing:-30px;position:absolute;right:-50px;bottom:-65px;color:#ffffff05;pointer-events:none}.contact-grid{position:relative}.button{position:relative;overflow:hidden;transition:background .25s,transform .3s,box-shadow .3s}.button:after{content:'';position:absolute;top:0;left:-70%;height:100%;width:50%;background:linear-gradient(90deg,transparent,#ffffff25,transparent);transform:skewX(-20deg);transition:left .65s;pointer-events:none}.button:hover:after{left:120%}.button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06172a18}.button:active{transform:translateY(0)}
.motion-ready .reveal-item{opacity:0;transform:translateY(35px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
@keyframes headline-in{from{transform:translateY(115%)}to{transform:none}}@keyframes content-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes callout-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes hero-arrive{from{filter:brightness(.6) saturate(.3);scale:1.05}to{filter:brightness(1) saturate(.7);scale:1}}@keyframes scan{from{left:35%}to{left:100%}}@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(9px)}}@keyframes pulse-point{50%{box-shadow:0 0 0 11px #ffffff00}}@keyframes belt{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes heat-flow{0%,100%{opacity:.2;transform:translateY(5px)}50%{opacity:1;transform:translateY(-4px)}}@keyframes panel-switch{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-callout{right:5%;width:245px;bottom:90px;padding:23px}.hero-callout strong{font-size:22px}.technology-grid{gap:30px}.technology h2,.project-finder h2{font-size:40px}.finder-grid{gap:40px}.work-grid{grid-template-columns:repeat(2,1fr);gap:30px}.work-grid img{height:300px}.work-grid figure:nth-child(even){padding-top:35px}}
@media(max-width:760px){.hero{min-height:710px}.hero-inner{padding-top:52px}.hero-callout{display:none}.hero-grid{background-size:65px 65px}.hero-scan{animation-duration:9s}.title-line{overflow:visible}.title-line>span{animation-name:content-in}.hero-bottom{margin-top:30px}.scroll-cue{font-size:10px;margin-top:28px}.industry-belt{padding:17px 0}.belt-track{gap:28px}.belt-track span{font-size:19px;letter-spacing:1px}.belt-track i{font-size:23px}.technology{padding:60px 0}.technology-grid{grid-template-columns:1fr;gap:30px}.technology h2{font-size:39px;letter-spacing:-1.5px}.technology .eyebrow{font-size:9px}.technology-lead{font-size:16px}.layer-controls{margin-top:24px}.layer-controls button{padding:14px 12px;font-size:16px}.layer-description{min-height:155px;padding-top:25px}.layer-description h3{font-size:23px}.layer-description>p{font-size:14px}.diagram-panel{padding:16px}.diagram-top{font-size:8px;letter-spacing:1px}.diagram-bottom{gap:10px}.diagram-bottom p{font-size:9px}.explode-button{font-size:11px;padding:9px 11px}.work-gallery{padding-top:55px;padding-bottom:55px}.work-gallery h2{font-size:38px}.work-grid{gap:25px 16px}.work-grid img{height:190px}.work-grid figure:nth-child(even){padding-top:25px}.work-grid figcaption{font-size:12px;line-height:1.4}.work-grid figcaption small{font-size:10px}.photo-open{opacity:1;transform:none;font-size:10px;left:8px;bottom:8px;padding:5px 8px}.plants .plant-number{font-size:30px}.project-finder{padding:60px 0}.finder-grid{grid-template-columns:1fr;gap:22px}.project-finder h2{font-size:38px;letter-spacing:-1.5px}.finder-grid>div>p:not(.eyebrow){font-size:16px}.finder-options{gap:8px}.finder-options button{font-size:12px;padding:10px 12px}.finder-result h3{font-size:28px}.finder-result>p{min-height:60px}.contact-section:before{font-size:330px;bottom:-40px}.motion-ready .reveal-item{transform:translateY(24px)}.motion-ready .reveal-item.is-visible{transform:none}.hero-image{transform:scale(1.035)!important}}
.hero-image{animation:hero-arrive 2s cubic-bezier(.16,1,.3,1) both,hero-drift 16s ease-in-out 2s infinite alternate}.motion-paused .hero-image{animation-play-state:paused}@keyframes hero-drift{from{scale:1}to{scale:1.075}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{transform:none!important}.motion-ready .reveal-item{opacity:1;transform:none}.belt-track{transform:none}.industry-belt{overflow-x:auto}.motion-control{display:none}.hero-scan{display:none}}
