/* Grand Marketing theme 1.0.0: black with the logo red, Sora headings and Manrope text. Plain CSS, no framework. */
:root{--k:#0a0a0b;--k2:#151517;--r:#e10600;--r2:#fe0200;--rs:#ffe4e1;--bg:#f5f5f4;--w:#fff;--m:#5f5f66;--l:#e7e7e5}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--k);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.gm-fbig{font-family:Sora,Manrope,sans-serif;letter-spacing:-.02em;line-height:1.15}
a{color:inherit}
img{max-width:100%;height:auto}
.gm-w{max-width:1240px;margin:0 auto;padding:0 20px}
.gm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gm-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--r)}
.gm-pill:before{content:"";width:22px;height:2px;background:currentColor}
.gm-pill a{text-decoration:none}
.gm-pill-light{color:#fff}
.gm-big{font-size:clamp(30px,4vw,52px);margin:12px 0 18px}
.gm-mid{font-size:clamp(24px,2.6vw,32px);margin:0 0 18px}
.gm-m{color:var(--m)}
.gm-row{display:flex;gap:12px;flex-wrap:wrap}
.gm-btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:var(--r);color:#fff;font-weight:700;padding:13px 22px;border-radius:999px;border:0;text-decoration:none;cursor:pointer;font:700 15px Manrope,sans-serif;transition:.2s}
.gm-btn:hover{background:var(--r2)}
.gm-btn-o{background:transparent;border:1.5px solid #ffffff55}
.gm-btn-k{background:var(--k)}
/* header */
.gm-nav{background:var(--k);position:sticky;top:0;z-index:30}
.gm-nav.is-over{position:absolute;left:0;right:0;background:transparent;padding-top:14px}
.gm-nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}
.gm-nav.is-over .gm-nav-in{background:#0a0a0bcc;backdrop-filter:blur(14px);border:1px solid #ffffff14;border-radius:999px;padding:0;padding-inline:26px 10px;max-width:1200px;overflow:visible}
.gm-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Sora;font-weight:800;letter-spacing:.06em;font-size:15px}
/* 3D glass logo (2026-11-10): GM mark in a glass badge breaking out of the bar + larger wordmark inside, both with a light sweep. */
.gm-logo3d{position:relative;display:flex;align-items:center;gap:0;padding-inline-start:78px;height:70px;flex-shrink:0}
.gm-mark{position:absolute;inset-inline-start:-22px;top:50%;width:92px;height:92px;margin-top:-46px;border-radius:50%;perspective:500px;z-index:2;
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.55),rgba(255,255,255,.10) 38%,rgba(20,20,24,.55) 70%,rgba(225,6,0,.45) 100%);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 30px rgba(0,0,0,.55),0 0 0 4px rgba(10,10,11,.55),0 0 22px rgba(225,6,0,.35),inset 0 3px 8px rgba(255,255,255,.45),inset 0 -10px 18px rgba(225,6,0,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}
.gm-mark::before{content:"";position:absolute;left:14%;top:7%;width:55%;height:32%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));filter:blur(1px);pointer-events:none;z-index:3}
.gm-mark::after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%);transform:translateX(-120%);animation:gmSweep 4.5s ease-in-out infinite;pointer-events:none;z-index:4}
.gm-mark-in{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;animation:gmSwing 6s ease-in-out infinite}
.gm-mark.is-follow .gm-mark-in{animation:none;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .15s ease-out}
.gm-mark img{height:62px;width:auto;display:block;transform:translateZ(18px);filter:drop-shadow(1px 1px 0 #7a0300) drop-shadow(2px 2px 0 #5a0200) drop-shadow(3px 4px 6px rgba(0,0,0,.6))}
.gm-word{position:relative;display:block;line-height:0}
.gm-word img{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.gm-word-shine{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--gm-word) center/contain no-repeat;mask:var(--gm-word) center/contain no-repeat;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);background-size:300% 100%;background-position:150% 0;animation:gmWordShine 4.5s ease-in-out .5s infinite;mix-blend-mode:screen}
@keyframes gmSweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes gmWordShine{0%{background-position:150% 0}55%,100%{background-position:-50% 0}}
@keyframes gmSwing{0%,100%{transform:rotateY(-16deg) rotateX(5deg)}50%{transform:rotateY(16deg) rotateX(-4deg)}}
/* Inner pages (full-width bar, no rounded pill): keep the badge clear of the wordmark's "G". */
.gm-nav:not(.is-over) .gm-mark{inset-inline-start:0}
.gm-nav:not(.is-over) .gm-logo3d{padding-inline-start:100px}
[dir=rtl] .gm-mark img{filter:drop-shadow(-1px 1px 0 #7a0300) drop-shadow(-2px 2px 0 #5a0200) drop-shadow(-3px 4px 6px rgba(0,0,0,.6))}
@media (max-width:700px){.gm-logo3d{padding-inline-start:60px}.gm-mark{width:70px;height:70px;margin-top:-35px;inset-inline-start:-14px}.gm-mark img{height:46px}.gm-word img{height:34px}}
@media (max-width:700px){.gm-nav:not(.is-over) .gm-logo3d{padding-inline-start:78px}.gm-nav:not(.is-over) .gm-mark{inset-inline-start:0}}
@media (prefers-reduced-motion:reduce){.gm-mark::after,.gm-word-shine,.gm-mark-in{animation:none}}
.gm-logo i{width:30px;height:30px;border-radius:9px;background:var(--r);display:grid;place-items:center;font-style:normal}
.gm-menu,.gm-sub,.gm-flinks{list-style:none}
.gm-menu{display:flex;gap:26px}
.gm-menu a{color:#d7d7da;text-decoration:none;font-weight:600;font-size:14px}
.gm-menu a:hover{color:#fff}
.gm-menu li{position:relative}
.gm-sub{display:none;position:absolute;top:100%;left:0;background:var(--k2);padding:10px;border-radius:14px;min-width:220px}
.gm-sub li{padding:6px 8px}
.has-sub:hover>.gm-sub,.has-sub:focus-within>.gm-sub{display:block}
.gm-menu-toggle,.gm-burger{display:none}
/* hero */
.gm-hero{position:relative;min-height:92vh;max-height:880px;display:flex;align-items:flex-end;padding:140px 0 70px;color:#fff;background:var(--k) var(--hero,none) center/cover}
.gm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0b99,#0a0a0b33 35%,#0a0a0bee 88%)}
.gm-hero .gm-w{position:relative;width:100%}
.gm-hero-h{font-size:clamp(40px,7vw,96px);line-height:1;max-width:960px;margin:16px 0 22px}
.gm-hero-p{max-width:520px;color:#d4d4d8;font-size:17px;margin-bottom:26px}
.gm-marq{background:var(--r);color:#fff;overflow:hidden;white-space:nowrap;padding:15px 0;font:700 19px Sora,sans-serif}
.gm-marq span{display:inline-block;animation:gm-m 30s linear infinite}
@keyframes gm-m{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.gm-marq span{animation:none}}
/* sections */
.gm-sec{padding:100px 0}
.gm-pt0{padding-top:0}
.gm-page{padding:50px 0 90px}
.gm-about{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.gm-aimg{position:relative}
.gm-aimg img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:28px;display:block}
.gm-badge{position:absolute;left:-22px;bottom:28px;background:var(--k);color:#fff;border-radius:20px;padding:20px 22px}
.gm-badge b{display:block;font:800 34px Sora,sans-serif;color:var(--r2);line-height:1}
.gm-feat{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.gm-feat li{background:var(--w);border:1px solid var(--l);border-radius:18px;padding:16px;color:var(--m)}
.gm-feat b{display:block;color:var(--k);font-family:Sora}
.gm-dark{background:var(--k);color:#fff}
.gm-why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.gm-wc{background:var(--k2);border:1px solid #ffffff12;border-radius:24px;padding:28px;transition:.25s}
.gm-wc:hover{border-color:var(--r)}
.gm-wc span{font:700 14px Sora,sans-serif;color:var(--r2)}
.gm-wc h3{font-size:20px;margin:34px 0 8px}
.gm-wc p{color:#a1a1aa;font-size:15px}
.gm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:40px}
.gm-stats div{padding-left:20px;border-left:2px solid var(--r)}
.gm-stats b{display:block;font:800 42px Sora,sans-serif}
.gm-stats span{color:#a1a1aa}
.gm-cta{background:var(--r) radial-gradient(circle at 85% 20%,#ff5a4e 0,transparent 45%);color:#fff;border-radius:32px;padding:52px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
.gm-cta h2{font-size:clamp(26px,3.2vw,42px)}
.gm-cta p{color:#ffe4e1;margin-top:8px}
.gm-cta-ph{display:block;font:800 30px Sora,sans-serif;color:#fff;text-decoration:none;margin-bottom:14px}
/* cards and articles */
.gm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gm-card{background:var(--w);border:1px solid var(--l);border-radius:22px;overflow:hidden}
.gm-card-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gm-card-b{padding:18px}
.gm-card-b time{font-size:12px;color:var(--r);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.gm-card-b h3{font-size:18px;margin-top:6px}
.gm-card-b a{text-decoration:none}
.gm-article{max-width:860px}
.gm-meta{color:var(--m);margin-bottom:22px}
.gm-hero-img{width:100%;border-radius:22px;margin-bottom:28px}
.gm-content{font-size:17px}
.gm-content>*+*{margin-top:1em}
.gm-content h2{font-size:28px;margin-top:1.6em}
.gm-content h3{font-size:22px;margin-top:1.4em}
.gm-content ul,.gm-content ol{padding-left:1.4em}
.gm-content a{color:var(--r)}
.gm-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.gm-content th,.gm-content td{border:1px solid var(--l);padding:10px 12px;text-align:left}
.gm-content th{background:var(--k);color:#fff}
.gm-tags{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.gm-tags a{background:var(--w);border:1px solid var(--l);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}
.gm-related{margin-top:70px}
.gm-crumbs{background:var(--w);border-bottom:1px solid var(--l);font-size:14px}
.gm-crumbs ol{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}
.gm-crumbs li+li:before{content:"/";margin-right:8px;color:var(--m)}
.gm-crumbs a{color:var(--m);text-decoration:none}
.gm-pager{margin-top:40px}
/* footer */
.gm-foot{background:var(--k);color:#a1a1aa;padding:80px 0 28px}
.gm-fbig{color:#fff;font-weight:800;font-size:clamp(38px,7.5vw,110px);line-height:.92;border-bottom:1px solid #ffffff1a;padding-bottom:36px;margin-bottom:40px}
.gm-fbig em{font-style:normal;color:var(--r2)}
.gm-fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.gm-fh{color:#fff;font-size:16px;margin-bottom:14px}
.gm-foot a{color:#d4d4d8;text-decoration:none}
.gm-flinks li{margin:7px 0}
.gm-nl{display:flex;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:5px}
.gm-nl input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:10px 14px;font:inherit;outline:none}
.gm-copy{margin-top:50px;font-size:13px}
.gm-wa{position:fixed;right:18px;bottom:18px;z-index:40;background:#25d366;color:#fff;font-weight:800;padding:13px 19px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px #0004}
/* forms from the contact plugin */
.gm-content input,.gm-content textarea,.gm-content select{width:100%;padding:13px 14px;border:1px solid var(--l);border-radius:12px;font:inherit;background:var(--w)}
.gm-content button[type=submit]{background:var(--r);color:#fff;border:0;border-radius:999px;padding:13px 24px;font-weight:700;cursor:pointer}
/* responsive */
@media(max-width:1000px){
  .gm-burger{display:block;width:44px;height:44px;cursor:pointer;position:relative}
  .gm-burger span,.gm-burger span:before,.gm-burger span:after{content:"";position:absolute;left:10px;right:10px;height:2px;background:#fff}
  .gm-burger span{top:21px}.gm-burger span:before{top:-7px;left:0;right:0}.gm-burger span:after{top:7px;left:0;right:0}
  .gm-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--k);padding:16px 20px 24px}
  .gm-menu-toggle:checked~.gm-links{display:block}
  .gm-menu{flex-direction:column;gap:14px}
  .gm-sub{position:static;display:block;background:none;padding:6px 0 0 14px}
  .gm-nav-cta{display:none}
  .gm-about,.gm-cta{grid-template-columns:1fr}
  .gm-why,.gm-stats{grid-template-columns:1fr 1fr}
  .gm-grid3{grid-template-columns:1fr 1fr}
  .gm-fcols{grid-template-columns:1fr 1fr}
  .gm-badge{left:12px}
}
@media(max-width:600px){
  .gm-sec{padding:64px 0}
  .gm-why,.gm-stats,.gm-grid3,.gm-fcols,.gm-feat{grid-template-columns:1fr}
  .gm-cta{padding:30px}
  .gm-hero{min-height:auto;padding:130px 0 50px}
}

/* Projects (grand-projects plugin) */
.gm-project-cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 26px}
.gm-gallery a{display:block;border-radius:14px;overflow:hidden}
.gm-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.gm-map{position:relative;padding-top:56%;border-radius:16px;overflow:hidden;background:#111}
.gm-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gm-enquiry{background:#0a0a0b;color:#fff;border-radius:22px;padding:32px}
.gm-enquiry .gm-mid{color:#fff}
.gm-enquiry input,.gm-enquiry textarea,.gm-enquiry select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#151517;color:#fff;margin-bottom:12px}
.gm-enquiry button,.gm-enquiry [type=submit]{background:#e10600;color:#fff;border:0;border-radius:999px;padding:12px 26px;font-weight:700;cursor:pointer}
.gm-projects .gm-card-b span{color:#e10600;font-size:.85rem;font-weight:600}

/* Grand Forms */
.gm-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap;opacity:0;pointer-events:none}
.gm-form{max-width:820px}
.gm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.gm-field{display:flex;flex-direction:column}
.gm-field-wide{grid-column:1/-1}
.gm-field label{font-size:.9rem;font-weight:600;margin-bottom:6px}
.gm-field label span{color:#e10600}
.gm-check{flex-direction:row;display:flex;gap:8px;align-items:center}
.gm-check input{width:auto!important;margin:0!important}
.gm-form-ok{background:#0f5132;color:#fff;padding:12px 16px;border-radius:12px}
.gm-form-err{background:#e10600;color:#fff;padding:10px 16px;border-radius:12px;margin-bottom:12px}
.gm-form-err p{margin:4px 0}
@media (max-width:600px){.gm-form-grid{grid-template-columns:1fr}}

/* Language switcher (2026-11-10) */
.gm-lang{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:700;font-size:14px;margin-inline-end:10px;white-space:nowrap}
.gm-lang:hover{background:#e10600;border-color:#e10600}
@media (max-width:1000px){.gm-lang{margin-inline-start:auto;padding:5px 11px;font-size:13px}}
/* Footer on phones (2026-11-10): the wide logo no longer pushes the columns off screen. */
.gm-fcols>div{min-width:0}
.gm-foot .gm-logo img{max-width:100%;height:auto}

/* Social icons: 3D brand icon + name, from Theme options → Social links (2026-11-11) */
.gm-social{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0}
.gm-soc{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:600;line-height:1;background:linear-gradient(180deg,#232327,#141416);border:1px solid #ffffff1f;box-shadow:0 6px 14px -8px #000,inset 0 1px 0 #ffffff14;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gm-soc img{width:30px;height:30px;border-radius:9px;display:block;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));transition:transform .25s ease}
.gm-soc:hover,.gm-soc:focus-visible{transform:translateY(-3px);border-color:#ffffff3d;box-shadow:0 12px 20px -10px #000,inset 0 1px 0 #ffffff1f}
.gm-soc:hover img,.gm-soc:focus-visible img{transform:rotate(-6deg) scale(1.08)}
.gm-content ul.gm-social{padding:0;margin:8px 0 18px}.gm-content ul.gm-social li{margin:0}.gm-content ul.gm-social li::marker{content:none}
.gm-content .gm-soc{color:#0a0a0b!important;background:linear-gradient(180deg,#fff,#f4f4f5);border-color:#e4e4e7;box-shadow:0 6px 14px -10px rgba(0,0,0,.35)}
@media (prefers-reduced-motion:reduce){.gm-soc,.gm-soc img{transition:none}.gm-soc:hover,.gm-soc:hover img{transform:none}}
/* Footer social: neat grid, 3 per row, smaller pills (owner, 2026-11-11) */
.gm-foot .gm-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:340px}
.gm-foot .gm-soc{width:100%;min-width:0;gap:6px;padding:4px 8px 4px 4px;font-size:11.5px}
.gm-foot .gm-soc img{width:22px;height:22px;border-radius:7px;flex:none}
.gm-foot .gm-soc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Contact page: enquiry form first, contact details beside it (owner, 2026-11-11) */
.gm-content .gm-contact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start;margin:24px 0 8px}
.gm-content .gm-contact-form h2{margin-top:0}
.gm-content .gm-contact-form .gm-enquiry{padding:26px}
.gm-content .gm-contact-info{background:#fff;border:1px solid var(--l);border-radius:22px;padding:20px 16px 16px;position:sticky;top:110px}
.gm-content .gm-contact-info h3{font-size:16px;margin:0 0 4px;text-transform:none}
.gm-content .gm-contact-info p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--m)}
.gm-content .gm-contact-info p a{font-weight:600}
.gm-content .gm-contact-info .gm-social-wrap{margin-top:8px}
.gm-content .gm-contact-info ul.gm-social,.gm-content .gm-social-wrap ul.gm-social{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:6px 0 0}
.gm-content .gm-social-wrap .gm-soc{width:100%;min-width:0;gap:6px;padding:4px 8px 4px 4px;font-size:11.5px}
.gm-content .gm-social-wrap .gm-soc img{width:22px;height:22px;border-radius:7px;flex:none}
.gm-content .gm-social-wrap .gm-soc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.gm-content .gm-contact{grid-template-columns:1fr}.gm-content .gm-contact-info{position:static}}
/* Home header stays visible while scrolling (owner, 2026-11-11) */
.gm-nav.is-over{position:fixed;top:0;transition:padding-top .25s ease}
.gm-nav.is-over.is-scrolled{padding-top:6px}
.gm-nav.is-over.is-scrolled .gm-nav-in{background:#0a0a0bf2;box-shadow:0 14px 34px -14px #000c}
/* Videos / Offers feed: 4 per row, wider than the text column, posts open in our own viewer (owner, 2026-11-11) */
.gm-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;margin-bottom:8px;width:min(1200px,calc(100vw - 56px));margin-inline:0;max-width:none}
.gm-feed .gm-card{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.gm-feed .gm-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(0,0,0,.45)}
.gm-feed .gm-card-img{position:relative;display:block;width:100%;padding:0;border:0;background:#0a0a0b;cursor:pointer;overflow:hidden}
.gm-feed .gm-card-img img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s ease}
.gm-feed .gm-feed-youtube .gm-card-img img{aspect-ratio:16/9}
.gm-feed .gm-card:hover .gm-card-img img{transform:scale(1.04)}
.gm-feed-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(225,6,0,.92);color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -8px #000;transition:transform .2s ease}
.gm-feed-play svg{margin-left:3px}
.gm-feed .gm-card-img:hover .gm-feed-play,.gm-feed .gm-card-img:focus-visible .gm-feed-play{transform:scale(1.1)}
.gm-feed .gm-card-b{padding:14px 16px 18px}
.gm-feed .gm-card-b span{font-size:12px;font-weight:700;color:var(--r);text-transform:uppercase;letter-spacing:.04em}
.gm-content .gm-feed h3,.gm-feed h3{font-size:16px;line-height:1.45;margin:6px 0 0;color:var(--k)}
@media (max-width:1100px){.gm-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){.gm-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gm-feed h3,.gm-content .gm-feed h3{font-size:14px}}
@media (max-width:420px){.gm-feed{grid-template-columns:1fr}}
/* In-site viewer: the whole player always fits the screen (owner, 2026-11-11) */
.gm-viewer{position:fixed;inset:0;z-index:100;background:rgba(10,10,11,.88);display:grid;place-items:center;padding:12px;backdrop-filter:blur(4px)}
.gm-viewer[hidden]{display:none}
.gm-viewer-on,.gm-viewer-on body{overflow:hidden}
.gm-viewer-box{--gm-vh:calc(100dvh - 150px);position:relative;background:#fff;border-radius:18px;overflow:hidden;max-height:calc(100dvh - 24px);display:flex;flex-direction:column;box-shadow:0 30px 80px -20px #000;width:min(960px,calc(var(--gm-vh) * 16 / 9),100%)}
.gm-viewer-box.is-tall{width:min(460px,calc(var(--gm-vh) * .6),100%)}
.gm-viewer-media{background:#000;flex:none}
.gm-viewer-media iframe{display:block;width:100%;border:0;background:#000}
.gm-viewer-media.is-youtube iframe{aspect-ratio:16/9}
.gm-viewer-box.is-tall iframe{height:min(var(--gm-vh),780px)}
.gm-viewer-media.is-instagram iframe,.gm-viewer-media.is-facebook.is-post iframe{background:#fff}
.gm-viewer-text{flex:none;padding:12px 16px 14px}
.gm-viewer-text h3{font-size:16px;line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gm-viewer-text p{display:none}
.gm-viewer-text a{font-size:13px;font-weight:700;color:var(--r)}
.gm-viewer-x{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(10,10,11,.75);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.gm-feed-pager{margin-top:28px}
/* Page number buttons — same design on News, Blogs, Videos, Offers, categories, tags and search (owner, 2026-11-11) */
.gm-pager{margin-top:36px;display:flex;justify-content:center}
.gm-pager nav{display:block}
.gm-pager .pagination{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:0}
.gm-pager .pagination li{margin:0;padding:0}
.gm-pager .pagination li::marker{content:none}
.gm-pager .page-link{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--l);color:var(--k)!important;font-weight:700;font-size:15px;line-height:1;text-decoration:none!important;box-shadow:0 4px 12px -8px rgba(0,0,0,.35);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.gm-pager a.page-link:hover,.gm-pager a.page-link:focus-visible{background:var(--k);border-color:var(--k);color:#fff!important;transform:translateY(-2px)}
.gm-pager .active .page-link{background:var(--r);border-color:var(--r);color:#fff!important;box-shadow:0 8px 18px -8px rgba(225,6,0,.7)}
.gm-pager .disabled .page-link{opacity:.4;box-shadow:none;cursor:default}
.gm-pager .page-link[rel=prev],.gm-pager .page-link[rel=next],.gm-pager li:first-child .page-link,.gm-pager li:last-child .page-link{font-size:22px;padding:0 12px 3px}
@media (max-width:480px){.gm-pager .page-link{min-width:38px;height:38px;font-size:14px;padding:0 10px}.gm-pager .pagination{gap:6px}}
.gm-feed-pager{width:min(1200px,calc(100vw - 56px));max-width:none}
.gm-feed-frame{display:block;width:100%;border:0;background:#000}
.gm-feed-frame.is-instagram,.gm-feed-frame.is-facebook{background:#fff}
.gm-feed .gm-card.is-playing{box-shadow:0 0 0 2px var(--r),0 18px 34px -20px rgba(0,0,0,.45);transform:none}
.gm-content .gm-feed h3,.gm-feed h3{font-size:17px}
/* Bigger cards: 3 per row; a playing YouTube video takes two cards' width (owner, 2026-11-11) */
@media (min-width:1101px){.gm-feed .gm-card.is-playing.is-wide{grid-column:span 2}}
.gm-feed-frame{margin:0 auto}
.gm-feed .gm-card.is-playing:has(.gm-feed-frame.is-tall){background:#0a0a0b}
.gm-feed .gm-card.is-playing:has(.gm-feed-frame.is-tall) .gm-card-b{background:#fff}
.gm-feed-frame.is-tall{background:#000}
.gm-feed .gm-feed-facebook .gm-card-img img,.gm-feed .gm-feed-instagram .gm-card-img img,.gm-feed .gm-feed-tiktok .gm-card-img img{aspect-ratio:4/5;object-position:center top}
/* Feed: a playing card no longer stretches the other cards in its row; comments link under every post (owner, 2026-11-11) */
.gm-feed{align-items:start}
.gm-feed .gm-card-b h3{margin-bottom:8px}
.gm-feed-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--r)!important;text-decoration:none!important}
.gm-feed-more:hover{text-decoration:underline!important}
.gm-feed-video{object-fit:contain;background:#000}

/* Mobile header & menu (owner, 2026-11-11): the 3-line button always shows; Urdu and Call sit inside the menu;
   sub-menus are closed until their arrow is tapped; the page does not scroll behind the open menu. */
.gm-menu-foot,.gm-sub-toggle{display:none}
@media (max-width:1000px){
  .gm-nav-in{gap:10px}
  .gm-logo3d{flex:0 1 auto;min-width:0}
  .gm-word img{max-width:100%;height:auto;max-height:34px}
  .gm-nav-in>.gm-lang{display:none}
  .gm-burger{flex:none;margin-inline-start:auto;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
  .gm-burger span{top:22px}
  .gm-burger span,.gm-burger span:before,.gm-burger span:after{transition:transform .25s ease,opacity .2s ease,top .25s ease}
  .gm-menu-toggle:checked~.gm-burger span{background:transparent}
  .gm-menu-toggle:checked~.gm-burger span:before{top:0;transform:rotate(45deg)}
  .gm-menu-toggle:checked~.gm-burger span:after{top:0;transform:rotate(-45deg)}
  .gm-links{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #ffffff14;box-shadow:0 24px 40px -20px #000;padding:8px 20px 22px}
  .gm-nav.is-over .gm-links{border-radius:22px;margin-top:8px;border:1px solid #ffffff14}
  .gm-menu{gap:0}
  .gm-menu>li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #ffffff12}
  .gm-menu>li>a{flex:1;padding:14px 4px;font-size:16px;color:#fff}
  .gm-sub-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:transform .2s ease}
  .gm-menu>li.is-open>.gm-sub-toggle{transform:rotate(180deg);background:var(--r)}
  .gm-menu .gm-sub{display:none;flex-basis:100%;padding:0 0 10px 12px;margin:0}
  .gm-menu>li.is-open>.gm-sub{display:block}
  .gm-menu .gm-sub li{padding:0}
  .gm-menu .gm-sub a{display:block;padding:9px 4px;font-size:15px;color:#c9c9ce}
  .has-sub:hover>.gm-sub,.has-sub:focus-within>.gm-sub{display:none}
  .gm-menu>li.has-sub.is-open>.gm-sub{display:block}
  .gm-menu-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:16px}
  .gm-menu-foot .gm-lang{margin:0;padding:10px 18px;font-size:15px}
  .gm-menu-foot .gm-menu-call{padding:11px 22px}
  html.gm-menu-open,html.gm-menu-open body{overflow:hidden}
}
[dir=rtl] .gm-menu .gm-sub{padding:0 12px 10px 0}

/* Mobile app-style bottom bar (owner, 2026-11-11) */
.gm-appbar{display:none}
@media (max-width:760px){
  .gm-appbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(64px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:rgba(10,10,11,.96);backdrop-filter:blur(12px);border-top:1px solid #ffffff1a;box-shadow:0 -10px 30px -12px rgba(0,0,0,.5)}
  .gm-ab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:64px;color:#c9c9ce!important;text-decoration:none!important;font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .gm-ab:active{transform:scale(.94)}
  .gm-ab svg{display:block}
  .gm-ab-wa{color:#fff!important}
  .gm-ab-bubble{display:grid;place-items:center;width:54px;height:54px;margin-top:-26px;border-radius:50%;background:linear-gradient(180deg,#3ee07a,#1fae55);box-shadow:0 10px 22px -8px rgba(37,211,102,.8),0 0 0 4px #0a0a0b}
  html.gm-menu-open .gm-appbar label.gm-ab{color:#fff!important}
  html.gm-menu-open .gm-appbar label.gm-ab svg{color:var(--r)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .gm-wa{display:none}
  .gmp-mbar{display:none!important}
  .gmc{bottom:calc(78px + env(safe-area-inset-bottom))!important;right:12px!important}
  .gm-links{max-height:calc(100dvh - 80px - 64px)!important}
}

/* Responsive check fixes (owner, 2026-11-11) */
@media (min-width:1001px) and (max-width:1200px){
  .gm-nav-cta{display:none}
  .gm-menu{gap:16px}
  .gm-menu a{font-size:13.5px}
}
@media (max-width:760px){html.gm-menu-open .gmc{display:none}}
/* Embedded videos, maps and images never make a page wider than the screen (owner, 2026-11-11) */
.gm-content iframe,.gm-content video,.gm-content embed,.gm-content object,.gm-content img{max-width:100%}
.gm-content iframe[src*="youtube"],.gm-content iframe[src*="youtu.be"],.gm-content iframe[src*="facebook.com/plugins/video"]{width:100%;height:auto;aspect-ratio:16/9}
.gm-content img{height:auto}
.gm-content table{max-width:100%}
@media (max-width:1000px){.gm-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media (max-width:1000px){.gm-content table{min-width:0!important;width:100%!important}}
/* Projects page: wider grid with bigger cards, pictures fill the card neatly (owner, 2026-11-11) */
.gm-content .gm-projects{width:min(1200px,calc(100vw - 56px));max-width:none;margin:26px 0 8px;gap:24px;align-items:start}
.gm-projects .gm-card{transition:transform .2s ease,box-shadow .2s ease}
.gm-projects .gm-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(0,0,0,.45)}
.gm-projects .gm-card-img{display:block;overflow:hidden;background:#0a0a0b}
.gm-projects .gm-card-img img{aspect-ratio:16/10;object-fit:cover;object-position:center;transition:transform .35s ease}
.gm-projects .gm-card:hover .gm-card-img img{transform:scale(1.04)}
.gm-projects .gm-card-b{padding:16px 18px 20px}
.gm-content .gm-projects h3{font-size:19px;margin:6px 0 0;line-height:1.3}
.gm-content .gm-projects h3 a{color:var(--k);text-decoration:none}
.gm-content .gm-projects h3 a:hover{color:var(--r)}
@media (max-width:1000px){.gm-content .gm-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:600px){.gm-content .gm-projects{grid-template-columns:1fr;width:100%}}
/* Project cards: the whole picture is visible (no cropping), centred over a blurred copy (owner, 2026-11-11) */
.gm-projects .gm-card-fit{position:relative;aspect-ratio:16/10;isolation:isolate}
.gm-projects .gm-card-fit::before{content:"";position:absolute;inset:-20px;background:var(--gm-fit) center/cover no-repeat;filter:blur(18px) brightness(.75);transform:scale(1.1);z-index:-1}
.gm-projects .gm-card-fit img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.gm-projects .gm-card:hover .gm-card-fit img{transform:scale(1.03)}
/* Project cards: every picture the same size and fully filled — uniform 16:9, centred (owner, 2026-11-11, supersedes the "contain" look) */
.gm-projects .gm-card-fit{aspect-ratio:16/9}
.gm-projects .gm-card-fit::before{display:none}
.gm-projects .gm-card-fit img{object-fit:cover;object-position:center 45%}
