/* 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;}