/* The supplied header artwork has transparent canvas space. These dimensions frame its visible logo without altering the uploaded file. */
.brand{display:block;flex-shrink:0;overflow:hidden}.header .nav{height:110px}.header .brand{width:340px;height:100px}.header .brand img{display:block;max-width:none;width:399px;height:auto;transform:translate(-26px,-73px);background:transparent;padding:0}.brand-text{display:none}.footer .brand{width:190px;height:190px;overflow:visible}.footer .brand img{width:190px;height:190px;object-fit:contain;background:transparent;padding:0}
@media(max-width:1100px){.header .nav{height:82px}.header .brand{width:270px;height:80px}.header .brand img{width:317px;transform:translate(-21px,-58px)}.header .menu-toggle{display:block}.header .nav-links{display:none;position:absolute;top:82px;left:0;right:0;padding:18px 20px;background:#061832;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 14px 28px rgba(0,0,0,.2)}.header .nav-links.open{display:flex}.header .nav-links .button{text-align:center}.card-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project:first-child{grid-row:span 2}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar{display:none}.header .nav{height:76px}.header .brand{width:250px;height:74px}.header .brand img{width:294px;transform:translate(-19px,-54px)}.header .nav-links{top:76px}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.project-grid{grid-template-columns:1fr}.project:first-child{grid-row:auto;min-height:330px}.metrics .container{grid-template-columns:repeat(2,1fr)}.metric{padding:12px}.metric strong{font-size:1.5rem}.form-grid{grid-template-columns:1fr}}
@media(max-width:540px){.container{width:min(100% - 28px,1180px)}.header .nav{height:68px}.header .brand{width:210px;height:62px}.header .brand img{width:247px;transform:translate(-16px,-45px)}.header .nav-links{top:68px}.hero-content{padding:75px 0 155px}.card-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.footer .brand,.footer .brand img{width:160px;height:160px}.gallery-grid{columns:1}.copyright{display:block}.copyright span{display:block;margin-bottom:6px}}
