:root{--navy:#0d1829;--blue:#1f64e5;--blue-dark:#164db1;--text:#172033;--muted:#667085;--light:#f5f7fb;--white:#fff;--line:#e1e6ef;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--text);background:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.header{height:78px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1rem;font-weight:800;line-height:1.05;letter-spacing:-.02em}.logo span{display:block;color:var(--blue)}.nav{display:flex;gap:34px;font-size:.88rem;font-weight:600}.nav a{transition:color .2s}.nav a:hover{color:var(--blue)}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:4px}.nav-toggle b{position:absolute;width:1px;height:1px;overflow:hidden}
.hero{background:linear-gradient(120deg,#f7f9fc 0%,#eef3fb 100%);min-height:690px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-180px;border:110px solid #e4ebf7}.hero-grid{display:grid;grid-template-columns:1.55fr .65fr;align-items:center;gap:80px;position:relative;z-index:1;padding:90px 0}.overline{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.hero h1{font-size:clamp(3.2rem,6vw,5.8rem);line-height:1.03;letter-spacing:-.055em;margin:0;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero-text{max-width:650px;color:var(--muted);font-size:1.08rem;margin:28px 0 34px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:6px;font-size:.84rem;font-weight:700}.button svg,.contact-links svg,footer svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#fff;border:1px solid var(--line)}.hero-card{background:var(--navy);color:#fff;border-radius:16px;padding:30px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 70px #18365b24}.monogram{height:180px;border-radius:10px;background:linear-gradient(135deg,#1f64e5,#70a0ff);display:grid;place-items:center;font-size:4rem;font-weight:800;letter-spacing:-.08em}.hero-card span{display:block;font-size:.7rem;color:#a8b6cc;margin-bottom:5px}.hero-card strong{font-size:1.05rem}
.section{padding:110px 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.14;letter-spacing:-.04em;margin:0;color:var(--navy)}.about-content>p{color:var(--muted);margin:0 0 18px}.about-content .large{font-size:1.25rem;color:var(--text)}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line)}.values div{padding:22px 15px 0 0;display:flex;flex-direction:column;gap:6px}.values strong{color:var(--blue);font-size:.75rem}.values span{font-weight:700;font-size:.85rem}
.projects{background:var(--light)}.projects-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.projects-heading>p{color:var(--muted);max-width:430px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.project{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1a315015}.project-image{display:block;aspect-ratio:16/10;background:#dfe5ee;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.featured{position:absolute;top:15px;left:15px;background:var(--blue);color:#fff;padding:6px 10px;border-radius:4px;font-size:.65rem;font-weight:700}.project-meta{padding:25px}.project-meta>span{color:var(--blue);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-meta h3{font-size:1.45rem;margin:5px 0;color:var(--navy)}.project-meta p{margin:0;color:var(--muted);font-size:.9rem}.project-meta small{display:block;margin-top:17px;color:#8992a3}.project-placeholder{grid-column:1/-1;min-height:330px;border:2px dashed #cbd3df;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.project-placeholder svg{width:52px;fill:none;stroke:#a8b4c5;stroke-width:1.4}.project-placeholder h3{font-size:1.5rem;margin:20px 0 7px}.project-placeholder p{max-width:520px;color:var(--muted);margin:0}.project-placeholder small{color:#b23a3a;margin-top:15px}
.contact{background:var(--navy);color:#fff}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{color:#fff}.contact-box>div>p:last-child{color:#aab5c6}.contact-links{border-top:1px solid #344155}.contact-links a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 0;border-bottom:1px solid #344155}.contact-links span{font-size:.68rem;color:#8fa0b9;text-transform:uppercase;letter-spacing:.13em}.contact-links strong{grid-row:2;font-size:1.05rem}.contact-links svg{grid-column:2;grid-row:1/3;color:#78a7ff}
footer{background:#091321;color:#8e9caf}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.footer-inner a{display:flex;align-items:center;gap:9px;color:#fff}
@media(max-width:850px){.header{height:70px}.nav-toggle{display:block}.nav{position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;gap:18px;display:none}.nav.open{display:flex}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-card{display:none}.split,.contact-box{grid-template-columns:1fr;gap:45px}.projects-heading{display:block}.projects-heading>p{margin-top:18px}.section{padding:80px 0}}
@media(max-width:620px){.container{width:min(calc(100% - 30px),var(--max))}.hero h1{font-size:2.85rem}.hero-text{font-size:1rem}.hero-buttons .button{width:100%}.project-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.values div{border-bottom:1px solid var(--line);padding:17px 0}.projects-heading{margin-bottom:30px}.contact-links strong{font-size:.88rem}.footer-inner{min-height:100px;flex-direction:column;justify-content:center;gap:8px}.footer-inner p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}