/* Desktop/tablet audit: preserve spacing when motion is paused. */
html.motion-off .reveal{opacity:1!important;transform:none!important}
.zoom-controls button{min-width:44px;min-height:44px}
.zoom-controls #zoom-reset{font-size:14px;padding-inline:12px;width:auto;min-width:64px}
#hero-pause{min-width:44px;min-height:44px}
.gallery-thumbs button span{font-size:13px;line-height:1.6;letter-spacing:0}
.tower-download-card .text-link{display:inline-flex;align-items:center;min-height:44px}
#unit-detail{scroll-margin-top:150px}
@media(min-width:601px){html[lang=ur] .hero-topics{bottom:160px}}
@media(min-width:601px) and (max-width:1100px){
 .unit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .unit-filters label{min-width:0}
 .plan-toolbar{flex-wrap:wrap;gap:14px}
 .gallery-thumbs{gap:12px}
 .gallery-thumbs button{padding-bottom:10px}
}
@media(min-width:1025px) and (max-width:1280px){
 .social-dock.edge-social{right:12px;left:auto;top:auto!important;bottom:26px;translate:none!important;transform:none!important;gap:8px}
 html[lang=ur] .social-dock.edge-social{right:auto;left:12px}
 .social-dock.edge-social>a{display:none;width:44px;height:44px;border-radius:14px}
 .social-dock.edge-social.is-open>a{display:grid}
 .social-menu-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1f1e1a;color:white;border:1px solid #8b8376;order:2;font-size:21px}
 .social-dock.edge-social .social-tooltip{display:none}
 html[lang=ur] .motion-toggle{left:auto;right:18px}
}
/* Desktop navigation stays inline with the seal and booking action. */
@media(min-width:1280px) and (max-width:1800px){
 .site-header,.site-header.scrolled{display:flex;flex-wrap:nowrap;gap:18px;padding-inline:22px}
 .site-header>.brand{flex-shrink:0;gap:8px}
 .site-header .brand .logo-emblem{width:60px;height:60px}
 .site-header .brand .logo-emblem img{width:50px;height:50px}
 .site-header .brand>span:not(.logo-emblem){font-size:20px}
 .site-header .brand .brand-name{font-size:9px;letter-spacing:1px}
 .site-header .header-actions{flex-shrink:0;margin-inline-start:0;gap:10px}
 .site-header .header-actions .button{padding:13px 16px;font-size:13px}
 .site-header .menu-toggle{display:none}
 .site-header #main-nav,.site-header.scrolled #main-nav,.site-header #main-nav.open{display:flex;position:static;flex:1;min-width:0;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;inset:auto;max-height:none;overflow-x:auto;padding:6px 2px;border-radius:0;background:transparent;box-shadow:none;scrollbar-width:thin;scrollbar-color:#a89056 transparent}
 .site-header #main-nav a{flex-shrink:0;font-size:13px;line-height:1.5;padding-block:10px;border:0;color:#faf7f2}
 html[lang=ur] .site-header #main-nav a{font-size:16px;line-height:2.2}
}
@media(min-width:1280px) and (max-width:1800px){
 .site-header,.site-header.scrolled{gap:12px;padding-inline:18px}
 .site-header #main-nav,.site-header.scrolled #main-nav,.site-header #main-nav.open{gap:8px}
 .site-header .header-actions .button.button-small{padding:12px 12px!important;font-size:13px!important;gap:8px}
}
@media(min-width:1280px) and (max-width:1800px){html[lang=ur] .site-header #main-nav{gap:6px}}
/* Group desktop links with consistent spacing instead of stretching them. */
@media(min-width:1280px){
 .site-header #main-nav,.site-header.scrolled #main-nav,.site-header #main-nav.open{justify-content:center;gap:clamp(10px,1vw,18px)}
 .site-header #main-nav a{transition:color .2s ease,background-color .2s ease}
 .site-header #main-nav a:hover{color:#e8c36b}
 .site-header #main-nav a:focus-visible{outline:2px solid #faf7f2;outline-offset:4px;border-radius:4px}
}
@media(min-width:1280px) and (max-width:1450px){
 .site-header #main-nav,.site-header.scrolled #main-nav,.site-header #main-nav.open{gap:8px;justify-content:flex-start}
 html[lang=ur] .site-header #main-nav{gap:6px}
}
/* Slightly larger desktop labels; preserve fit on smaller laptops. */
@media(min-width:1451px){
 .site-header #main-nav a{font-size:15px}
 html[lang=ur] .site-header #main-nav a{font-size:18px}
}
@media(min-width:1280px) and (max-width:1450px){
 .site-header #main-nav a{font-size:14px}
 .site-header #main-nav,.site-header.scrolled #main-nav,.site-header #main-nav.open{gap:6px}
 html[lang=ur] .site-header #main-nav a{font-size:17px}
}
/* Official Business Center artwork: preserve transparency and the whole crest. */
.site-header .brand .logo-emblem img,.compact-footer .footer-brand .logo-emblem img{width:100%;height:100%;padding:0;background:transparent;border-radius:0;clip-path:none;object-fit:contain;filter:none}
.preloader-seal img{padding:0;background:transparent;border-radius:0;clip-path:none;box-shadow:none;filter:none}
.logo-emblem .logo-orbit{opacity:.65;z-index:0}
/* Authority and project logos, each on a clean white plaque. */
.brand-logo-pair{display:flex;align-items:center;gap:7px;width:100%;height:100%;position:relative;z-index:1}
.site-header .brand .logo-emblem{width:132px;height:62px;flex-basis:132px}
.site-header .brand .logo-emblem .brand-logo-pair img{width:62px;height:62px;padding:5px;background:#fff;border-radius:10px;clip-path:none;object-fit:contain}
.logo-emblem .logo-orbit{display:none}
.compact-footer .footer-brand .logo-emblem{width:190px;height:90px;flex-basis:190px}
.compact-footer .footer-brand .logo-emblem .brand-logo-pair img{width:90px;height:90px;padding:7px;background:#fff;border-radius:12px;clip-path:none}
.preloader-logo-pair{display:flex;gap:12px;position:relative;z-index:2}
.preloader-logo-pair img{width:112px;height:112px;padding:8px;background:white;border-radius:14px;object-fit:contain}
@media(min-width:1280px) and (max-width:1600px){.site-header>.brand>span:not(.logo-emblem){display:none}}
@media(max-width:600px){
 .site-header .brand .logo-emblem{width:104px;height:48px;flex-basis:104px}
 .site-header .brand .logo-emblem .brand-logo-pair img{width:48px;height:48px;padding:3px;border-radius:8px}
 .site-header>.brand>span:not(.logo-emblem){display:none}
 .compact-footer .footer-brand .logo-emblem{width:150px;height:70px;flex-basis:150px}
 .compact-footer .footer-brand .logo-emblem .brand-logo-pair img{width:70px;height:70px;padding:5px}
 .compact-footer .footer-brand{gap:12px}
 .preloader-logo-pair img{width:92px;height:92px}
}
/* Two round white seals with the original rotating brass orbit treatment. */
.brand-logo-pair,.preloader-logo-pair{gap:10px}
.logo-medallion{position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;isolation:isolate}
.logo-medallion::after{content:"";position:absolute;inset:-3px;border:1px dashed #c9962e;border-radius:50%;pointer-events:none;animation:logoTurn 28s linear infinite}
.logo-medallion:nth-child(2)::after{animation-direction:reverse;animation-duration:32s}
.site-header .brand .logo-emblem .brand-logo-pair img,.compact-footer .footer-brand .logo-emblem .brand-logo-pair img,.preloader-logo-pair img{border-radius:50%;background:#fff;clip-path:none;object-fit:contain}
.site-header .brand .logo-emblem .brand-logo-pair img{padding:7px}
.compact-footer .footer-brand .logo-emblem .brand-logo-pair img{padding:10px}
.preloader-logo-pair img{padding:12px}
html.motion-off .logo-medallion::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.logo-medallion::after{animation:none}}
@media(max-width:600px){.site-header .brand .logo-emblem .brand-logo-pair img{padding:5px}.compact-footer .footer-brand .logo-emblem .brand-logo-pair img{padding:8px}.brand-logo-pair{gap:8px}}
/* Larger paired seals, with smaller sizes reserved for narrow screens. */
.site-header .brand .logo-emblem{width:170px;height:80px;flex-basis:170px}
.site-header .brand .logo-emblem .brand-logo-pair img{width:80px;height:80px;padding:8px}
.compact-footer .footer-brand .logo-emblem{width:234px;height:112px;flex-basis:234px}
.compact-footer .footer-brand .logo-emblem .brand-logo-pair img{width:112px;height:112px;padding:11px}
@media(max-width:600px){
 .site-header .brand .logo-emblem{width:124px;height:58px;flex-basis:124px}
 .site-header .brand .logo-emblem .brand-logo-pair img{width:58px;height:58px;padding:5px}
 .compact-footer .footer-brand .logo-emblem{width:184px;height:88px;flex-basis:184px}
 .compact-footer .footer-brand .logo-emblem .brand-logo-pair img{width:88px;height:88px;padding:8px}
 .compact-footer .footer-brand{flex-wrap:wrap;row-gap:16px}
}
/* Clear, aligned brand typography beside the two seals. */
.site-header .brand,.compact-footer .footer-brand{align-items:center;gap:18px}
.site-header .brand>span:not(.logo-emblem),.compact-footer .footer-brand>span:not(.logo-emblem){color:#faf7f2;line-height:1.1;letter-spacing:0;font-weight:600;white-space:nowrap}
.site-header .brand>span:not(.logo-emblem){font-size:26px}
.site-header .brand .brand-name{display:block;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:1.1px;margin-top:7px}
.compact-footer .footer-brand>span:not(.logo-emblem){font-size:30px}
.compact-footer .footer-brand .brand-name{display:block;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:1.2px;margin-top:8px}
.compact-footer .footer-authority{max-width:36ch;font-size:16px;line-height:1.7;margin-top:22px}
.preloader-seal>img{width:144px;height:144px;padding:10px;background:#fff;border-radius:50%;object-fit:contain;clip-path:none}
@media(max-width:600px){
 .compact-footer .footer-brand>span:not(.logo-emblem){font-size:25px}
 .compact-footer .footer-brand .brand-name{font-size:11px;letter-spacing:.8px}
 .compact-footer .footer-brand{gap:12px}
 .preloader-seal>img{width:124px;height:124px}
}