@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#11273a;--ink:#172b3c;--muted:#607181;--line:#d9e0e5;--bg:#f6f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:white}.brand{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.brand span{font-weight:500;letter-spacing:.12em}.nav nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav a:hover{color:#49718c}.hero{height:min(760px,78vw);min-height:540px;position:relative;background:#12293a;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,25,40,.88),rgba(9,25,40,.4) 57%,rgba(9,25,40,.12)),url('images/hero.webp') center 45%/cover no-repeat}.hero-overlay{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:780px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#b7cbd8}.hero h1,.contact h2{font:800 clamp(56px,7.5vw,110px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;color:#d6e2e9}.hero p{max-width:480px;font-size:18px;line-height:1.65;color:#e0e7ed}.button{display:inline-flex;gap:50px;align-items:center;background:white;color:var(--navy);padding:17px 22px;margin-top:24px;font-size:13px;font-weight:700}.hero-bottom{position:absolute;bottom:26px;left:8%;font-size:10px;letter-spacing:.2em;color:#d5e0e8}.section{display:grid;grid-template-columns:23% 1fr;padding:110px 8%;gap:28px}.section-label{font-size:11px;letter-spacing:.15em;font-weight:700;color:#698092;padding-top:15px}.section h2{font:800 clamp(38px,4.2vw,66px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 22px}.lead{font-size:20px;line-height:1.65;max-width:750px;color:#556979;margin:0 0 52px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid article{border-top:1px solid #a9bac7;padding-top:22px}.num{font-size:12px;color:#75899a}.service-grid h3{font:700 21px Manrope,Arial,sans-serif;margin:25px 0 12px}.service-grid p,.work-caption p{font-size:14px;line-height:1.75;color:#647786}.work{background:var(--bg)}.work-main img{width:100%;height:430px;object-fit:cover;display:block}.work-caption{display:flex;justify-content:space-between;gap:25px;padding:25px 0 36px}.dark{color:#718899}.work-caption h3{font:800 26px Manrope,Arial,sans-serif;margin:12px 0}.work-caption p{max-width:570px;margin:0}.tag{font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap;align-self:start;border:1px solid #bcc8d0;padding:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery img{width:100%;height:270px;object-fit:cover}.fine{font-size:11px;color:#81909c;margin-top:18px;line-height:1.6}.about{background:white}.attributes{display:flex;gap:12px;flex-wrap:wrap}.attributes span{font-size:11px;letter-spacing:.08em;border:1px solid var(--line);padding:13px}.contact{background:#11283b;color:white;padding:110px 8%}.contact h2{font-size:clamp(50px,6vw,84px)}.contact p{color:#c5d3dd;font-size:18px;line-height:1.7;max-width:530px}.contact-note{margin-top:34px;padding-top:20px;border-top:1px solid #4a6070;color:#a8bccb;font-size:13px}footer{background:#0b1e2d;color:#b8c9d6;display:flex;justify-content:space-between;gap:24px;padding:30px 8%;align-items:center;font-size:12px}footer .brand{color:white;font-size:13px}@media(max-width:760px){.nav{height:auto;padding:24px 6%;display:block}.nav nav{margin-top:20px;gap:18px;flex-wrap:wrap;font-size:12px}.brand{font-size:14px}.hero{min-height:590px;height:80vh}.hero-overlay{left:6%;right:6%}.hero h1{font-size:clamp(53px,11vw,78px)}.hero p{font-size:16px}.hero-bottom{left:6%;font-size:9px}.section{display:block;padding:75px 6%}.section-label{margin-bottom:28px}.lead{font-size:17px;margin-bottom:35px}.service-grid{grid-template-columns:1fr;gap:20px}.service-grid h3{margin-top:15px}.work-main img{height:270px}.work-caption{display:block}.tag{display:inline-block;margin-top:20px}.gallery{gap:10px}.gallery img{height:160px}.contact{padding:80px 6%}footer{padding:25px 6%;display:block}footer>div+div{margin-top:15px}}