@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');

:root { --navy:#0f2453; --ink:#172033; --gold:#b38a4c; --paper:#f7f7f5; --line:#e7e2d9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:15px/1.7 Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px, calc(100% - 40px)); margin:auto; }
.topbar { background:#07162f; color:#dce5f3; font-size:12px; }
.topbar .shell { min-height:39px; display:flex; justify-content:flex-end; gap:27px; align-items:center; }
.topbar a:hover { color:#fff; }
header { background:var(--navy); color:white; position:sticky; top:0; z-index:5; box-shadow:0 1px 10px #0002; }
.nav { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:flex; align-items:center; gap:13px; min-width:max-content; }
.brand-mark { width:42px; height:42px; border:2px solid var(--gold); display:grid; place-items:center; color:var(--gold); font:700 20px Barlow,sans-serif; }
.brand b { display:block; letter-spacing:.02em; font:600 27px/1 Barlow,sans-serif; }.brand small { color:#d7dde9; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
nav { display:flex; align-items:center; gap:5px; } nav a { padding:9px 12px; font-size:13px; color:#e6ebf4; } nav a[aria-current], nav a:hover { color:#fff; } nav a[aria-current] { border-bottom:2px solid var(--gold); }
.cta { background:var(--gold); color:white; padding:10px 17px; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.cta:hover { background:#c19859; }
.hero { min-height:560px; color:white; display:flex; align-items:center; position:relative; overflow:hidden; background:#071426; }
.hero::before { content:""; position:absolute; inset:-5%; background:url('assets/machinery.jpg') center/cover; animation:industrial-drift 18s ease-in-out infinite alternate; transform-origin:center; }.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#071426ef 0%,#0b1930c9 39%,#07142644 82%); }.hero .shell { position:relative; z-index:1; }
@keyframes industrial-drift { from { transform:scale(1.03) translate3d(-1.2%,0,0); filter:saturate(.85); } to { transform:scale(1.12) translate3d(1.2%,-1%,0); filter:saturate(1.05); } }
.hero .eyebrow,.eyebrow { color:#d9bd8c; font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; }
h1,h2,h3 { margin:0; font-family:Barlow,Arial,sans-serif; line-height:1.1; } h1 { max-width:680px; margin:15px 0 20px; font-size:clamp(45px,6vw,76px); font-weight:600; } h2 { font-size:clamp(30px,4vw,46px); font-weight:600; } h3 { font-size:22px; }
.hero p { max-width:565px; color:#e0e4eb; font-size:16px; }.hero-actions { display:flex; gap:12px; margin-top:32px; }.button { display:inline-block; padding:12px 21px; border:1px solid var(--gold); background:var(--gold); color:#fff; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }.button.alt { background:transparent; border-color:#fff; }
.intro,.page-hero { padding:88px 0; }.intro-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; }.intro p { color:#566070; margin-top:18px; }.rule { height:2px; width:54px; margin:22px 0; background:var(--gold); }
.featured { padding:76px 0 95px; background:#fff; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:35px; }.section-heading p { max-width:540px; margin:0; color:#667080; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:19px; }.card { border:1px solid var(--line); background:#fff; padding:30px 25px; min-height:225px; transition:transform .2s, box-shadow .2s; }.card:hover { transform:translateY(-4px); box-shadow:0 13px 35px #17203313; }.number { color:var(--gold); font:600 13px Barlow,sans-serif; letter-spacing:.12em; }.card h3 { margin:14px 0 12px; }.card p { margin:0; color:#667080; font-size:13px; }
.video-showcase { padding:88px 0; background:#ece9e3; }.video-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }.video-layout p { color:#596475; max-width:420px; }.video-frame { overflow:hidden; background:#09172f; box-shadow:0 22px 48px #17203327; }.video-frame iframe { display:block; width:100%; aspect-ratio:16/9; border:0; }.video-note { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 18px; color:#dbe2ee; background:#0f2453; font-size:12px; }.video-note span { color:#d9bd8c; letter-spacing:.1em; text-transform:uppercase; font-weight:700; }
.gallery { padding:78px 0 98px; }.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.gallery-item { position:relative; min-height:240px; overflow:hidden; background:#0f2453; }.gallery-item img { display:block; width:100%; height:100%; min-height:240px; object-fit:cover; transition:transform .35s ease; }.gallery-item:hover img { transform:scale(1.05); }.gallery-item figcaption { position:absolute; left:0; right:0; bottom:0; padding:35px 18px 17px; color:white; font:600 16px Barlow,sans-serif; background:linear-gradient(transparent,#071426db); }.gallery-empty { grid-column:1/-1; padding:50px; border:1px dashed #b9b6af; color:#667080; text-align:center; background:#fff; }
.band { padding:80px 0; color:white; background:linear-gradient(100deg,#0f2453f5,#0f2453d7),url('assets/machinery.jpg') center/cover; }.band .shell { display:flex; align-items:center; justify-content:space-between; gap:35px; }.band p { max-width:620px; color:#dfe5f0; }
.page-hero { color:white; background:linear-gradient(90deg,#0f2453f7,#0f2453b4),url('assets/machinery.jpg') center/cover; }.page-hero h1 { font-size:58px; }
.products { padding:78px 0 95px; }.product-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.product { background:white; border-left:3px solid var(--gold); padding:28px 31px; }.product p { margin:12px 0 0; color:#5f6877; }
.about { padding:84px 0 105px; }.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:85px; }.about-copy p { color:#586273; }.values { display:grid; gap:2px; }.value { padding:27px 30px; background:white; border-left:3px solid var(--gold); }.value p { margin:7px 0 0; color:#626c7b; font-size:13px; }
.contact { padding:78px 0 100px; }.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:66px; }.contact-info { background:var(--navy); color:white; padding:40px; }.contact-info p { color:#d7deea; }.contact-info a { color:#fff; display:block; margin:10px 0; }.contact-form { background:#fff; padding:38px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; } input,textarea { display:block; width:100%; margin:0 0 15px; padding:13px 0; border:0; border-bottom:1px solid #d4d8df; outline:0; font:14px Manrope,sans-serif; } textarea { min-height:120px; resize:vertical; }
footer { color:#bdc6d5; background:#07162f; padding:49px 0 28px; }.footer-main { display:flex; justify-content:space-between; gap:20px; align-items:start; }.footer-main p { margin:9px 0 0; font-size:12px; }.copyright { margin-top:38px; padding-top:19px; border-top:1px solid #ffffff20; font-size:11px; }
@media(max-width:760px){ .topbar .shell { justify-content:center; gap:14px; flex-wrap:wrap; padding:8px 0; } header { position:relative; }.nav { min-height:74px; flex-wrap:wrap; padding:14px 0; }.brand b { font-size:23px; } nav { order:3; width:100%; justify-content:space-between; }.cta { display:none; } nav a { padding:6px 1px; }.hero { min-height:510px; }.intro,.page-hero,.about,.contact,.video-showcase { padding:62px 0; }.intro-grid,.about-grid,.contact-grid,.video-layout { grid-template-columns:1fr; gap:35px; }.grid,.product-grid,.gallery-grid { grid-template-columns:1fr; }.band .shell,.section-heading,.footer-main { display:block; }.band .button { margin-top:10px; }.form-row { grid-template-columns:1fr; gap:0; }.contact-info,.contact-form { padding:29px; }.page-hero h1 { font-size:44px; } }