@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--black:#0c0d0d;--paper:#f3f2ed;--white:#fff;--muted:#777872;--line:#d8d7d1;--acid:#dfff42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:"DM Sans",Arial,sans-serif}a{color:inherit}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;gap:40px;position:sticky;top:0;z-index:10;background:#f3f2edf2;backdrop-filter:blur(10px)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.12em;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:.34em;margin-top:5px}.logo-a{width:36px;height:36px;border:2px solid;border-radius:50%;display:grid;place-items:center;font:800 18px Manrope}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a{text-decoration:none;font-size:13px}.top-cta{border:1px solid #aaa;padding:11px 16px;text-decoration:none;font-size:12px;font-weight:700}.menu{display:none;border:0;background:none;font-size:20px}.hero{min-height:710px;padding:90px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}.kicker,.label{font-size:10px;letter-spacing:.2em;font-weight:700;color:#6f706a}.hero h1{font:800 clamp(60px,7vw,108px)/.89 Manrope;letter-spacing:-.065em;margin:22px 0 30px}.hero h1 i{font-style:normal;color:#686964}.hero-copy>p{font-size:20px;line-height:1.6;max-width:610px;color:#5f605b}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 19px;background:var(--black);color:#fff;text-decoration:none;font-weight:700;font-size:13px}.btn b{font-size:19px}.btn.light{background:#fff;color:#111}.text-link,.arrow-link{text-decoration:none;font-size:13px;font-weight:700}.hero-art{height:500px;position:relative;display:grid;place-items:center}.ring{position:absolute;border:1px solid #c7c7c0;border-radius:50%;aspect-ratio:1}.ring1{width:470px}.ring2{width:330px}.ring3{width:190px}.center-logo{width:145px;height:145px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:800 42px Manrope;z-index:2}.center-logo span{font:800 11px Manrope;letter-spacing:.12em}.center-logo small{font-size:7px;letter-spacing:.3em}.float-card{position:absolute;background:#fff;padding:15px 18px;box-shadow:0 15px 40px #00000012;display:grid;grid-template-columns:auto 1fr;column-gap:15px;min-width:185px;z-index:3}.float-card span{font-size:9px;color:#999;grid-row:span 2}.float-card b{font-size:10px;letter-spacing:.12em}.float-card small{font-size:11px;color:#777}.fc1{top:25px;left:0}.fc2{right:0;top:200px}.fc3{bottom:30px;left:80px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#111;color:#fff;padding:35px 7vw}.stats div{border-right:1px solid #ffffff22;padding:10px 25px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats b{display:block;font:800 38px Manrope}.stats span{font-size:11px;color:#aaa;letter-spacing:.06em}.about{background:#fff;padding:110px 12vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2,.section-head h2,.company-intro h2,.services h2{font:800 clamp(43px,5vw,72px)/.95 Manrope;letter-spacing:-.06em;margin:18px 0}.about h2 em{font-style:normal;color:#777}.about-text p,.company-intro p{font-size:18px;line-height:1.8;color:#62635d}.arrow-link{display:inline-flex;gap:40px;border-bottom:1px solid #111;padding-bottom:8px;margin-top:20px}.portfolio{padding:110px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-head>p{max-width:320px;color:#777;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.business-card{color:#fff;text-decoration:none;min-height:620px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.business-card.transport{background:#262b26}.business-card.motors{background:#161b21}.business-card.textil{background:#353029}.card-top{display:flex;justify-content:space-between;font:700 12px Manrope}.card-top strong{font-size:20px}.visual{height:200px;display:grid;place-items:center;position:relative}.visual:before,.visual:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;width:240px;height:240px}.visual:after{width:140px;height:140px}.truck,.car{font-size:90px;transform:skewX(-8deg);opacity:.9;z-index:1}.fabric{width:145px;height:120px;border-radius:80% 20% 70% 30%;background:repeating-linear-gradient(20deg,#ffffff25 0 6px,transparent 6px 14px);transform:rotate(-15deg);z-index:1}.card-bottom small{font-size:9px;letter-spacing:.18em;color:#aaa}.card-bottom h3{font:800 45px/.9 Manrope;letter-spacing:-.06em;margin:16px 0}.card-bottom p{font-size:14px;color:#c3c5bf;line-height:1.5;max-width:350px}.card-bottom span{display:block;margin-top:30px;font-size:12px;font-weight:700}.statement{padding:130px 12vw;background:#e4e3dc}.statement h2{font:800 clamp(42px,6vw,82px)/.98 Manrope;letter-spacing:-.06em;max-width:1000px;margin:25px 0}.statement p{color:#6c6d67}.contact{background:#111;color:#fff;padding:110px 12vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font:800 clamp(45px,6vw,80px)/.95 Manrope;letter-spacing:-.06em;margin:20px 0}.contact p{color:#aaa;line-height:1.7;font-size:18px}.contact .label{color:#999}.contact .btn{margin-top:25px}footer{padding:35px 5vw;background:#fff;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#777}.company-cover{min-height:650px;padding:100px 10vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.company-cover.transport,.company-banner.transport{background:#262b26}.company-cover.motors,.company-banner.motors{background:#161b21}.company-cover.textil,.company-banner.textil{background:#353029}.company-cover-copy h1{font:800 clamp(60px,8vw,115px)/.88 Manrope;letter-spacing:-.07em;margin:22px 0}.company-cover-copy p{max-width:680px;font-size:20px;line-height:1.6;color:#d0d1ca}.company-symbol{width:270px;height:270px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.company-symbol span{position:absolute;top:34px;font-size:10px;letter-spacing:.2em}.company-symbol b{font:800 80px Manrope}.company-symbol small{position:absolute;bottom:34px;font-size:8px;letter-spacing:.3em}.company-intro{background:#fff;padding:110px 12vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.services{padding:110px 7vw}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-grid article{background:#fff;padding:35px;min-height:220px}.service-grid article>span{font-size:10px;color:#999}.service-grid h3{font:800 29px Manrope;letter-spacing:-.04em;margin:35px 0 10px}.service-grid p{font-size:14px;color:#777;line-height:1.6}.company-banner{color:#fff;padding:100px 12vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.company-banner h2{font:800 clamp(43px,6vw,76px)/.95 Manrope;letter-spacing:-.06em;max-width:800px;margin:20px 0}.company-banner .label{color:#aaa}
@media(max-width:850px){.topbar nav,.top-cta{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;padding:70px 7vw}.hero-art{margin-top:30px;height:390px}.ring1{width:350px}.ring2{width:250px}.ring3{width:150px}.center-logo{width:115px;height:115px}.fc1{left:0}.fc2{right:0}.fc3{left:20px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div{border:0}.about,.company-intro,.contact{grid-template-columns:1fr;padding:75px 8vw}.section-head{display:block}.section-head>p{margin-top:20px}.cards{grid-template-columns:1fr}.business-card{min-height:560px}.company-cover{padding:75px 8vw;display:block}.company-symbol{margin:55px auto 0}.service-grid{grid-template-columns:1fr}.company-banner{padding:75px 8vw;display:block}.company-banner .btn{margin-top:20px}footer{flex-direction:column;align-items:flex-start;gap:15px}}