:root{
  --bg0:#010307;
  --bg1:#06101b;
  --bg2:#0d1b2d;
  --white:#f7fbff;
  --muted:#aeb9c7;
  --line:rgba(255,255,255,.72);
  --soft-line:rgba(255,255,255,.16);
  --accent:#2b7ddd;
  --footer-h:86px;
  --header-h:206px;
  --max:1880px;
}
*{box-sizing:border-box}
html{height:100%;background:#000;color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif}
body{min-height:100%;margin:0;background:radial-gradient(circle at 60% 0%,rgba(25,61,102,.7),transparent 36%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 48%,var(--bg2) 100%);color:var(--white);overflow:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;inset:0 0 auto 0;z-index:10;padding:26px clamp(22px,3.8vw,72px) 18px;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(2,7,13,.88) 75%,rgba(2,7,13,.35));backdrop-filter:blur(10px)}
.site-header.compact{padding-bottom:18px}.brand-word{display:block;text-align:center;letter-spacing:clamp(.38em,1.08vw,.72em);font-size:clamp(40px,5.1vw,110px);font-weight:300;line-height:.9;white-space:nowrap;text-transform:uppercase}.rule{height:1px;background:linear-gradient(90deg,transparent 0%,var(--line) 12%,var(--line) 88%,transparent 100%);width:100%;max-width:var(--max);margin:24px auto 0}.main-nav,.project-filter{max-width:var(--max);margin:14px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.main-nav a,.project-filter button{border:1px solid var(--soft-line);background:rgba(255,255,255,.035);color:var(--white);padding:11px 21px;border-radius:999px;letter-spacing:.09em;font-size:13px;text-transform:uppercase}.main-nav a{border-color:transparent}.main-nav a.active,.main-nav a:hover,.project-filter button.active,.project-filter button:hover{background:rgba(43,125,221,.22);border-color:rgba(96,166,255,.85)}.project-filter button{cursor:pointer}
.scroll-stage{height:calc(100vh - var(--header-h) - var(--footer-h));margin-top:var(--header-h);margin-bottom:var(--footer-h);overflow:auto;padding:24px clamp(24px,4vw,76px) 34px;scrollbar-color:rgba(255,255,255,.3) transparent}.project-grid{width:min(100%,var(--max));margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.14);border-radius:2px;overflow:hidden;background:#07101a;box-shadow:0 26px 90px rgba(0,0,0,.35)}.project-card img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02)}.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.86) 100%);pointer-events:none}.caption{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:end}.caption strong{font-size: clamp(1.125rem, 0.5735rem + 0.9804vw, 1.75rem);font-weight:400}.caption span{color:var(--muted);font-size:14px;text-align:right}.caption1{position:absolute;left:22px;right:22px;top:18px;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:end}.caption1 {font-size: clamp(1.125rem, 0.6408rem + 1.5493vw, 2.5rem);font-weight:300;margin:0 0 18px;}.project-card.is-hidden{display:none}.text-stage{max-width:var(--max);margin-left:auto;margin-right:auto}.hero-text{border:1px solid var(--soft-line);background:rgba(255,255,255,.04);padding:clamp(32px,5vw,74px);margin-bottom:24px}.hero-text h1,.contact-layout h1{font-size:clamp(42px,5vw,92px);font-weight:300;margin:0 0 18px}.hero-text p,.lead{font-size:clamp(20px,2vw,30px);color:#d9e2ee;line-height:1.45;max-width:1120px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-grid article,.legal,.contact-layout{border:1px solid var(--soft-line);background:rgba(255,255,255,.045);padding:28px}.service-grid h2,.legal h2{font-weight:400;margin-top:0}.service-grid p,.legal p,.contact-layout p{color:#d5dfec;line-height:1.65}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:46px}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;color:var(--muted)}.contact-form input,.contact-form textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px;font:inherit}.contact-form button{justify-self:start;background:var(--accent);color:white;border:0;padding:14px 24px;font:inherit;cursor:pointer}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:11;background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(1,6,12,.9));backdrop-filter:blur(10px);padding:0 clamp(24px,4vw,76px) 16px}.site-footer .rule{margin-top:0}.footer-inner{height:calc(var(--footer-h) - 17px);max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:20px;align-items:center;color:var(--muted);font-size:14px}.footer-inner div{display:flex;flex-direction:column;gap:4px}.footer-inner strong{font-size:18px;letter-spacing:.22em;color:#fff;font-weight:400}.footer-inner a{display:inline-block;margin-right:18px;color:#dce7f3}
@media (min-width:1680px){:root{--header-h:228px}.project-card{min-height:430px}.project-card img{min-height:430px}}
@media (max-width:900px){:root{--header-h:192px;--footer-h:108px}.brand-word{font-size:34px;letter-spacing:.32em}.main-nav a,.project-filter button{font-size:11px;padding:9px 12px}.project-filter{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.project-grid,.service-grid,.contact-layout{grid-template-columns:1fr}.project-card,.project-card img{min-height:300px}.footer-inner{grid-template-columns:1fr 1fr;font-size:12px}.caption{display:block}.caption span{text-align:left;display:block;margin-top:5px}}
@media (max-width:560px){body{overflow:auto}.site-header,.site-footer{position:static}.scroll-stage{height:auto;margin:0;overflow:visible;padding:18px}.brand-word{text-align:left;font-size:27px;letter-spacing:.22em}.project-card,.project-card img{min-height:245px}.footer-inner{height:auto;grid-template-columns:1fr;padding:16px 0}.site-footer{padding-bottom:0}}