/* Shared route-level refinements; the original type, palette, and component system stay in site-base.css. */
.page-header{position:relative;z-index:5;background:var(--ink);color:#fff}
.page-header .topnav{position:relative;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 32px}
.page-header .brand{display:block;flex-shrink:0;width:96px;aspect-ratio:1;padding:6px;background:#fdfcf9;border:1px solid #ffffffdd;border-radius:7px;line-height:0}
.page-header .brand img{display:block;width:100%;height:100%;object-fit:contain}
.page-header .nav-pill{gap:clamp(10px,1.3vw,18px);background:linear-gradient(118deg,#ffffff20,#ffffff08);border:1px solid #ffffff66;backdrop-filter:blur(24px);font-size:12px}
.page-header .nav-pill a{white-space:nowrap}
.page-header .topnav>.btn.glass{border-radius:14px;min-height:48px;padding:13px 22px;white-space:nowrap}
.page-header .menu-toggle{margin-left:auto;border-radius:14px}
@media(max-width:1100px){
 .page-header .topnav{gap:16px;padding:18px 24px}
 .page-header .topnav>.btn{display:none}
}
@media(max-width:800px){
 .page-header .topnav{flex-wrap:wrap}
 .page-header .brand{width:80px}
 .page-header .nav-pill{justify-content:center;flex-wrap:wrap;gap:6px 14px;width:100%}
}
@media(max-width:600px){
 .page-header .topnav{padding:16px 18px;flex-wrap:nowrap}
 .page-header .nav-pill{position:absolute;top:100%;left:18px;right:18px;width:auto;min-width:0;max-width:none;flex-direction:column;align-items:stretch;background:var(--ink);border-radius:15px;padding:16px;box-shadow:0 12px 28px #06182e40}
 .page-header .nav-pill a{min-height:44px;display:flex;align-items:center}
}
.page-services .service-canvas,
.page-about .about-canvas{position:relative;isolation:isolate}
.page-services .service-canvas{margin:0;width:100%;padding:70px 8%;background:var(--paper);--section-photo:url('backgrounds/dubai-skyline-05.webp')}
/* Apply the light wash to the whole canvas, not the narrower content. */
.page-services .service-canvas::before{inset:0;width:100%;background-image:linear-gradient(rgba(246,244,239,.78),rgba(246,244,239,.78)),var(--section-photo);background-size:cover;background-position:center;filter:none;opacity:1;mix-blend-mode:normal}
.page-services #full-services{margin:0;padding:0 0 34px;border-top:0;background:transparent}
.page-services #full-services::before{content:none}
.page-services .service-page-main>.inspection{width:100%;margin:0}
.page-services .service-directory{border-top:1px solid #c9c8c1}
.page-services .service-directory details{border-bottom:1px solid #c9c8c1}
.page-services .service-directory summary{min-height:76px}
.page-about .about-canvas{padding:70px 8%}
.page-about .company-section{margin:0;padding:25px 0 35px}
.page-about .company-services{display:none}
.page-contact main{padding:1px 0}
.page-contact .contact-section{margin-top:74px;margin-bottom:74px}
.nav-pill a[aria-current="page"]{color:#f2d8ab}
@media(max-width:800px){
 .page-services .service-canvas,.page-about .about-canvas{padding:46px 6%}
 .page-services #full-services::before{top:-46px!important;bottom:-46px!important}
 .page-about .company-section{padding-top:10px}
 .page-contact .contact-section{margin-top:48px;margin-bottom:48px}
}
@media(max-width:600px){
 .page-services .service-canvas,.page-about .about-canvas{padding:40px 6%}
 .page-services #full-services::before{top:-40px!important;bottom:-40px!important}
 .page-services #full-services .section-top{margin-bottom:24px}
 .page-about .about-canvas{padding-left:6%;padding-right:6%}
}