@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:#101a2b;--red:#d9342f;--paper:#f5f6f8;--ink:#182332;--muted:#66717e;--line:#dce0e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;background:var(--navy);color:white;border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:.03em}.brand small{display:block;font-size:12px;letter-spacing:.21em;font-weight:500;margin-top:7px}.brand-mark{display:flex;align-items:flex-end;gap:4px;height:44px}.brand-mark i{width:7px;height:32px;background:var(--red)}.brand-mark i:nth-child(2){height:44px}.brand-mark i:last-child{height:24px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover{color:#ff8c80}.header-call{border:1px solid #ffffff40;padding:11px 19px;font-size:14px}.menu-toggle{display:none}.hero{background:var(--navy);color:white}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px}.hero-copy{padding:74px 9% 48px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:2px;background:var(--red)}h1{font-size:clamp(36px,4.3vw,68px);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:28px 0}h1 em{font-style:normal;color:#c9d2df} .hero-text{max-width:450px;color:#b2becc;font-size:18px;line-height:1.75}.actions{display:flex;gap:24px;align-items:center;margin-top:35px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 25px;font-weight:700;font-size:14px;border:none}.red{color:white;background:var(--red)}.red:hover{background:#ba2924}.text-link{font-size:14px;border-bottom:1px solid #ffffff50;padding-bottom:5px}.hero-note{display:flex;gap:22px;font-size:12px;letter-spacing:.14em;color:#8997ab;margin-top:68px}.hero-note span+span{border-left:1px solid #ffffff30;padding-left:22px}.hero-visual{position:relative;overflow:hidden;margin:30px 30px 30px 0;min-height:490px}.hero-visual>img{height:100%;width:100%;object-fit:cover;position:absolute;filter:brightness(.83);transform:scale(1.08);object-position:55% 35%}.photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#101a2bcc,transparent 60%)}.image-caption{position:absolute;bottom:38px;left:36px}.image-caption span{font-size:12px;letter-spacing:.13em}.image-caption strong{display:block;font:500 32px/1.25 Manrope,Arial;margin-top:14px}.year-label{position:absolute;top:25px;right:25px;border:1px solid #ffffff70;padding:12px 20px;font-size:12px;line-height:1.2;letter-spacing:.15em}.year-label b{font:600 24px Manrope}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-top:1px solid #ffffff20;font-size:12px;color:#91a0b4;letter-spacing:.06em}.hero-bottom p{margin:0}.hero-bottom a{color:white}.section{padding:100px 7%;scroll-margin-top:20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:white}.dark{color:var(--red)}h2{font-size:clamp(30px,3.2vw,48px);line-height:1.2;font-weight:600;letter-spacing:-.035em}h2 span{color:#8993a0}.intro>div:last-child{color:var(--muted);padding-top:24px}.intro p+p{margin-top:22px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px 7%;background:#0b1423;color:#9ba9bc}footer .brand{color:white;font-size:18px}footer p,footer small{margin:0;font-size:12px}
@media(min-width:1600px){.hero-grid{max-width:1600px;margin:auto}}@media(max-width:1000px){.header nav{gap:18px}.header-call{display:none}.hero-copy{padding:60px 8% 40px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:40px}.hero-visual{margin:24px 24px 24px 0}.intro{gap:5%}}@media(max-width:680px){html{scroll-padding-top:78px}.header{height:78px;padding:0 6%;position:relative}.brand{font-size:18px}.brand small{font-size:10px}.brand-mark{transform:scale(.8);transform-origin:left}.header nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:10;background:var(--navy);padding:24px;flex-direction:column;border-top:1px solid #ffffff30}.header nav.open{display:flex}.menu-toggle{display:block;background:none;border:1px solid #ffffff40;color:white;font-size:22px;line-height:1;padding:10px}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:48px 7% 36px}h1{font-size:42px}.hero-text{font-size:16px}.actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.hero-note{font-size:10px;gap:17px;margin-top:38px}.hero-visual{min-height:340px;margin:0 6% 28px}.image-caption{left:25px;bottom:25px}.image-caption strong{font-size:27px}.hero-bottom{gap:12px;flex-wrap:wrap;padding:20px 7%;font-size:10px}.hero-bottom>p:first-child{display:none}.section{padding:65px 7%}.intro{grid-template-columns:1fr;gap:8px}.intro>div:last-child{padding-top:5px}footer{flex-direction:column;align-items:flex-start;padding:35px 7%}}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:46px}.section-heading h2{margin:0}.section-heading>p{max-width:330px;color:var(--muted);margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{padding:35px 30px;min-height:285px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .2s}.service-grid article:hover{background:#edf0f5}.service-number{color:var(--red);font:500 14px Manrope}.service-grid h3{font-size:22px;letter-spacing:-.025em;margin:28px 0 12px}.service-grid p{font-size:15px;color:var(--muted)}.service-tag{font-size:10px;letter-spacing:.1em;color:#768393}.brands{padding:38px 7%;background:#e8ecf1;text-align:center}.brands>p{font-size:10px;letter-spacing:.2em;color:#697686;margin:0 0 20px}.brands>div{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brands span{font:800 clamp(18px,2vw,27px) Manrope;color:#45556b;letter-spacing:-.035em}.gallery{background:white}.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.gallery-filters button{border:1px solid var(--line);padding:9px 20px;font-size:14px;background:white;color:var(--muted)}.gallery-filters .active{background:var(--navy);color:white;border-color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gallery-item{padding:0;border:0;background:#f5f6f8;text-align:left;color:var(--ink);overflow:hidden}.gallery-item[hidden]{display:none}.gallery-picture{height:330px;position:relative;overflow:hidden}.gallery-picture img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.04)}.gallery-label{padding:23px 26px;position:relative}.gallery-label span{font-size:10px;letter-spacing:.12em;color:#778291}.gallery-label strong{display:block;font:600 18px/1.4 Manrope;margin-top:6px;padding-right:30px}.gallery-label b{position:absolute;right:25px;top:28px;font:300 30px Manrope;color:var(--red)}.floor-photo img{position:absolute;height:auto;width:100%;top:50%;transform:translateY(-50%)}.gallery-item:hover .floor-photo img{transform:translateY(-50%) scale(1.04)}.approach{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach h2{margin-top:22px}.approach>div>p:not(.eyebrow){color:#aebacb;max-width:460px}.approach .button{margin-top:18px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:25px;padding:23px 0;border-top:1px solid #ffffff26}.approach li>span{color:#e36560;font-size:14px;margin-top:5px}.approach h3{font-size:21px;font-weight:500;margin:0 0 10px}.approach li p{font-size:15px;color:#a1afc2;margin:0}.contact{background:white;display:grid;grid-template-columns:1.1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){color:var(--muted);max-width:420px}.contact .button{margin-top:22px}.contact-details>div{padding:22px 0;border-top:1px solid var(--line)}.contact-details>div>span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#7b8798;margin-bottom:10px}.contact-details a:not(.map-link){display:block;font:600 27px/1.6 Manrope;letter-spacing:-.03em}.contact-details p{margin-bottom:10px}.map-link{color:var(--red);border-bottom:1px solid #d9342f60;font-size:14px}.company-detail{padding:20px 7%;border-top:1px solid var(--line);font-size:12px;color:#7d8794;background:white}.floating-contact{position:fixed;right:26px;bottom:25px;display:flex;align-items:center;gap:9px;z-index:15;background:white;border:1px solid #dee5df;box-shadow:0 8px 25px #101a2b22;padding:13px 18px;border-radius:32px;color:#136638;font-size:14px;font-weight:700}.floating-contact svg{width:23px;height:23px}.lightbox{border:none;max-width:min(900px,94vw);max-height:92vh;padding:30px;background:#101a2b;color:white}.lightbox::backdrop{background:#07101edb}.lightbox h2{font-size:20px;margin:0 50px 22px 0}.lightbox>img{max-height:72vh;width:auto;max-width:100%;margin:auto;object-fit:contain}.close-lightbox{position:absolute;right:15px;top:10px;color:white;background:none;border:0;font-size:32px;line-height:1.3;padding:5px 10px}body.modal-open{overflow:hidden}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:28px}.gallery-picture{height:280px}.approach,.contact{gap:6%}}@media(max-width:680px){.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:25px;min-height:0}.service-grid h3{margin-top:18px}.brands{padding:30px 7%}.brands>div{justify-content:center;gap:18px 30px}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery-picture{height:270px}.gallery-label{padding:20px}.gallery-label strong{font-size:17px}.approach,.contact{grid-template-columns:1fr;gap:38px}.contact-details a:not(.map-link){font-size:25px}.floating-contact{right:15px;bottom:15px;padding:13px}.floating-contact span{display:none}.lightbox{padding:20px;max-width:96vw}.company-detail{padding-bottom:25px}}
.hero-visual>img{transform:scale(1.3)}.eyebrow,.service-tag,.gallery-label span,.brands>p,.contact-details>div>span,.hero-bottom{font-size:12px}.service-tag{color:#607083}.gallery-label span{color:#637181}.contact-details>div>span{color:#637181}.hero-note{font-size:12px}.brand small{font-size:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible{outline:3px solid #ed8b74;outline-offset:5px}
