
:root{--ink:#0c202d;--muted:#52616b;--orange:#f66325;--line:#dce2e6;--paper:#f2f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.65 'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding:0 40px}header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:25px}.brand{font-weight:900;font-style:italic;font-size:36px;letter-spacing:-2px;line-height:1}.brand span{color:var(--orange)}.brand small{display:block;font-size:10px;letter-spacing:2px;font-style:normal;margin-top:8px}nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;padding:14px 23px;font-weight:700;font-size:14px;border:1px solid var(--orange);border-radius:2px}.button:hover{background:#d94c14}.secondary{background:transparent;border-color:#60727e}.secondary:hover{background:#233b4c}.hero{background:var(--ink);color:white;position:relative;overflow:hidden}.hero-inner{padding-top:85px;padding-bottom:84px;display:grid;grid-template-columns:1.45fr .65fr;gap:60px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--orange);margin:0 0 22px}.hero h1{font-size:clamp(38px,4.5vw,65px);font-weight:700;line-height:1.08;letter-spacing:-2px;margin:0 0 28px;max-width:800px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p.desc{max-width:640px;color:#b9c8d1;font-size:18px;line-height:1.7}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.blueprint{align-self:center;border-top:1px solid #435561;border-bottom:1px solid #435561;padding:24px 0}.blueprint h2{font-size:15px;font-weight:500;color:#b9c8d1;margin:0 0 30px}.step{display:flex;align-items:center;gap:20px;margin:24px 0}.step b{font-size:40px;font-weight:300;color:#708796}.step span{font-size:18px;line-height:1.4}.step small{display:block;color:#9bb0be;font-size:13px;margin-top:4px}.hero-bottom{border-top:1px solid #344954;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;gap:20px;font-size:13px;color:#b9c8d1}.hero-bottom strong{color:white;font-weight:600}.section{padding:85px 0}.section-title{display:grid;grid-template-columns:.45fr 1fr;gap:45px;margin-bottom:45px}.section-title h2{font-size:clamp(28px,3.5vw,43px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.section-title p{margin:0;color:var(--muted);max-width:680px}.section-label{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.section-label span{color:var(--orange);margin-right:13px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);margin-bottom:45px}.pillar{padding:30px;border-right:1px solid var(--line)}.pillar:last-child{border:0}.pillar:hover{background:var(--paper)}.pillar .number{color:var(--orange);font-size:14px}.pillar h3{font-size:22px;line-height:1.3}.pillar p{color:var(--muted);font-size:15px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values h3{font-size:16px;margin-bottom:9px}.values p{font-size:15px;color:var(--muted);margin:0}.light{background:var(--paper)}.engineering{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.engineering article{border-top:3px solid var(--orange);padding-top:25px}.engineering h3{font-size:22px;line-height:1.3}.engineering p{color:var(--muted)}.engineering .index{font-size:45px;font-weight:300;color:#95a4ad}.portfolio{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;padding:25px 0;font-size:23px;font-weight:650}summary::-webkit-details-marker{display:none}summary .letter{font-size:14px;color:var(--orange);min-width:24px}summary::after{content:'+';margin-left:auto;color:var(--orange);font-size:28px;font-weight:400}details[open] summary::after{content:'−'}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:23px 45px;padding:5px 0 35px 46px}.items h4{margin:0 0 5px;font-size:17px}.items p{margin:0;color:var(--muted);font-size:15px}.note{margin:0 0 28px 46px;color:var(--muted);font-size:15px}.sectors{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.sector{padding:32px;text-align:center;border-right:1px solid var(--line);font-size:21px;font-weight:650;color:#687884;transition:color .2s}.sector:last-child{border:0}.sector:hover{color:var(--orange)}.client-note{font-size:14px;color:var(--muted);margin-top:18px}.contact{background:var(--ink);color:white}.contact .section-title p{color:#b9c8d1}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact h3{font-size:22px;margin-top:0}.contact p{color:#b9c8d1}.contact a.email{font-size:clamp(18px,2.3vw,28px);border-bottom:1px solid #647985;overflow-wrap:anywhere}.department{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid #344954;font-size:14px}.department span{color:#b9c8d1}.department a:hover{color:var(--orange)}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;padding-top:40px;border-top:1px solid #344954}.cta h3{font-size:30px;margin:0 0 6px}.cta p{margin:0}footer{background:#071720;color:#a1b3be;padding:25px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:25px}.menu{display:none;background:none;border:1px solid var(--line);padding:9px 13px;font:inherit;color:var(--ink)}@media(max-width:950px){.wrap{padding:0 25px}nav{gap:15px;font-size:13px}.nav{gap:15px}.hero-inner{grid-template-columns:1fr;gap:35px;padding-top:60px}.blueprint{display:flex;gap:25px;flex-wrap:wrap}.blueprint h2{width:100%;margin-bottom:0}.step{margin:0;flex:1}.step b{font-size:32px}.step span{font-size:16px}.section-title{grid-template-columns:1fr;gap:20px}.contact-grid{gap:35px;grid-template-columns:1fr 1.3fr}.department{display:block}.department a{display:block;margin-top:5px}}@media(max-width:700px){.nav{min-height:75px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.brand{font-size:30px}.menu{display:block}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0;font-size:16px}nav .button{padding:13px;margin-top:10px}.hero-inner{padding-top:45px;padding-bottom:40px}.hero h1{letter-spacing:-1px}.hero p.desc{font-size:16px}.blueprint{display:block}.step{margin:18px 0}.hero-bottom{flex-wrap:wrap;font-size:12px}.section{padding:55px 0}.pillars,.values,.engineering,.sectors,.contact-grid,.items{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid var(--line)}.values{gap:25px}.engineering{gap:20px}.engineering .index{font-size:30px}.items{padding-left:0;gap:22px}summary{font-size:19px;gap:12px}.sector{border-right:0;border-bottom:1px solid var(--line)}.contact-grid{gap:40px}.cta{align-items:flex-start;flex-direction:column}.department{font-size:15px}.note{margin-left:0}footer .wrap{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand img{display:block;width:180px;height:auto}.brand{flex-shrink:0}footer .footer-logo{width:130px;height:auto;background:white;padding:7px;border-radius:2px}:root{--orange:#d80032;--ink:#0a2463}.hero,.contact{background:#2b2d31}.button:hover{background:#b10029}footer{background:#202226}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,30,.89),rgba(10,20,30,.64));pointer-events:none}.hero-inner,.hero-bottom{position:relative;z-index:1}.video-toggle{position:absolute;bottom:85px;right:20px;z-index:2;border:1px solid #9ba9b3;color:white;background:#17232dbb;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.hero-bottom{background:#14212b70}.hero .blueprint{background:#14212b55;padding:24px 16px}@media(max-width:700px){.video-toggle{bottom:15px}.hero-bottom{padding-bottom:60px}}
.company-context{margin-top:18px!important}.work-process{margin-top:50px;padding-top:35px;border-top:1px solid var(--line)}.work-process h3,.proposal h3{font-size:26px;line-height:1.3;margin:0 0 24px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid span{color:var(--orange);font-size:14px}.process-grid h4{font-size:17px;margin:10px 0}.process-grid p{font-size:15px;color:var(--muted);margin:0}.proposal{padding-top:50px}.proposal>p{color:var(--muted);max-width:780px}.proposal summary{font-size:18px;padding:18px 0}.proposal details>p{color:var(--muted);padding:0 35px 20px 0;margin:0}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:25px}.project-facts span{display:block;color:var(--muted);font-size:14px}.project-facts strong{font-size:18px}.project-context{max-width:850px;color:var(--muted);margin:30px 0}.project-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:5px 0 30px}.project-gallery figure{margin:0}.photo-button{display:block;width:100%;padding:0;border:0;background:#d8dfe3;cursor:zoom-in;overflow:hidden}.photo-button img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .25s}.photo-button:hover img{transform:scale(1.035)}figcaption{font-size:14px;line-height:1.5;color:var(--muted);padding-top:12px}.project-link{margin-top:30px}.client-note a{text-decoration:underline;text-underline-offset:3px}.contact address{font-style:normal;color:#b9c8d1;font-size:16px;line-height:1.8}.contact-channels{display:flex;flex-wrap:wrap;gap:25px;margin:25px 0}.contact-channels span{display:block;color:#b9c8d1;font-size:14px}.contact-channels strong{font-size:19px;color:white}.additional-mail{font-size:14px}.inquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid #344954;padding-top:45px;margin-top:45px}.inquiry .form-note{font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry label{display:block;font-size:15px;color:white;margin-bottom:20px}.optional{color:#b9c8d1;font-size:14px}.inquiry input,.inquiry select,.inquiry textarea{display:block;width:100%;margin-top:8px;background:#fff;color:#17232d;border:1px solid #8fa0aa;padding:12px;border-radius:2px;font:inherit;min-width:0}.inquiry textarea{resize:vertical}.inquiry input:focus,.inquiry select:focus,.inquiry textarea:focus{outline:3px solid #f05b7c;outline-offset:2px}.inquiry button{cursor:pointer}.inquiry #message-result a{color:white;text-decoration:underline;text-underline-offset:4px;font-size:16px}dialog{padding:18px;border:0;width:min(1000px,calc(100% - 30px));max-height:95vh;background:#14212b;color:white}dialog::backdrop{background:#06101de6}#photo-full{display:block;width:100%;height:auto;max-height:73vh;object-fit:contain;margin-top:18px}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-toolbar button{border:1px solid #637480;background:transparent;color:white;padding:9px 13px;font:inherit;font-size:14px;cursor:pointer}#photo-caption{margin:15px 0 0;font-size:16px}.nav nav{gap:20px}footer .wrap{align-items:center}@media(max-width:1080px){.nav{min-height:75px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.menu{display:block}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:13px 0;font-size:16px}.nav nav .button{padding:13px;margin-top:10px}}@media(max-width:950px){.process-grid,.project-gallery{grid-template-columns:repeat(2,1fr)}.inquiry{gap:35px;grid-template-columns:1fr 1.3fr}}@media(max-width:700px){.process-grid,.inquiry,.form-grid{grid-template-columns:1fr}.inquiry{gap:25px}.project-gallery{gap:15px}.project-facts{grid-template-columns:1fr;gap:15px}.project-front summary{font-size:18px}.photo-toolbar{flex-wrap:wrap}.form-grid{gap:0}footer .wrap{align-items:flex-start}}@media(max-width:380px){.project-gallery{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.photo-button img{transition:none}}

:root{--sidebar-width:250px}html{scroll-padding-top:30px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:27px 22px;overflow-y:auto}.sidebar .brand{display:block;margin-bottom:26px}.sidebar .brand img{width:190px;max-width:100%;height:auto}.sidebar-caption{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted);text-transform:uppercase;margin:0 12px 12px}.sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:15px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:13px 14px;color:#465969;border-radius:3px;font-weight:600}.sidebar nav a span{font-size:12px;color:#84929a;font-weight:400}.sidebar nav a:hover{background:#f2f5f7;color:var(--orange)}.sidebar nav a[aria-current="page"]{background:#0a24630c;color:var(--ink);border-left:3px solid var(--orange);padding-left:11px}.sidebar nav a[aria-current="page"] span{color:var(--orange)}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar .button{display:flex;width:100%;padding:13px 10px}.sidebar-contact{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:13px;color:var(--muted)}.sidebar-contact a{display:block;margin-top:5px;overflow-wrap:anywhere}.page-shell{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-shell main{flex:1;min-width:0}.page-shell>.page-heading{padding:20px 40px;border-bottom:1px solid var(--line);background:white;font-size:14px;color:var(--muted)}.page-heading a{color:var(--ink)}.page-heading span{margin-left:12px}.page-shell .wrap{max-width:1240px}.page-shell .hero-inner{grid-template-columns:1.4fr .65fr;gap:35px;padding-top:65px;padding-bottom:65px}.page-shell .hero h1{font-size:clamp(36px,4vw,61px)}.page-shell .section-title{grid-template-columns:.42fr 1fr;gap:30px}.page-shell .section{padding:65px 0}.home-intro .section-title{grid-template-columns:1fr}.home-intro .section-title p{max-width:780px}.home-intro .pillars{margin-bottom:0}.page-shell .engineering{gap:25px}.page-shell .contact-grid,.page-shell .inquiry{gap:35px}.page-shell footer{margin-top:auto}.mobile-header,.sidebar-close,.sidebar-backdrop{display:none}.page-shell .hero-bottom{flex-wrap:wrap}.home-contact{border-top:1px solid var(--line);padding-top:30px;margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-contact p{margin:0;color:var(--muted)}@media(max-width:1200px){:root{--sidebar-width:225px}.sidebar{padding-left:16px;padding-right:16px}.sidebar .brand img{width:180px}.page-shell .hero-inner{grid-template-columns:1fr}.page-shell .blueprint{display:flex;flex-wrap:wrap;gap:25px}.page-shell .blueprint h2{width:100%;margin-bottom:0}.page-shell .step{flex:1;margin:0}.page-shell .section-title{grid-template-columns:1fr;gap:20px}.page-shell .engineering,.page-shell .pillars{grid-template-columns:1fr}.page-shell .pillar{border-right:0;border-bottom:1px solid var(--line)}.page-shell .pillar:last-child{border:0}.page-shell .process-grid{grid-template-columns:repeat(2,1fr)}.page-shell .project-gallery{grid-template-columns:repeat(2,1fr)}.page-shell .contact-grid,.page-shell .inquiry{grid-template-columns:1fr}.page-shell .department{display:flex;flex-wrap:wrap}.page-shell .department a{margin-top:0}.page-shell .video-toggle{bottom:105px}}@media(max-width:850px){:root{--sidebar-width:260px}html{scroll-padding-top:100px}.page-shell{margin-left:0;padding-top:76px}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:12px 22px;position:fixed;inset:0 0 auto 0;z-index:20;background:white;border-bottom:1px solid var(--line)}.mobile-header img{height:52px;width:auto}.mobile-header .menu{display:block;background:white;font-size:14px}.sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s}.sidebar.open{transform:translateX(0);visibility:visible}.sidebar-close{display:block;align-self:flex-end;padding:6px 10px;border:1px solid var(--line);background:white;font:inherit;font-size:14px;margin-bottom:12px}.sidebar-backdrop.open{display:block;position:fixed;inset:0;z-index:25;background:#07132188;border:0}.menu-open{overflow:hidden}.page-shell>.page-heading{padding:18px 25px}.page-shell .hero-inner{padding-top:45px;padding-bottom:40px}.page-shell .hero h1{font-size:clamp(36px,6vw,55px)}.page-shell .section{padding:50px 0}.page-shell .video-toggle{bottom:20px}.page-shell .hero-bottom{padding-bottom:65px}.page-shell .blueprint{display:block}.page-shell .step{margin:18px 0}.sidebar nav{display:flex;width:auto}.sidebar nav a{font-size:15px;padding:13px 14px}.sidebar nav a[aria-current="page"]{padding-left:11px}.home-contact{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.page-shell .values,.page-shell .process-grid,.page-shell .form-grid,.page-shell .sectors{grid-template-columns:1fr}.page-shell .department{display:block}.page-shell .department a{display:block;margin-top:7px}.page-shell .hero h1{font-size:37px}.sidebar{max-width:85vw}.page-shell .section-title h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
.section-title h1{font-size:clamp(28px,3.5vw,43px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px}
