/* ==========================================================================
   AIIMS redesign · Global header (Direction A, approved 7 Oct 2026)
   App strip · Awards ticker · Main bar · Mega menu · Mobile menu
   Brand: black #0E0E0E, orange #F5412C, stone #9A9E8E, grey #EFEFEF.
   Corners 4px. Text on dark #EFEFEF. Mono small headings with 1.2px orange rule.
   ========================================================================== */
:root{
  --ahx-black:#0E0E0E; --ahx-raised:#171717; --ahx-orange:#F5412C;
  --ahx-stone:#9A9E8E; --ahx-grey:#EFEFEF; --ahx-grey-72:rgba(239,239,239,.72); --ahx-grey-50:rgba(239,239,239,.5);
  --ahx-line:rgba(239,239,239,.1); --ahx-line-strong:rgba(239,239,239,.28); --ahx-green:#2E9E62;
  --ahx-sans:"Interphases","TT Interphases Pro","Helvetica Neue",Arial,sans-serif;
  --ahx-mono:"InterphasesMono","TT Interphases Pro Mono",ui-monospace,Menlo,Consolas,monospace;
  --ahx-gutter:70px; --ahx-app-h:36px; --ahx-awards-h:44px; --ahx-bar-h:76px; --ahx-bar-h-compact:64px;
  --ahx-ease:cubic-bezier(.2,.8,.2,1);
}
/* 1239, not 1180: from 1181 to 1239 the full nav and the right group overflow the 70px gutter */
@media (max-width:1239px){:root{--ahx-gutter:32px}}
@media (max-width:760px){:root{--ahx-gutter:20px; --ahx-app-h:34px; --ahx-awards-h:38px; --ahx-bar-h:64px}}

body.ahx-ready{padding-top:calc(var(--ahx-app-h) + var(--ahx-awards-h) + var(--ahx-bar-h)) !important}
/* anchor jumps and keyboard focus land below the 64px compact bar (the header is compact once scrolled);
   replaces the old header stack's scroll padding (aiims-qa-fixes, Oct 2026) */
html{scroll-padding-top:calc(var(--ahx-bar-h-compact) + 16px)}
.ahx-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* skip link shows on focus (scoped to a.ahx-sr: the class also hides text inside the awards label) */
a.ahx-sr:focus{position:fixed!important;left:16px;top:8px;z-index:1002;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;overflow:visible;background:var(--ahx-orange);color:#fff;font:600 14px/1 var(--ahx-sans);text-decoration:none;border-radius:4px}
#main[tabindex="-1"]:focus{outline:0}

/* ---------- shell ---------- */
.ahx{position:fixed;top:0;left:0;right:0;z-index:1000;font-family:var(--ahx-sans);color:var(--ahx-grey);
  transform:translateY(0);transition:transform .24s var(--ahx-ease)}
.ahx *{box-sizing:border-box}
.ahx a{color:inherit;text-decoration:none}
.ahx.is-compact{transform:translateY(calc(-1 * (var(--ahx-app-h) + var(--ahx-awards-h))))}
/* compact: slide the strips back in while keyboard focus is inside them, so the focused link is on screen */
.ahx.is-compact:has(.ahx-app :focus-visible,.ahx-awards :focus-visible){transform:none}
/* the theme's scroll script adds .scrolled (white background) to every <header>; keep #ahx clear */
.ahx.scrolled{background:none}
:where(.ahx,.ahx-mega,.ahx-m) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.ahx :focus-visible,.ahx-mega :focus-visible,.ahx-m :focus-visible{outline:2px solid var(--ahx-orange);outline-offset:2px}

/* ---------- app strip ---------- */
.ahx-app{height:var(--ahx-app-h);background:var(--ahx-black);border-bottom:1px solid var(--ahx-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 var(--ahx-gutter)}
.ahx-app__msg{margin:0;display:flex;align-items:center;gap:10px;font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-grey-72);white-space:nowrap;overflow:hidden}
.ahx-app__msg b{color:var(--ahx-orange);font-weight:700}
.ahx-app__msg i{font-style:normal;opacity:.35}
.ahx-app__links{display:flex;gap:6px;flex:none}
.ahx-store{width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease,transform .3s ease}
.ahx-store svg{width:18px;height:18px;display:block}
.ahx-store:hover,.ahx-store:focus-visible{background:rgba(239,239,239,.1);transform:scale(1.1)}
@media (max-width:760px){.ahx-app__msg .ahx-app__tail,.ahx-app__msg i{display:none}}

/* ---------- awards ticker (original layout, brand fonts) ---------- */
.ahx-awards{height:var(--ahx-awards-h);background:var(--ahx-black);display:flex;align-items:stretch;border-bottom:1px solid var(--ahx-line);overflow:hidden}
.ahx-awards__label{flex:none;display:flex;align-items:center;gap:10px;padding:0 20px 0 var(--ahx-gutter);border-right:1px solid var(--ahx-line);
  font:900 12px/1 var(--ahx-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.ahx-awards__label:hover{color:var(--ahx-orange)}
.ahx-dot{width:7px;height:7px;border-radius:50%;background:var(--ahx-orange);flex:none}
.ahx-awards__pause{flex:none;width:44px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--ahx-line)}
.ahx-awards__pause:hover{background:var(--ahx-raised)}
.ahx-awards__pause svg{width:12px;height:12px}
.ahx-awards__view{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 48px),transparent)}
.ahx-awards__track{display:flex;width:max-content;height:100%;animation:ahx-marquee var(--ahx-marquee-dur,90s) linear infinite}
.ahx-awards:hover .ahx-awards__track,.ahx-awards.is-paused .ahx-awards__track{animation-play-state:paused}
/* keyboard focus on an award: stop the marquee so the focused link can be scrolled into view (header.js) */
.ahx-awards.is-kbd .ahx-awards__track{animation:none}
@keyframes ahx-marquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.ahx-award{display:flex;align-items:center;gap:12px;padding:0 28px;border-right:1px solid var(--ahx-line);white-space:nowrap}
.ahx-award__meta{font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-stone)}
.ahx-award__title{position:relative;font:600 14px/1 var(--ahx-sans);color:var(--ahx-grey)}
.ahx-award__title::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:1px;background:var(--ahx-orange);transition:right .24s ease}
.ahx-award:hover .ahx-award__title::after,.ahx-award:focus-visible .ahx-award__title::after{right:0}
.ahx-award__arrow{color:var(--ahx-orange);font-weight:600;transition:transform .18s}
.ahx-award:hover .ahx-award__title,.ahx-award:focus-visible .ahx-award__title{color:var(--ahx-orange)}
.ahx-award:hover .ahx-award__arrow{transform:translateX(3px)}
@media (max-width:760px){.ahx-awards__label{font-size:11px}.ahx-awards__pause{width:38px}.ahx-award__title{font-size:13px}}

/* ---------- main bar ---------- */
.ahx-bar{height:var(--ahx-bar-h);background:var(--ahx-black);border-bottom:1px solid var(--ahx-line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--ahx-gutter);position:relative;transition:height .24s var(--ahx-ease),background .24s}
.ahx.is-compact .ahx-bar{height:var(--ahx-bar-h-compact);background:rgba(14,14,14,.97)}
.ahx-logo{display:block;flex:none;line-height:0}
.ahx-logo svg{height:32px;width:auto;display:block}
.ahx.is-compact .ahx-logo svg{height:28px}
.ahx-nav{display:flex;align-items:center;gap:26px;height:100%}
.ahx-nav a{position:relative;display:flex;align-items:center;height:100%;font:600 13px/1 var(--ahx-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ahx-grey-72);white-space:nowrap;transition:color .15s}
.ahx-nav a::after{content:"";position:absolute;left:0;right:0;bottom:calc(50% - 16px);height:1.2px;background:var(--ahx-orange);transform:scaleX(0);transform-origin:left;transition:transform .18s var(--ahx-ease)}
.ahx-nav a:hover,.ahx-nav a[aria-expanded="true"]{color:var(--ahx-grey)}
.ahx-nav a:hover::after,.ahx-nav a[aria-expanded="true"]::after{transform:scaleX(1)}
.ahx-right{display:flex;align-items:center;gap:12px;flex:none}
.ahx-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:1px solid var(--ahx-orange);border-radius:4px;background:var(--ahx-orange);color:var(--ahx-grey);font:600 15px/1 var(--ahx-sans);white-space:nowrap}

/* region switch */
.ahx-region{position:relative}
.ahx-region__btn{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--ahx-line-strong);border-radius:4px;font:600 14px/1 var(--ahx-sans);color:var(--ahx-grey);white-space:nowrap}
.ahx-region__btn:hover{border-color:var(--ahx-grey-72)}
.ahx-chev{width:10px;height:10px;opacity:.6;transition:transform .18s}
.ahx-region.is-open .ahx-chev{transform:rotate(180deg)}
.ahx-region__list{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;margin:0;padding:6px;list-style:none;background:var(--ahx-black);border:1px solid var(--ahx-line-strong);border-radius:4px;
  opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .16s,transform .16s var(--ahx-ease),visibility 0s linear .16s}
/* visibility keeps the closed list out of the tab order; its delay lets the fade finish first */
.ahx-region.is-open .ahx-region__list{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}
.ahx-region__list a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:4px;font:600 14px/1 var(--ahx-sans);color:var(--ahx-grey)}
.ahx-region__list a:hover{background:var(--ahx-raised)}

/* flag ⇄ code / name reveal (shared) */
.ahx-swap{position:relative;display:inline-block;flex:none;height:16px;width:24px;overflow:hidden;vertical-align:middle;transition:width .18s var(--ahx-ease)}
.ahx-swap__flag,.ahx-swap__text{position:absolute;left:0;top:0;transition:transform .18s var(--ahx-ease),opacity .18s}
.ahx-swap__flag{width:24px;height:16px;border-radius:2px;overflow:hidden}
.ahx-swap__flag svg{display:block;width:100%;height:100%}
/* min-width: the hidden text keeps its layout width, so header.js can measure it for --w */
.ahx-swap__text{height:16px;display:flex;align-items:center;min-width:max-content;font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-orange);white-space:nowrap;transform:translateY(110%);opacity:0}
.ahx-swap-host:hover .ahx-swap,.ahx-swap-host:focus-visible .ahx-swap{width:var(--w,28px)}
.ahx-swap-host:hover .ahx-swap__flag,.ahx-swap-host:focus-visible .ahx-swap__flag{transform:translateY(-110%);opacity:0}
.ahx-swap-host:hover .ahx-swap__text,.ahx-swap-host:focus-visible .ahx-swap__text{transform:none;opacity:1}
.ahx-swap--round{height:20px;width:20px}
.ahx-swap--round .ahx-swap__flag{width:20px;height:20px;border-radius:50%}
.ahx-swap--round .ahx-swap__flag svg{width:30px;height:20px;margin-left:-5px}
.ahx-swap--round .ahx-swap__text{height:20px;color:var(--ahx-grey)}

/* mobile controls in bar */
.ahx-mbtn{display:none;height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--ahx-line-strong);border-radius:4px;font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase}
.ahx-burger{display:flex;flex-direction:column;gap:5px}.ahx-burger i{display:block;width:16px;height:1.5px;background:currentColor}
@media (max-width:1239px){.ahx-nav{gap:18px}.ahx-nav a{font-size:12px}.ahx-region__num{display:none}}
/* /en-ae/ pages: the button shows the longer UAE number (theme carry-over), so the number goes a step earlier */
@media (max-width:1299px){.ahx-region__btn.is-long .ahx-region__num{display:none}}
@media (max-width:980px){.ahx-nav,.ahx-region,.ahx-cta{display:none}.ahx-mbtn{display:inline-flex}.ahx-logo svg{height:26px}}

/* scroll progress */
.ahx-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.ahx-progress i{display:block;height:100%;width:100%;background:var(--ahx-orange);transform-origin:left;transform:scaleX(var(--p,0));opacity:0;transition:opacity .2s}
.ahx.is-compact .ahx-progress i{opacity:1}

/* ---------- mega menu (desktop) ---------- */
.ahx-mega{position:fixed;left:0;right:0;top:calc(var(--ahx-app-h) + var(--ahx-awards-h) + var(--ahx-bar-h));z-index:999;background:var(--ahx-black);color:var(--ahx-grey);
  border-bottom:1px solid var(--ahx-line);font-family:var(--ahx-sans);max-height:calc(100vh - var(--ahx-app-h) - var(--ahx-awards-h) - var(--ahx-bar-h));overflow:auto;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .32s var(--ahx-ease),visibility 0s linear .32s,top .24s var(--ahx-ease)}
/* only while the panel scrolls (header.js sets is-scroll): stops the wheel chaining to the page and closing it.
   Not always on, because it composites the panel and greys its text antialiasing. */
.ahx-mega.is-scroll{overscroll-behavior:contain}
body.ahx-compact .ahx-mega{top:var(--ahx-bar-h-compact);max-height:calc(100vh - var(--ahx-bar-h-compact))}
.ahx-mega.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .32s var(--ahx-ease),visibility 0s,top .24s var(--ahx-ease)}
.ahx-mega *{box-sizing:border-box}
.ahx-mega a{color:inherit;text-decoration:none}
.ahx-mega__in{padding:22px var(--ahx-gutter) 26px;display:flex;flex-direction:column;gap:26px;max-width:1600px;margin:0 auto}
.ahx-mega__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--ahx-line)}
.ahx-kicker{display:inline-block;font:700 12px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-grey);padding-bottom:7px;border-bottom:1.2px solid var(--ahx-orange);white-space:nowrap}
.ahx-clocks{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.ahx-clock{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:4px;transition:background .15s;cursor:default}
.ahx-clock:hover{background:rgba(239,239,239,.06)}
.ahx-clock__time{font:400 11px/1 var(--ahx-mono);color:var(--ahx-grey-72)}
.ahx-clock__dot{width:6px;height:6px;border-radius:50%;background:rgba(239,239,239,.35)}
.ahx-clock.is-open .ahx-clock__dot{background:var(--ahx-green)}
/* Close | Esc  ✕  (1:1 with Figma: 40px tall, 12px side padding, 10px gap, mono label, orange ✕) */
.ahx-close{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--ahx-line-strong);border-radius:4px}
.ahx-close__label{font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-grey);white-space:pre}
.ahx-close__x{font:600 14px/20px var(--ahx-sans);color:var(--ahx-orange)}
.ahx-mega__body{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px}
.ahx-spot{display:flex;flex-direction:column;gap:10px}
.ahx-spot__media{position:relative;aspect-ratio:3/2;background:var(--ahx-raised);border:1px solid var(--ahx-line);border-radius:4px;overflow:hidden}
.ahx-spot__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ahx-spot__cap{display:flex;justify-content:space-between;gap:8px;font:700 11px/1.3 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase}
.ahx-spot__cap span:first-child{color:var(--ahx-stone)}
.ahx-spot__cap span:last-child{color:var(--ahx-grey-72);text-align:right}
.ahx-dir__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--ahx-line)}
.ahx-dir__eyebrow{display:flex;gap:12px;font:700 12px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-orange);margin:0 0 10px}
.ahx-dir__eyebrow span{color:var(--ahx-grey-50);flex:none;white-space:nowrap}
.ahx-dir__title{margin:0;font:900 48px/1 var(--ahx-sans);letter-spacing:-.03em;text-transform:uppercase;color:var(--ahx-grey)}
.ahx-outline{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border:1px solid var(--ahx-grey);border-radius:4px;font:600 15px/1 var(--ahx-sans);white-space:nowrap}
.ahx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;padding-top:26px}
.ahx-col h3{margin:0 0 16px}
.ahx-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ahx-col a{display:inline-flex;align-items:center;gap:8px;font:400 16px/1.3 var(--ahx-sans);color:rgba(239,239,239,.88);transition:color .15s,transform .15s}
.ahx-col a:hover{color:var(--ahx-orange);transform:translateX(3px)}
.ahx-badge{font:700 10px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ahx-orange);color:var(--ahx-grey);padding:3px 6px;border-radius:4px}
.ahx-mega.is-open .ahx-col{animation:ahx-rise .36s var(--ahx-ease) both}
.ahx-mega.is-open .ahx-col:nth-child(2){animation-delay:.04s}.ahx-mega.is-open .ahx-col:nth-child(3){animation-delay:.08s}.ahx-mega.is-open .ahx-col:nth-child(4){animation-delay:.12s}
@keyframes ahx-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ahx-mega__foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid var(--ahx-line);flex-wrap:wrap}
.ahx-explore{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ahx-explore b{font:700 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-orange)}
.ahx-explore a{font:600 14px/1 var(--ahx-sans);color:rgba(239,239,239,.85)}
.ahx-explore a:hover{color:var(--ahx-orange)}
.ahx-phones{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ahx-phone{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--ahx-sans)}
.ahx-phone:hover .ahx-phone__num{color:var(--ahx-orange)}
@media (max-width:980px){.ahx-mega{display:none}}

/* ---------- mobile menu ---------- */
.ahx-m{position:fixed;inset:0;z-index:1001;background:var(--ahx-black);color:var(--ahx-grey);font-family:var(--ahx-sans);display:flex;flex-direction:column;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .32s var(--ahx-ease),visibility 0s linear .32s}
.ahx-m.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .32s var(--ahx-ease),visibility 0s}
.ahx-m *{box-sizing:border-box}
.ahx-m a{color:inherit;text-decoration:none}
.ahx-m__head{flex:none;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--ahx-line)}
.ahx-m__head .ahx-logo svg{height:26px}
.ahx-m__x{width:44px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ahx-line-strong);border-radius:4px;color:var(--ahx-orange);font:600 16px/1 var(--ahx-sans)}
.ahx-m__tabs{flex:none;display:flex;gap:20px;padding:0 20px;overflow-x:auto;border-bottom:1px solid var(--ahx-line);scrollbar-width:none}
.ahx-m__tabs::-webkit-scrollbar{display:none}
.ahx-m__tabs button{flex:none;padding:14px 0 12px;border-bottom:2px solid transparent;font:600 13px/1 var(--ahx-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ahx-grey-50)}
.ahx-m__tabs button[aria-selected="true"]{color:var(--ahx-grey);border-bottom-color:var(--ahx-orange)}
.ahx-m__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px 28px;display:flex;flex-direction:column;gap:18px}
.ahx-m__body .ahx-dir__title{font-size:36px}
.ahx-acc{border-top:1px solid var(--ahx-line)}
.ahx-acc button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:var(--ahx-grey);font:400 12px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase}
.ahx-acc button span{color:var(--ahx-orange);font:600 18px/1 var(--ahx-sans)}
.ahx-acc ul{list-style:none;margin:0;padding:0 0 16px;display:none;flex-direction:column;gap:12px}
.ahx-acc.is-open ul{display:flex}
.ahx-acc a{font:400 16px/1.3 var(--ahx-sans);color:rgba(239,239,239,.88)}
.ahx-m__foot{flex:none;padding:14px 20px calc(18px + env(safe-area-inset-bottom,0px));background:var(--ahx-raised);border-top:1px solid var(--ahx-line);display:flex;flex-direction:column;gap:12px}
.ahx-m__foot .ahx-cta{width:100%;display:inline-flex}
.ahx-m__foot .ahx-phones{justify-content:space-between}
.ahx-m__foot .ahx-phone{font-size:13px}
/* html is the page scroller (theme sets overflow-x on it), so the lock goes on both */
html.ahx-locked,body.ahx-locked{overflow:hidden}
/* the floating JustCall and back-to-top buttons cover the menus' phone links: hide them while the mobile menu is open,
   or while they overlap the open mega (header.js sets ahx-cover-call / ahx-cover-top) */
body.ahx-locked .iframe-button-control,body.ahx-locked #back-top,body.ahx-cover-call .iframe-button-control,body.ahx-cover-top #back-top{visibility:hidden}

@media (prefers-reduced-motion:reduce){
  .ahx,.ahx *,.ahx-mega,.ahx-mega *,.ahx-m,.ahx-m *{transition:none!important;animation:none!important}
  /* static ticker scrolls by hand or by focus; no scrollbar over the band, and nothing for the pause button to do */
  .ahx-awards__view{overflow-x:auto;scrollbar-width:none}
  .ahx-awards__view::-webkit-scrollbar{display:none}
  .ahx-awards__pause{display:none}
}

/* mobile directory spacing */
.ahx-m .ahx-dir{display:flex;flex-direction:column;gap:18px}
.ahx-m .ahx-dir__head{padding-bottom:0;border:0}
.ahx-m .ahx-outline{align-self:flex-start}

/* ---------- branded button hover (same as aiims.test design-consistency layer, 8 Oct 2026) ----------
   primary (orange)  -> white fill, black text, scale 1.05
   outline           -> orange fill, white text, scale 1.05                                        */
.ahx-cta,.ahx-outline,.ahx-mbtn,.ahx-close{transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}
.ahx-cta:hover,.ahx-cta:focus-visible{background:#fff;border-color:#fff;color:#0E0E0E;transform:scale(1.05)}
.ahx-outline:hover,.ahx-outline:focus-visible{background:var(--ahx-orange);border-color:var(--ahx-orange);color:#fff;transform:scale(1.05)}
a.ahx-mbtn:hover,a.ahx-mbtn:focus-visible{background:#fff;border-color:#fff;color:#0E0E0E}
button.ahx-mbtn:hover,button.ahx-mbtn:focus-visible,button.ahx-mbtn[aria-expanded="true"]{background:var(--ahx-orange);border-color:var(--ahx-orange);color:#fff}
.ahx-close:hover,.ahx-close:focus-visible{background:var(--ahx-orange);border-color:var(--ahx-orange);color:#fff;transform:scale(1.05)}
.ahx-close:hover span,.ahx-close:focus-visible span{color:#fff}
@media (prefers-reduced-motion:reduce){.ahx-cta:hover,.ahx-outline:hover{transform:none}}

/* ---------- mega-menu shelves (theme carry-over, 14 Oct 2026) ----------
   "Recently published" (Case Studies) and "Intelligence & reports" (Innovate): the cards of the previous menu
   (mega-nav-v2) on brand: their colour gradients (one tone per card, as on the live site), 4px corners, mono orange
   eyebrow, faded initials, square arrow buttons with the branded outline hover. Same in the mobile menu. Cards come
   from header-data.js (features: tone, mark, image). */
.ahx-shelf{margin-top:30px;padding-top:24px;border-top:1px solid var(--ahx-line)}
.ahx-shelf[hidden]{display:none}
.ahx-shelf__head{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}
.ahx-shelf__title{margin:0;line-height:1}
.ahx-shelf__label{margin:0 0 8px;font:400 11px/1 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-grey-50);white-space:nowrap}
.ahx-shelf__nav{display:flex;gap:8px;margin-left:auto}
.ahx-shelf__btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ahx-line-strong);border-radius:4px;color:var(--ahx-orange);
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,opacity .2s}
.ahx-shelf__btn svg{width:16px;height:16px;display:block}
.ahx-shelf__btn:hover:not(:disabled),.ahx-shelf__btn:focus-visible{background:var(--ahx-orange);border-color:var(--ahx-orange);color:#fff;transform:scale(1.05)}
.ahx-shelf__btn:disabled{opacity:.35;cursor:default}
.ahx-shelf__track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 0 4px;cursor:grab}
.ahx-shelf__track::-webkit-scrollbar{display:none}
.ahx-shelf__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
/* edge fades where there is more to scroll (header.js sets is-more-start / is-more-end) */
.ahx-shelf__stage.is-more-end .ahx-shelf__track{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.ahx-shelf__stage.is-more-start .ahx-shelf__track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}
.ahx-shelf__stage.is-more-start.is-more-end .ahx-shelf__track{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
.ahx-story{position:relative;flex:0 0 228px;min-height:132px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;
  background:linear-gradient(145deg,#28100c,#0c0c0c 72%) center/cover no-repeat;border:1px solid var(--ahx-line);border-radius:4px;overflow:hidden;isolation:isolate;scroll-snap-align:start;
  transition:border-color .3s ease,transform .3s ease}
/* tones (the live menu's card gradients, mega-nav-v2.css): ember above is the default; header.js writes data-tone.
   A photo card's inline background-image replaces the gradient. */
.ahx-story[data-tone="cobalt"]{background-image:linear-gradient(145deg,#132c4f,#080b11 75%)}
.ahx-story[data-tone="signal"]{background-image:linear-gradient(145deg,#222f3c,#07090b 75%)}
.ahx-story[data-tone="ice"]{background-image:linear-gradient(145deg,#16404c,#070b0d 75%)}
.ahx-story[data-tone="gold"]{background-image:linear-gradient(145deg,#544019,#0e0b05 75%)}
.ahx-story[data-tone="plum"]{background-image:linear-gradient(145deg,#4d1738,#0d070b 75%)}
.ahx-story[data-tone="steel"]{background-image:linear-gradient(145deg,#35404b,#090b0d 75%)}
.ahx-story[data-tone="violet"]{background-image:linear-gradient(145deg,#3d285a,#0a0710 75%)}
.ahx-story[data-tone="forest"]{background-image:linear-gradient(145deg,#1d493b,#070d0b 75%)}
/* the live cards' shade, darker towards the text: over the initials and the photo, under the text */
.ahx-story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.12) 82%);pointer-events:none}
.ahx-story::before{content:attr(data-mark);position:absolute;top:10px;right:12px;z-index:-2;font:900 52px/1 var(--ahx-sans);letter-spacing:-.04em;color:rgba(239,239,239,.07);transition:color .3s ease}
.ahx-story__eyebrow{font:700 11px/1.25 var(--ahx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ahx-orange)}
.ahx-story__title{font:700 18px/1.15 var(--ahx-sans);color:var(--ahx-grey)}
.ahx-story__meta{font:400 13px/1.35 var(--ahx-sans);color:var(--ahx-grey-72)}
.ahx-story:hover,.ahx-story:focus-visible{border-color:var(--ahx-orange);transform:translateY(-2px)}
.ahx-story:focus-visible{outline-offset:-4px}   /* inside the card: the track clips anything outside it */
.ahx-story:hover::before,.ahx-story:focus-visible::before{color:rgba(245,65,44,.24)}
/* a card with a photo (Alsco Uniforms SG): the photo under the shade, no initials */
.ahx-story.has-image::before{display:none}
.ahx-mega.is-open .ahx-shelf{animation:ahx-rise .36s var(--ahx-ease) .12s both}
/* mobile menu: under the link groups, cards sized to the screen */
.ahx-m .ahx-shelf{margin-top:0;padding-top:18px}
.ahx-m .ahx-shelf__head{margin-bottom:14px}
.ahx-m .ahx-story{flex-basis:min(72vw,264px);min-height:120px}
@media (prefers-reduced-motion:reduce){.ahx-story:hover,.ahx-story:focus-visible{transform:none}}