:root{--green:#005e5d;--yellow:#f7ea48;--mint:#93b9b8;--ink:#141919}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #cd9200;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.04em}h1{font-size:clamp(40px,4.5vw,66px);font-weight:750}h2{font-size:clamp(30px,3.4vw,46px)}h3{font-size:26px}p{margin-bottom:24px}img,video{display:block;width:100%;height:100%;object-fit:cover}header{max-width:1440px;margin:auto;min-height:116px;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}.brand{display:inline-block;color:var(--green);line-height:1.25}.brand strong{font-size:35px;letter-spacing:-.06em;font-weight:900}.brand strong span{font-size:21px;margin-left:10px;font-weight:600;letter-spacing:.04em}.brand small{display:block;margin-top:9px;font-size:12px;letter-spacing:.06em}header nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:600}header nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:7px}.contact-nav{background:var(--yellow);padding:10px 19px}.menu-button{display:none;background:none;border:0;font-size:28px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.hero{padding-top:56px}.hero h1{margin-bottom:46px}.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:290px;gap:16px}.tile{position:relative;overflow:hidden;color:white;display:block;background:var(--green)}.tile img,.tile video{transition:transform .6s}.tile:hover img,.tile:hover video{transform:scale(1.05)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0009)}.tile h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:26px;z-index:1;font-size:clamp(24px,2.9vw,42px)}.tile h3 span{float:right;font-size:24px;opacity:0;transition:opacity .2s}.tile:hover h3 span{opacity:1}.doors{grid-column:1/3;grid-row:1/3}.facades{grid-column:3;grid-row:1/3}.battery{grid-column:4;grid-row:1}.ships{grid-column:4;grid-row:2/4}.portfolio{grid-column:1/3;grid-row:3;position:relative;background:var(--green);color:white;padding:30px 34px;overflow:hidden;border-bottom-right-radius:120px;box-shadow:25px 0 0 #629a9a}.portfolio h2{font-size:35px;margin-bottom:15px}.portfolio p{font-size:15px;max-width:90%;line-height:1.65;margin-bottom:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 22px;background:var(--yellow);color:var(--green);font-weight:700;border:0;transition:background .2s}.button:hover{background:#e8da2c}.button span{font-size:22px}.cabinets{grid-column:3;grid-row:3}.aviation{grid-column:1;grid-row:4}.rail{grid-column:2;grid-row:4}.download{grid-column:3;grid-row:4;background:var(--mint);padding:28px}.download h3{font-size:35px}.download p{font-size:15px}.ventilation{grid-column:4;grid-row:4}.section{padding-block:96px}.split{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.split>div>p{max-width:640px;color:#485454}.eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:19px;color:var(--green)}.product-list>a{display:flex;align-items:center;gap:24px;border-top:1px solid #c8d3d2;padding:24px 0}.product-list>a:last-child{border-bottom:1px solid #c8d3d2}.product-list>a>span:last-child{margin-left:auto;font-size:28px;color:var(--green)}.product-list h3{font-size:23px;margin-bottom:5px}.product-list p{margin-bottom:0;font-size:15px;color:#65706f}.number{font-size:14px;color:#487e7c;letter-spacing:.08em}.application-section{background:#e8f0ef;padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2,.section-heading p{margin-bottom:0}.application-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.application-strip .tile{height:340px}.application-strip .tile h3{font-size:28px}.text-link{display:inline-block;font-weight:600;color:var(--green);padding-block:8px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.news-grid img{height:240px;margin-bottom:26px}.news-grid h3,.news-grid h2{font-size:25px}.news-grid .eyebrow{margin-bottom:13px}.contact-band{background:var(--yellow)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact-grid>div{padding:60px 0}.contact-grid>img{height:100%;min-height:400px;max-height:510px;align-self:stretch}.contact-grid h2{font-size:44px}.phone{font-size:clamp(25px,3vw,42px);font-weight:700;letter-spacing:-.02em;color:var(--green);display:block;margin:20px 0}.contact-grid p:last-child{margin-bottom:0}footer{background:var(--green);color:white;padding:58px 0 25px}footer .brand{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid>div>a:not(.brand){display:block;margin-bottom:15px}.footer-grid>div>p{font-size:14px;margin-top:20px}.footer-phone{font-size:27px}.copyright{font-size:12px;border-top:1px solid #ffffff30;margin-top:40px;padding-top:23px;color:#d4e4e3}.page-intro{padding:65px 0 10px}.page-intro h1{margin-bottom:30px}.breadcrumb{font-size:14px;color:var(--green);display:inline-block;margin-bottom:30px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:45px}.product-grid article{padding:30px;background:#edf3f2;scroll-margin-top:30px}.product-grid h2{font-size:27px;margin-top:25px}.search{display:block;max-width:620px;margin-top:40px}.search span{display:block;font-size:14px;margin-bottom:10px}.search input{padding:15px 18px;border:1px solid #9eb5b4;width:100%;background:white;border-radius:0}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:40px}.application-grid .tile{height:400px}.application-grid .tile h3{font-size:30px}.detail-hero{height:520px;margin-top:25px}.contact-page{display:grid;grid-template-columns:1.2fr 1fr;padding-top:40px}.contact-box{padding:48px;background:var(--yellow)}.contact-box h2{font-size:31px;margin-bottom:40px}.contact-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.contact-actions .button{background:var(--green);color:white}.copy-phone{padding:12px 22px;background:transparent;color:var(--green);border:1px solid var(--green)}#copy-status{font-size:14px;margin-top:10px;min-height:25px}.article{max-width:900px}.article h1{font-size:48px}.article img{height:430px;margin:30px 0}.article>p{font-size:19px;line-height:2}.skip{position:absolute;left:20px;top:-100px;background:var(--yellow);padding:12px;z-index:9}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.mosaic{grid-auto-rows:310px}}@media(max-width:1100px){header{padding-inline:28px}header nav{gap:17px;font-size:14px}.brand strong{font-size:29px}.brand strong span{font-size:17px}.brand small{font-size:12px}.wrap{width:calc(100% - 56px)}.mosaic{grid-auto-rows:250px;gap:12px}.portfolio{padding:24px}.portfolio h2{font-size:28px}.portfolio p{font-size:14px}.portfolio .button{padding:9px 15px}.download{padding:20px}.download h3{font-size:29px}.split{gap:45px}.contact-grid{gap:40px}.contact-grid h2{font-size:36px}.application-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){header{min-height:90px;padding:20px 24px;position:relative}.brand strong{font-size:29px}.brand small{font-size:11px}.menu-button{display:block}header nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;background:white;padding:25px;border-bottom:1px solid #ddd;box-shadow:0 15px 25px #0001}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.wrap{width:calc(100% - 40px)}.hero{padding-top:36px}.hero h1{margin-bottom:30px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px;gap:10px}.doors{grid-column:1/3;grid-row:1/3}.facades{grid-column:1;grid-row:3/5}.battery{grid-column:2;grid-row:3}.ships{grid-column:2;grid-row:4/6}.portfolio{grid-column:1/3;grid-row:6;box-shadow:none;border-radius:0 0 90px 0}.cabinets{grid-column:1;grid-row:5}.aviation{grid-column:1;grid-row:7}.rail{grid-column:2;grid-row:7}.download{grid-column:1;grid-row:8}.ventilation{grid-column:2;grid-row:8}.tile h3{font-size:30px;padding:22px}.portfolio p{max-width:90%}.portfolio h2 br{display:none}.split{grid-template-columns:1fr;gap:32px}.section{padding-block:65px}.section-heading{align-items:start;flex-direction:column;gap:22px}.news-grid{grid-template-columns:1fr;gap:40px}.news-grid img{height:310px}.contact-grid{grid-template-columns:1fr;gap:0}.contact-grid>img{max-height:310px;min-height:260px}.contact-grid>div{padding:45px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/3}.product-grid{grid-template-columns:repeat(2,1fr)}.application-grid{grid-template-columns:repeat(2,1fr)}.application-grid .tile{height:300px}.contact-page{grid-template-columns:1fr}.contact-page>img{max-height:360px}.contact-box{padding:28px}.page-intro{padding-top:45px}.detail-hero{height:380px}.article h1{font-size:36px}}@media(max-width:440px){.mosaic{grid-auto-rows:205px}.doors{grid-row:1/3}.tile h3{font-size:25px;padding:16px}.download{padding:16px}.download h3{font-size:26px;margin-bottom:12px}.download p{font-size:14px;line-height:1.6;margin-bottom:8px}.download .text-link{font-size:14px}.portfolio{padding:20px}.portfolio h2{font-size:27px;margin-bottom:9px}.portfolio p{font-size:14px;margin-bottom:9px}.portfolio .button{padding:7px 14px}.product-grid{grid-template-columns:1fr}.application-grid .tile{height:250px}.application-grid .tile h3{font-size:23px}.application-strip .tile{height:270px}.application-strip .tile h3{font-size:24px}.contact-grid h2{font-size:33px}.brand strong span{font-size:16px}.brand small{letter-spacing:0}.brand strong{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
