/* Compact homepage navigation. */
html { scroll-padding-top:110px; }
#nav, #nav.scrolled {
 --nav-text:#183e4b;
 display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:20px;
 padding:10px 32px;background:rgba(255,255,255,.97)!important;
 border-bottom:1px solid #dce9ec;box-shadow:0 4px 24px #123a4810;
 backdrop-filter:blur(16px);
}
#nav .nav-top { display:contents; }
#nav .nav-logo, #nav.scrolled .nav-logo {grid-column:1;grid-row:1;width:140px!important;background:white!important;}
#nav .nav-logo img, #nav.scrolled .nav-logo img {width:140px!important;height:76px!important;}
#nav .nav-actions, #nav.scrolled .nav-actions {grid-column:3;grid-row:1;transform:none!important;gap:9px;position:static;}
#nav .nav-bottom, #nav.scrolled .nav-bottom {grid-column:2;grid-row:1;position:static!important;padding:0;justify-content:center;}
#nav .nav-links {position:static!important;gap:1px;}
#nav .nav-links>li>a, #nav .nav-links>li>button {color:#183e4b!important;font-size:14px;padding:11px 10px;font-weight:700;}
#nav .nav-links>li>a:hover, #nav .nav-links>li>button:hover, #nav .nav-links>li.active>a {background:#e9f5f5!important;color:#0b6b7a!important;}
#nav .nav-icon-btn {width:33px;height:33px;font-size:16px;color:#42606a!important;border:1px solid #dce7ea;background:#f5f9fa;}
#nav .nav-lang-btn {color:#183e4b!important;border:1px solid #dce7ea;background:#f5f9fa;font-size:12px;}
#nav .nav-enquire {height:39px;padding:0 17px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;}
#nav .nav-ham span {background:#183e4b!important;}
#nav .dropdown-menu {border:1px solid #e1ecee;border-radius:10px;box-shadow:0 12px 30px #123a4820;}
@media(max-width:1250px){
 #nav,#nav.scrolled {grid-template-columns:125px 1fr auto;padding:10px 20px;gap:10px;}
 #nav .nav-logo,#nav.scrolled .nav-logo {width:120px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:120px!important;height:68px!important;}
 #nav .nav-icon-btn {display:none;}
 #nav .nav-links>li>a,#nav .nav-links>li>button {font-size:13px;padding:10px 8px;}
}
@media(max-width:991px){
 #nav,#nav.scrolled {display:flex;justify-content:space-between;padding:8px 18px;}
 #nav .nav-bottom {display:none!important;}
 #nav .nav-ham {display:flex!important;margin-inline-start:8px;}
 .mobile-drawer {padding-top:110px;}
}
@media(max-width:480px){
 #nav .nav-logo,#nav.scrolled .nav-logo {width:100px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:100px!important;height:60px!important;}
 #nav .nav-actions {gap:6px;}
 #nav .nav-enquire {padding:0 10px;font-size:11px;}
}

/* Transparent original artwork, enlarged for legibility. */
#nav .nav-logo,#nav.scrolled .nav-logo {background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:190px!important;}
#nav .nav-logo img,#nav.scrolled .nav-logo img {width:190px!important;height:116px!important;object-fit:contain!important;}
@media(max-width:1250px){
 #nav .nav-logo,#nav.scrolled .nav-logo {width:155px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:155px!important;height:96px!important;}
}
@media(max-width:767px){
 #nav .nav-logo,#nav.scrolled .nav-logo {width:132px!important;}
 #nav .nav-logo img,#nav.scrolled .nav-logo img {width:132px!important;height:82px!important;}
}

@media(min-width:1251px){#nav,#nav.scrolled{grid-template-columns:195px 1fr auto;}}
@media(min-width:992px) and (max-width:1250px){#nav,#nav.scrolled{grid-template-columns:160px 1fr auto;}}
html{scroll-padding-top:145px;}

/* Shared homepage header dimensions on every page. */
#nav,#nav.scrolled{padding-top:5px!important;padding-bottom:5px!important;grid-template-columns:100px 1fr auto;}
#nav .nav-logo,#nav.scrolled .nav-logo{width:90px!important;}
#nav .nav-logo img,#nav.scrolled .nav-logo img{width:90px!important;height:50px!important;}
#nav .nav-bottom,#nav.scrolled .nav-bottom{top:auto!important;}
html{scroll-padding-top:80px;}
.service-detail{padding-top:61px;}
#heroSlider{margin-top:61px;}
body[data-page="clients"] #nav{position:fixed!important;}
body[data-page="clients"] .clients-intro{padding-top:83px;}
body[data-page="clients"] #nav .nav-bottom{padding:0!important;}
body[data-page="clients"] #nav .logo-white{display:block!important;}
body[data-page="clients"] #nav .logo-dark{display:none!important;}
@media(max-width:767px){
 #nav .nav-logo img,#nav.scrolled .nav-logo img{height:48px!important;}
 .service-detail{padding-top:59px;}
 #heroSlider{margin-top:59px;}
 body[data-page="clients"] .clients-intro{padding-top:81px;}
}

/* Compact company profile view and download actions. */
#nav .nav-profile-group{display:inline-flex;align-items:center;flex-shrink:0;height:33px;border:1px solid #dce7ea;border-radius:7px;background:#f5f9fa;overflow:hidden;}
#nav .nav-profile,#nav .nav-profile-download{display:inline-flex;align-items:center;justify-content:center;height:100%;color:#183e4b!important;text-decoration:none;font:700 12px/1 system-ui,sans-serif;}
#nav .nav-profile{padding:0 10px;}
#nav .nav-profile-download{padding:0 7px;border-inline-start:1px solid #dce7ea;}
#nav .nav-profile:hover,#nav .nav-profile-download:hover{background:#e0f1f2;}
#nav .nav-profile:focus-visible,#nav .nav-profile-download:focus-visible{outline:2px solid #0b6b7a;outline-offset:-2px;}
@media(max-width:480px){#nav .nav-profile{padding:0 6px;font-size:11px;}#nav .nav-profile-download{padding:0 5px;}#nav .nav-actions{gap:4px;}}