@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";:root{--accent:#f13f0f;--ink:#050505;--muted:#686868;--line:#ececec;--footer:#242424;color:var(--ink);scroll-behavior:smooth;background:#fff;font-family:Roboto,Arial,sans-serif}*{box-sizing:border-box}body{color:#333;margin:0;font-family:Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.logo{width:140px;height:auto;display:block}button{font:inherit}.hero{color:#fff;isolation:isolate;background-image:linear-gradient(90deg, #001423c7, #00121e61), var(--hero-image);background-position:50%;background-size:cover;align-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.site-header{z-index:5;justify-content:space-between;align-items:flex-start;width:min(1140px,100% - 64px);margin:0 auto;padding-top:35px;display:flex;position:absolute;inset:0 0 auto}.brand img{width:140px;height:auto;display:block}.site-header nav{gap:34px;padding-top:24px;font-size:16px;font-weight:700;display:flex}.site-header nav a{color:#fff;text-shadow:0 1px 2px #00000059;transition:color .18s;position:relative}.site-header nav a:after{background:var(--accent);content:"";opacity:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:-13px;left:0;right:0;transform:scaleX(.65)}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--accent)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{opacity:1;transform:scaleX(1)}.menu-toggle{color:#fff;background:#00000040;border:1px solid #fff6;justify-content:center;align-items:center;width:44px;height:44px;display:none}.hero-copy{text-align:center;width:min(980px,100% - 120px);margin:72px auto 0}.hero-copy h1{color:#fff;margin:0 0 22px;font-size:clamp(44px,6vw,70px);font-weight:900;line-height:1.05}.hero-copy p{color:#fff;max-width:1180px;margin:0 auto;font-size:clamp(20px,2.5vw,30px);font-weight:400;line-height:1.35}.hero-arrow{z-index:4;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:58px;height:82px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow svg{stroke-width:1.7px;width:62px;height:62px}.hero-prev{left:22px}.hero-next{right:22px}.section{padding:92px 0}.section-intro{text-align:center;width:min(995px,100% - 40px);margin:0 auto 54px}.section-intro h2{color:#000;margin:0 0 34px;font-family:Brush Script MT,cursive;font-size:clamp(36px,5vw,50px);font-weight:500;line-height:1}.section-intro p{color:var(--muted);margin:0 auto 28px;font-size:16px;font-weight:300;line-height:2}.section-intro strong{font-weight:900}.strength-grid,.service-grid,.work-grid,.footer-grid{gap:10px;width:min(1140px,100% - 40px);margin:0 auto}.strength-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.strength{text-align:center}.strength img{aspect-ratio:685/449;object-fit:cover;width:100%;display:block}.strength h3{color:#000;margin:26px 0 14px;font-size:24px;line-height:1.2}.strength p{color:#767676;margin:0;font-size:15px;font-weight:300;line-height:1.75}.services,.clients{background:#fafafa}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#fff;min-height:315px;padding:36px 24px 30px;transition:transform .18s,box-shadow .18s}.service:hover{transform:translateY(-4px);box-shadow:0 18px 35px #0a1e2d17}.service img{object-fit:contain;width:82px;height:82px;margin-bottom:27px}.service h3{color:#000;min-height:48px;margin:0 0 16px;font-size:20px;line-height:1.22}.service p{color:#777;margin:0;font-size:15px;font-weight:300;line-height:1.65}.filters{color:#989898;justify-content:center;align-items:center;gap:14px;margin:-22px 0 34px;display:flex}.filters button{color:#000;cursor:pointer;background:0 0;border:0;font-size:16px}.filters button:hover{color:var(--accent)}.work-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work{background:#111;min-height:259px;position:relative;overflow:hidden}.work img{object-fit:cover;width:100%;height:100%;min-height:259px;transition:transform .24s,opacity .24s;display:block}.work-overlay{color:#fff;background:#000000b8;place-items:center;min-height:84px;transition:transform .22s;display:grid;position:absolute;inset:auto 0 0;transform:translateY(100%)}.work h3{margin:0;font-size:18px}.work:hover img{opacity:.76;transform:scale(1.05)}.work:hover .work-overlay{transform:translateY(0)}.client-row{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:center;gap:14px;width:min(1140px,100% - 40px);margin:0 auto;display:grid}.client-row img{filter:grayscale(.15);width:100%;max-width:225px;margin:0 auto}.footer{color:#cfcfcf;background:var(--footer)}.footer-grid{grid-template-columns:1.35fr .85fr 1fr;gap:50px;padding:66px 0 52px;display:grid}.footer h3{color:#fff;margin:0 0 26px;font-size:18px;font-weight:700;line-height:1.3}.footer p,.footer a{color:#bdbdbd;font-size:15px;font-weight:300;line-height:1.8}.footer a{align-items:center;gap:12px;margin-bottom:12px;display:flex}.footer a:hover{color:#fff}.address{gap:12px;margin-top:0;display:flex}.address svg{flex:none;margin-top:4px}.socials{gap:10px;margin-top:22px;display:flex}.socials a{color:#fff;border:1px solid #5f5f5f;place-items:center;width:36px;height:36px;margin:0;display:grid}.copyright{text-align:center;color:#a8a8a8;border-top:1px solid #ffffff14;margin:0;padding:22px 20px;font-size:14px}@media (width<=900px){.site-header{align-items:center;width:calc(100% - 32px);padding-top:20px}.brand img{width:105px}.menu-toggle{z-index:10;display:inline-flex;position:relative}.site-header nav{background:#0c1218f2;border:1px solid #ffffff1f;width:min(270px,100vw - 32px);padding:12px 0;display:none;position:absolute;top:82px;right:0}.site-header nav.is-open{display:block}.site-header nav a{padding:13px 20px;display:block}.site-header nav a:after{display:none}.hero-copy{width:calc(100% - 64px);margin-top:76px}.hero-arrow{width:42px}.hero-arrow svg{width:44px;height:44px}.strength-grid,.service-grid,.work-grid,.footer-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:34px}}@media (width<=640px){.hero{min-height:520px}.hero-copy{width:calc(100% - 44px)}.hero-arrow{display:none}.section{padding:68px 0}.section-intro{margin-bottom:38px}.section-intro h2{margin-bottom:24px}.strength-grid,.service-grid,.work-grid,.footer-grid,.client-row{grid-template-columns:1fr}.service-grid{border-left:0}.service{border-left:1px solid var(--line)}.filters{flex-wrap:wrap}}