@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";:root{--paper:#f6f5f1;--ink:#142027;--muted:#657178;--line:#d9dddc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Lato,Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f5f1f0;align-items:center;gap:32px;height:84px;padding:0 6vw;display:flex;position:sticky;top:0}.logo{margin-right:auto}.logo img{max-width:180px;max-height:54px;display:block}nav{gap:26px;font-size:13px;font-weight:700;display:flex}nav a:hover{color:var(--accent)}.group-link{border:1px solid var(--deep);padding:11px 16px;font-size:12px;font-weight:900}.hero{background:#fff;grid-template-columns:3fr 2fr;min-height:670px;display:grid}.hero-copy{padding:100px 8vw 90px}.kicker,.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.hero h1,.section h2,.contact h2{letter-spacing:-.055em;margin:20px 0 26px;font-size:clamp(48px,6vw,86px);line-height:.96}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.kicker){max-width:640px;color:var(--muted);font-size:18px;line-height:1.75}.button{background:var(--deep);color:#fff;text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;padding:16px 20px;font-size:12px;font-weight:900;display:inline-flex}.hero-mark{background:linear-gradient(150deg,var(--accent),var(--deep));color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.hero-mark img{max-width:75%;max-height:190px}.hero-mark span{letter-spacing:.2em;text-transform:uppercase;margin-top:34px;font-size:11px;font-weight:900}.section{padding:105px 8vw}.about{grid-template-columns:1fr 1fr;gap:8vw;display:grid}.section h2,.contact h2{white-space:pre-line;font-size:clamp(40px,4.5vw,66px)}.about>p{color:var(--muted);align-self:end;margin:0;font-size:18px;line-height:1.85}.services{background:#fff}.service-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:52px;display:grid}.service-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;padding:34px;position:relative}.service-grid span{color:var(--accent);font-size:11px;font-weight:900}.service-grid h3{margin:40px 0 12px;font-size:24px}.service-grid p{max-width:470px;color:var(--muted);line-height:1.7}.service-grid svg{color:var(--accent);position:absolute;top:30px;right:30px}.work{background:#e9edef}.gallery{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px;display:grid}.gallery img{object-fit:cover;width:100%;height:300px}.gallery .wide{grid-column:span 2}.contact{background:var(--deep);color:#fff;grid-template-columns:1fr 1fr;gap:8vw;padding:105px 8vw;display:grid}.contact>div>p{color:#d9e5e7;max-width:570px;line-height:1.75}.contact-card{background:#ffffff1a;flex-direction:column;justify-content:center;gap:18px;padding:42px;display:flex}.contact-card h3{margin:0 0 15px;font-size:34px}.contact-card a,.contact-card p{color:#fff;align-items:flex-start;gap:12px;margin:0;font-size:14px;display:flex}footer{color:#fff;background:#081216;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:44px 6vw;font-size:12px;display:grid}footer div{align-items:center;gap:18px;display:flex}footer img{max-width:130px;max-height:45px}footer span{color:#98a9ad}footer a{align-items:center;gap:8px;display:flex}footer p{color:#98a9ad;justify-self:end}@media (width<=800px){header nav{display:none}.hero,.about,.contact{grid-template-columns:1fr}.hero-mark{min-height:340px}.service-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;justify-items:start}footer p{justify-self:start}}@media (width<=520px){header{padding:0 20px}.logo img{max-width:145px}.group-link{padding:9px}.hero-copy,.section,.contact{padding:72px 24px}.hero h1{font-size:49px}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery img{height:260px}}
