:root{--ink:#0b1625;--paper:#f1efe9;--white:#fff;--rust:#b23a2d;--line:rgba(10,22,37,.15);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.direction-note{position:fixed;z-index:50;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 16px;border-radius:999px;color:#fff;background:rgba(8,15,24,.82);backdrop-filter:blur(12px);font:500 11px/1.2 "DM Sans";letter-spacing:.05em;white-space:nowrap}.topbar{position:absolute;z-index:20;top:24px;left:3vw;right:3vw;max-width:var(--max);margin:auto;min-height:76px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(12,26,42,.42);backdrop-filter:blur(14px);color:#fff;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:48px;height:48px;object-fit:contain;background:#fff}.brand span{display:flex;flex-direction:column}.brand strong{font-size:16px;letter-spacing:.05em}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.topbar nav{display:flex;gap:26px;font-size:13px}.topbar nav a{opacity:.8}.topbar nav a:hover{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:9px;font:600 12px/1 "DM Sans";letter-spacing:.02em;cursor:pointer}.button-solid{background:var(--rust);color:#fff;box-shadow:0 10px 30px rgba(109,31,25,.25)}.button-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.08)}.menu-toggle{display:none}.hero{position:relative;min-height:920px;padding:250px max(7vw,40px) 100px;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,rgba(5,15,28,.88) 0%,rgba(5,15,28,.55) 55%,rgba(5,15,28,.38)),linear-gradient(0deg,rgba(5,15,28,.9),transparent 55%)}.hero-content,.hero-side,.wordmark{position:relative;z-index:2}.hero-content{max-width:850px}.pill{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}.pill span{width:8px;height:8px;border-radius:50%;background:#fff}.hero h1{margin:25px 0 0;font:500 clamp(58px,7.5vw,116px)/.94 "Manrope";letter-spacing:-.06em}.hero h1 em{font-style:normal;color:#d8d2c8}.hero-side{max-width:360px;margin:34px 5vw 0 auto}.hero-side p{font-size:18px;line-height:1.55;color:rgba(255,255,255,.78)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.wordmark{position:absolute;left:5vw;right:5vw;bottom:-3vw;font:400 clamp(120px,22vw,340px)/.75 "Manrope";letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.38);filter:blur(.3px)}.section{padding:120px max(6vw,32px)}.section-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--rust);margin-bottom:20px}.intro{display:grid;grid-template-columns:.35fr 1.25fr;gap:50px;max-width:var(--max);margin:auto}.intro-copy h2,.section-heading h2,.equipment-copy h2,.contact h2{margin:0;font:500 clamp(42px,5.2vw,78px)/1.02 "Manrope";letter-spacing:-.055em}.intro-copy>p{max-width:740px;font-size:19px;line-height:1.65;color:#53606c}.facts{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}.facts article{padding:28px 20px 10px 0;border-right:1px solid var(--line)}.facts strong{display:block;font:500 clamp(30px,3vw,48px)/1 "Manrope"}.facts span{display:block;margin-top:12px;color:#69727b;font-size:13px}.dark{background:var(--ink);color:#fff}.section-heading{max-width:var(--max);margin:0 auto 70px;display:grid;grid-template-columns:1.5fr .5fr;gap:50px;align-items:end}.section-heading>p{max-width:440px;color:#8e98a4;line-height:1.6}.service-list{max-width:var(--max);margin:auto;border-top:1px solid rgba(255,255,255,.17)}.service{display:grid;grid-template-columns:70px 1fr 1fr 40px;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid rgba(255,255,255,.17);transition:.35s}.service:hover{padding-left:18px;background:rgba(255,255,255,.035)}.service>span{font-size:12px;color:#84909d}.service h3{margin:0;font:500 clamp(25px,3vw,44px)/1 "Manrope"}.service p{margin:0;color:#9aa3ad;line-height:1.55}.service i{font-style:normal;font-size:25px}.equipment{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}.equipment-copy p{margin-top:26px;font-size:18px;line-height:1.65;color:#64707a}.equipment-image{position:relative;height:690px;margin:0}.equipment-image figcaption,.project figcaption{position:absolute;left:20px;right:20px;bottom:20px;padding:18px;background:rgba(8,17,29,.72);color:#fff;backdrop-filter:blur(10px);display:flex;justify-content:space-between;gap:20px}.equipment-image span,.project span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.equipment-image strong,.project strong{font-size:14px}.project-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:320px 320px;gap:18px}.project{position:relative;margin:0;overflow:hidden}.project-large{grid-row:1/3}.project img{transition:transform .8s}.project:hover img{transform:scale(1.035)}.project figcaption{align-items:end}.process{max-width:var(--max);margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:30px 28px 30px 0;border-right:1px solid var(--line)}.steps span{color:var(--rust);font-size:12px}.steps h3{font:500 25px/1.1 "Manrope"}.steps p{font-size:14px;line-height:1.6;color:#68737d}.contact{position:relative;min-height:760px;color:#fff;display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:end;overflow:hidden}.contact-bg,.contact-shade{position:absolute;inset:0}.contact-shade{background:linear-gradient(90deg,rgba(5,14,26,.92),rgba(5,14,26,.55))}.contact-copy,.contact-form{position:relative;z-index:2}.contact-copy p{max-width:580px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.7)}.contact-form{padding:30px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(8,20,34,.56);backdrop-filter:blur(18px)}.contact-form label{display:block;margin-bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit}.contact-form select option{color:#111}.contact-form textarea{resize:vertical}.form-status{font-size:13px;color:#d9e3d7}footer{padding:45px max(6vw,32px);background:#07111d;color:#fff;display:flex;align-items:center;gap:30px}footer p{margin-left:auto;color:#86919c;font-size:12px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.topbar{top:12px}.topbar nav{display:none;position:absolute;top:84px;left:0;right:0;padding:25px;background:#0c1a2a;border-radius:14px;flex-direction:column}.topbar nav.open{display:flex}.nav-cta{display:none}.menu-toggle{display:block;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff;padding:12px}.hero{min-height:820px;padding-top:190px}.hero-side{margin-left:0}.intro,.equipment,.contact{grid-template-columns:1fr}.facts{grid-column:1;grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr}.service{grid-template-columns:45px 1fr 40px}.service p{grid-column:2}.project-grid{grid-template-columns:1fr;grid-template-rows:520px 320px 320px}.project-large{grid-row:auto}.steps{grid-template-columns:repeat(2,1fr)}footer{align-items:flex-start;flex-direction:column}footer p{margin:0}}@media(max-width:560px){.direction-note{bottom:10px;font-size:9px}.brand small{display:none}.topbar{left:12px;right:12px}.hero{padding:170px 22px 60px;min-height:760px}.hero h1{font-size:51px}.wordmark{bottom:15px}.section{padding:80px 22px}.intro{padding:80px 22px}.facts{grid-template-columns:1fr 1fr}.service{gap:15px}.service h3{font-size:25px}.equipment-image{height:470px}.project-grid{grid-template-rows:400px 280px 280px}.project figcaption,.equipment-image figcaption{flex-direction:column}.steps{grid-template-columns:1fr}.contact{padding-top:100px}.contact-form{padding:22px}footer{padding-bottom:75px}}
