/* PRODUCTION THEME: shared visual rules for every public page. */
:root{--mw-gold:#DDB515;--mw-gold-dark:#9f801e;--mw-ink:#181818;--mw-charcoal:#242424;--mw-paper:#f4f4f2;--mw-white:#fff;--mw-muted:#666;--mw-max:1420px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--mw-ink);font-family:"Open Sans",Arial,sans-serif;background:#fff}
h1,h2,h3,.main-menu a,.production-button{font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif}

/* HEADER CONSISTENCY: keeps logo, navigation and CTA aligned across every page. */
#site-header-inner{width:min(var(--mw-max),calc(100% - 56px))!important;max-width:none!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:42px!important}
#site-logo{flex:0 0 360px!important;margin:0!important;position:relative!important;left:auto!important;top:auto!important}
#site-logo img{width:100%!important;max-width:360px!important;height:auto!important;display:block!important}
#site-navigation-wrap{flex:1 1 auto!important;display:flex!important;justify-content:flex-end!important;position:static!important}
#menu-main-menu{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;white-space:nowrap!important}
#menu-main-menu>li>a{padding:22px 16px!important}
#menu-main-menu>.stop-currentMenuItem>a{background:var(--mw-ink)!important;color:#fff!important;margin-left:12px!important;padding:18px 22px!important}
#menu-main-menu>.stop-currentMenuItem>a:hover{background:var(--mw-gold)!important;color:#111!important}
/* SERVICES HEADER LOGO: white above the hero, original colours on the white sticky header. */
body.services-production-page:not(.is-sticky) #site-logo img{filter:brightness(0) invert(1)!important}
body.services-production-page.is-sticky #site-logo img{filter:none!important;opacity:1!important}
body.projects-production-page:not(.is-sticky) #site-logo img{filter:brightness(0) invert(1)!important}
body.projects-production-page.is-sticky #site-logo img{filter:none!important;opacity:1!important}

/* DROPDOWN FIX: the catalogue stays hidden until intentional hover/focus. */
#menu-item-3364{position:static!important}
#menu-item-3364>ul.megamenu.mughal-services-mega-grid{display:grid!important;position:fixed!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,12px)!important;transition:opacity .2s ease,transform .2s ease,visibility .2s!important;left:50vw!important;right:auto!important;top:100px!important;width:min(1480px,calc(100vw - 40px))!important;max-height:min(690px,calc(100vh - 140px))!important;overflow:auto!important;translate:none!important;z-index:99999!important}
#menu-item-3364:hover>ul.megamenu.mughal-services-mega-grid,#menu-item-3364:focus-within>ul.megamenu.mughal-services-mega-grid{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}

/* HOME FEATURE PANEL: enlarged without changing its information architecture. */
body.home .mughal-services-catalog{width:min(1380px,calc(100% - 40px))!important;max-width:none!important;margin:70px auto!important;min-height:760px}
body.home .mughal-services-detail{padding:52px 58px!important}
body.home .mughal-services-heading h1{font-size:58px!important;line-height:.94!important}
body.home .mughal-service-tab{min-height:92px!important;font-size:21px!important}
body.home .mughal-service-fact p{font-size:17px!important;line-height:1.65!important}

/* PROJECT CAROUSEL: local imagery only; no third-party dependencies. */
.production-carousel{background:var(--mw-ink);color:#fff;padding:76px 0 84px;overflow:hidden}
.production-carousel__head{width:min(var(--mw-max),calc(100% - 56px));margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end;gap:24px}
.production-carousel__head h2{margin:0;font-size:52px;text-transform:uppercase;line-height:1}
.production-carousel__head p{max-width:620px;margin:0;color:#c8c8c8;line-height:1.7}
.production-carousel__viewport{overflow:hidden}
.production-carousel__track{display:flex;width:max-content;gap:18px;animation:mwGallery 34s linear infinite}
.production-carousel__track:hover{animation-play-state:paused}
.production-carousel__card{position:relative;width:420px;height:285px;overflow:hidden;background:#111}
.production-carousel__card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.production-carousel__card:hover img{transform:scale(1.05)}
.production-carousel__card span{position:absolute;inset:auto 0 0;padding:42px 22px 19px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:700 22px "Open Sans Condensed",sans-serif;text-transform:uppercase}
@keyframes mwGallery{to{transform:translateX(calc(-50% - 9px))}}

/* SHARED FOOTER: replaces every legacy WordPress/footer block. */
.production-footer{position:relative;overflow:hidden;color:#e2e2e2;background:linear-gradient(135deg,rgba(8,8,8,.92),rgba(30,30,30,.82));border-top:5px solid var(--mw-gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 -18px 55px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%)}
.production-footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.09),transparent 34%),radial-gradient(circle at 86% 76%,rgba(221,181,21,.08),transparent 32%)}
.production-footer>*{position:relative;z-index:1}
.production-footer__grid{width:min(var(--mw-max),calc(100% - 56px));margin:auto;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:70px;padding:68px 0 52px}
.production-footer__logo{width:min(360px,100%);filter:brightness(0) invert(1);margin-bottom:22px}
.production-footer h2,.production-footer h3{color:#fff;text-transform:uppercase;margin:0 0 19px}
.production-footer h2{width:min(360px,100%);font-family:"Open Sans",Arial,sans-serif;font-weight:400;line-height:1.25}
.production-footer p{width:min(360px,100%);line-height:1.75;margin:0;color:#aaa}
.production-footer nav{display:grid;gap:12px}
.production-footer a{color:#ddd;text-decoration:none}
.production-footer a:hover{color:var(--mw-gold)}
.production-footer__contact{display:grid;gap:15px}
.production-footer__bottom{border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);padding:20px 28px;text-align:center;color:#929292;font-size:13px}

/* CLEAN CONTENT PAGES: hierarchy shared by About, Services and Projects. */
.production-page main{background:var(--mw-paper)}
.production-hero{min-height:430px;padding:190px 28px 92px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.32)),url("assets/project-gallery/chain-link.jpg") center/cover}
.production-hero>div{width:min(var(--mw-max),100%);margin:auto}
.production-kicker{color:var(--mw-gold);font-weight:700;text-transform:uppercase;letter-spacing:.24em}
.production-hero h1{font-size:clamp(55px,7vw,100px);line-height:.92;text-transform:uppercase;margin:14px 0 22px}
.production-hero p:last-child{max-width:720px;font-size:20px;line-height:1.7;color:#e1e1e1}
.production-section{width:min(var(--mw-max),calc(100% - 56px));margin:auto;padding:90px 0}
.production-section h2{font-size:52px;text-transform:uppercase;margin:0 0 22px}
.production-lead{font-size:20px;line-height:1.75;color:#555;max-width:850px}
.production-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.production-card{background:#fff;border-top:4px solid var(--mw-gold);padding:32px;box-shadow:0 14px 35px rgba(0,0,0,.07)}
.production-card h3{font-size:28px;text-transform:uppercase;margin:0 0 12px;color:var(--mw-ink)}
.production-card p{line-height:1.7;color:#5c5c5c;margin:0}
.production-dark{background:#191919;color:#fff}
.production-dark .production-section{padding-top:80px;padding-bottom:80px}
.production-dark p{color:#bbb}
.production-button{display:inline-flex;align-items:center;justify-content:center;background:var(--mw-gold);color:#111!important;text-decoration:none;text-transform:uppercase;font-size:19px;font-weight:700;letter-spacing:.04em;padding:17px 25px;margin-top:28px}
.production-button:hover{background:#fff}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.team-card{background:#fff;padding:32px 24px;border-bottom:4px solid var(--mw-gold)}
.team-card h3{font-size:26px;margin:0 0 6px}.team-card p{margin:0;color:#777}
.about-socials{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:38px}
.about-social-link{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:14px 18px;background:var(--mw-ink);border-bottom:4px solid var(--mw-gold);color:#fff!important;text-decoration:none;font:700 19px "Open Sans Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.about-social-link__mark{display:inline-grid;place-items:center;width:34px;height:34px}
.about-social-link__mark svg{display:block;width:28px;height:28px;fill:currentColor}
a.about-social-link:hover{background:#050505;transform:translateY(-3px);box-shadow:0 18px 32px rgba(0,0,0,.22)}
.about-social-link.is-pending{opacity:.58;cursor:default}
.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.project-tile{position:relative;z-index:1;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.08);transform:translateZ(0) scale(1);transition:opacity .3s ease,filter .3s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.project-tile img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .45s ease}
.project-tile div{padding:24px}.project-tile h3{font-size:26px;margin:0 0 8px;text-transform:uppercase}.project-tile p{color:#666;line-height:1.6;margin:0}
.project-gallery:has(.project-tile:hover) .project-tile:not(:hover){opacity:.2;filter:blur(3px) saturate(.4);transform:scale(.94)}
.project-tile:hover{z-index:20;transform:translateY(-10px) scale(1.035);box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 0 2px rgba(221,181,21,.85)}
.project-tile:hover img{transform:scale(1.045)}

/* PERFORMANCE: suppress legacy widgets and third-party leftovers. */
#footer,.content-footer,.site-footer,#ocn-cookie-wrap,.sogo-accessibility,.pojo-a11y-toolbar,.grecaptcha-badge{display:none!important}
.mughal-loading-screen.is-finished{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.mughal-loader-active{overflow:hidden}
img{image-rendering:auto}

@media(max-width:1120px){#site-logo{flex-basis:270px!important}#site-logo img{max-width:270px!important}#menu-main-menu>li>a{padding:18px 9px!important;font-size:14px!important}.production-grid,.project-gallery{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.about-socials{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){#site-header-inner{width:calc(100% - 28px)!important}.production-footer__grid{grid-template-columns:1fr;gap:34px}.production-carousel__head{display:block}.production-carousel__head p{margin-top:16px}.production-carousel__card{width:310px;height:220px}.production-grid,.project-gallery,.team-grid{grid-template-columns:1fr}.about-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-social-link{font-size:17px}.production-section{width:calc(100% - 34px);padding:62px 0}.production-hero{padding-top:145px}.project-tile img{height:220px}}