:root{--ink:#101214;--muted:#5d6268;--line:#d9dde0;--accent:#e7ff42;--light:#f4f5f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.site-header{height:88px;display:flex;align-items:center;padding:0 clamp(20px,5vw,76px);gap:44px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(0,0,0,.08)}.brand{display:block;margin-right:auto}.brand img{display:block;width:210px;height:auto}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:700}.language{display:flex;gap:6px;align-items:center;font-size:13px}.language button{border:0;background:none;padding:6px 2px;color:#777;font-weight:800;cursor:pointer}.language button.active{color:#000;text-decoration:underline;text-underline-offset:4px}.hero{min-height:calc(100vh - 88px);position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.53) 48%,rgba(0,0,0,.08) 80%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:820px;padding:80px clamp(20px,7vw,110px)}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.16em;margin:0 0 20px}.eyebrow.dark{color:#555}.hero h1{font-size:clamp(42px,6.2vw,88px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.lead{font-size:clamp(17px,2vw,22px);line-height:1.55;max-width:670px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;text-decoration:none;font-weight:800}.button.primary{background:var(--accent);color:#111}.button.secondary{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(0,0,0,.15)}.stat{position:absolute;z-index:3;right:clamp(20px,5vw,76px);bottom:60px;border-left:3px solid var(--accent);padding-left:18px}.stat strong{font-size:44px;display:block;line-height:1}.stat span{font-size:14px}.section{padding:110px clamp(20px,7vw,110px)}.section-heading{max-width:760px;margin-bottom:54px}.section-heading h2,.contact h2{font-size:clamp(34px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.section-heading>p:last-child{font-size:18px;line-height:1.6;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.service-grid article{padding:26px 28px 20px 0;border-bottom:1px solid var(--line)}.service-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.service-grid span{font-size:12px;font-weight:800;color:#777}.service-grid h3{font-size:23px;line-height:1.2;margin:35px 0 18px}.service-grid p{color:var(--muted);line-height:1.6;margin:0}.projects{background:var(--light)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-grid figure{margin:0;position:relative;height:410px;overflow:hidden;background:#ddd}.project-grid figure.wide{grid-column:span 2;height:520px}.project-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-grid figure:hover img{transform:scale(1.025)}.project-grid figcaption{position:absolute;left:0;bottom:0;background:#101214;color:#fff;padding:14px 18px;font-weight:800}.contact{background:#111;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}.contact>div>p:last-child{font-size:18px;line-height:1.6;color:#b8bec3}.contact-card{border-top:1px solid #444}.contact-card>a,.contact-card>div{display:block;padding:22px 0;border-bottom:1px solid #444;text-decoration:none}.contact-card small{display:block;color:#aeb3b8;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.contact-card strong{font-size:clamp(16px,2vw,22px);word-break:break-word}footer{min-height:110px;padding:25px clamp(20px,5vw,76px);display:flex;align-items:center;gap:30px;font-size:13px;color:#666}footer img{width:140px;margin-right:auto}footer p{margin:0}@media(max-width:900px){.site-header{height:74px;gap:18px}.brand img{width:160px}.site-header nav{display:none}.hero{min-height:720px}.hero-content{padding-bottom:130px}.stat{left:20px;right:auto;bottom:35px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(3){border-left:0;padding-left:0}.contact{grid-template-columns:1fr;gap:38px}}@media(max-width:620px){.section{padding:76px 20px}.hero h1 br{display:none}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article+article{border-left:0;padding-left:0}.project-grid{grid-template-columns:1fr}.project-grid figure,.project-grid figure.wide{grid-column:auto;height:310px}.contact{padding-bottom:80px}footer{align-items:flex-start;flex-direction:column;gap:10px}footer img{margin-bottom:8px}}
/* Calm technical hero: a subtle airflow motif replaces the full-bleed project photo. */
.hero{background-color:#111719;background-image:radial-gradient(circle at 84% 18%,rgba(231,255,66,.15),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.025) 25%,transparent 25%);background-size:auto,72px 72px,72px 72px;background-position:center,0 0,36px 36px}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,12,.22),transparent 65%),linear-gradient(0deg,rgba(8,11,12,.48),transparent 42%);pointer-events:none}
.airflow{position:absolute;z-index:1;width:min(62vw,900px);height:min(66vw,760px);right:-9vw;top:50%;transform:translateY(-50%) rotate(-7deg);opacity:.9}
.airflow span{position:absolute;inset:0;border:2px solid transparent;border-top-color:rgba(231,255,66,.68);border-radius:50%;filter:drop-shadow(0 0 12px rgba(231,255,66,.12))}
.airflow span:nth-child(2){inset:12%;border-top-color:rgba(255,255,255,.34);transform:rotate(9deg)}
.airflow span:nth-child(3){inset:24%;border-top-color:rgba(231,255,66,.28);transform:rotate(18deg)}
@media(max-width:900px){.airflow{width:720px;height:660px;right:-390px;top:34%;opacity:.55}}