.sector-icon{display:none!important}.logo.logo-image-wrap{flex:0 0 auto!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent;box-shadow:none;overflow:hidden}.logo-image-wrap .site-logo-image{display:block;width:auto;height:82px;max-width:none;max-height:none;object-fit:contain}.video-frame{width:min(100%,760px);aspect-ratio:16/9}.video-frame iframe{width:100%;height:100%;border:0;border-radius:14px}.under-header{margin-top:0}

/* Use the home-page navigation treatment on every public page. */
.public-header:not(.hero){height:116px;position:relative;z-index:20;overflow:visible;background:radial-gradient(circle at 70% 40%,rgba(9,93,106,.55),transparent 50%),linear-gradient(135deg,#0b5360,var(--teal-deep) 76%);border-bottom:1px solid rgba(255,255,255,.16)}
.public-header:not(.hero) .navbar{direction:ltr;position:absolute;z-index:20;top:0;left:0;right:0;width:min(1500px,calc(100% - 72px));height:116px;margin:0 auto;padding:14px 0 8px;border-bottom:1px solid rgba(255,255,255,.16)}
.public-header:not(.hero) .logo{width:86px;flex:0 0 86px;height:84px;border-width:2px;outline-width:1px;outline-offset:3px}
.public-header:not(.hero) .logo strong{font-size:12px}.public-header:not(.hero) .logo-small{font-size:7px}.public-header:not(.hero) .logo b{font-size:10px}
.public-header:not(.hero) .nav-links{margin-left:auto!important;margin-right:0!important;gap:clamp(14px,1.85vw,31px);min-height:54px;padding:0 22px;border:1px solid rgba(255,255,255,.24);border-radius:30px;background:rgba(3,38,46,.78);box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(16px);font-size:13px}
[dir=rtl] .public-header:not(.hero) .nav-links{direction:rtl}[dir=ltr] .public-header:not(.hero) .nav-links{direction:ltr}
.public-header:not(.hero) .nav-links a{display:flex;align-items:center;min-height:52px;padding:0 1px;color:#f7fbfb!important;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.42)}
.public-header:not(.hero) .nav-links a:after{bottom:7px;background:#e2a07d}.public-header:not(.hero) .nav-links a:hover,.public-header:not(.hero) .nav-links a:focus-visible{color:#ffd0b6!important}.public-header:not(.hero) .nav-links a.active{color:#ffc09d!important;font-weight:700}
.public-header:not(.hero) .nav-links .language{min-height:auto;margin-inline-start:2px;color:#fff!important;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.55);backdrop-filter:none}
.public-header:not(.hero) .menu-toggle{position:absolute;opacity:0;pointer-events:none}
.not-found{min-height:calc(100vh - 116px - 76px)}

@media(max-width:1280px){
 .public-header:not(.hero) .navbar{width:calc(100% - 44px)}
 .public-header:not(.hero) .menu-button{display:flex;position:relative;width:48px;height:48px;margin-inline-start:auto;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(4,43,51,.5);backdrop-filter:blur(12px);flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;z-index:3;transition:.2s}
 .public-header:not(.hero) .menu-button:hover{border-color:var(--copper-light);background:rgba(4,43,51,.8)}
 .public-header:not(.hero) .menu-button span{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
 .public-header:not(.hero) .menu-toggle:focus-visible+.menu-button{outline:3px solid rgba(221,160,128,.45);outline-offset:3px}
 .public-header:not(.hero) .menu-toggle:checked+.menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .public-header:not(.hero) .menu-toggle:checked+.menu-button span:nth-child(2){opacity:0}
 .public-header:not(.hero) .menu-toggle:checked+.menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .public-header:not(.hero) .nav-links{display:none;position:absolute;top:104px;right:0!important;left:auto!important;width:min(360px,calc(100vw - 44px));height:auto;max-height:calc(100vh - 125px);overflow-y:auto;margin:0!important;padding:12px;border:1px solid rgba(226,160,125,.42);border-radius:16px;background:#073d48;box-shadow:0 24px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px}
 .public-header:not(.hero) .menu-toggle:checked~.nav-links{display:flex}
 .public-header:not(.hero) .nav-links a{min-height:48px;padding:0 15px;border-radius:9px;color:#fff!important;font-size:13px;text-shadow:none}
 .public-header:not(.hero) .nav-links a:hover,.public-header:not(.hero) .nav-links a:focus-visible{background:#0c5360;color:#ffd0b6!important;outline:none}
 .public-header:not(.hero) .nav-links a.active{background:#0b4d59;color:#ffc09d!important;box-shadow:inset 3px 0 0 #d98d68}
 [dir=rtl] .public-header:not(.hero) .nav-links a.active{box-shadow:inset -3px 0 0 #d98d68}
 .public-header:not(.hero) .nav-links a:after{display:none}
 .public-header:not(.hero) .nav-links .language{min-height:44px;margin:8px 0 0;justify-content:center;color:#fff!important;background:#a85f43;border-color:#dba181}
}
@media(max-width:860px){.logo-image-wrap .site-logo-image{height:72px}.public-header:not(.hero){height:98px}.public-header:not(.hero) .navbar{width:calc(100% - 32px);height:98px;padding:10px 0}.public-header:not(.hero) .logo{width:74px;flex-basis:74px;height:72px}.public-header:not(.hero) .nav-links{top:94px;width:min(340px,calc(100vw - 32px))}.not-found{min-height:calc(100vh - 98px - 76px)}}
@media(max-width:560px){.public-header:not(.hero){height:92px}.public-header:not(.hero) .navbar{height:92px}.public-header:not(.hero) .nav-links{top:88px;width:calc(100vw - 32px);max-height:calc(100vh - 108px)}.not-found{min-height:calc(100vh - 92px - 76px)}}
.social-links{display:inline-flex;align-items:center;gap:10px}.social-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.32);border-radius:50%;color:inherit;transition:transform .2s,background .2s,border-color .2s}.social-links a:hover{transform:translateY(-3px);background:#c97955;border-color:#c97955;color:#fff}.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-links svg.brand-fill{fill:currentColor;stroke:none}.social-links svg .fill{fill:currentColor;stroke:none}

/* Give the inner-page header band the home hero's composition: the Dubai
   photograph on the physical left fading into the teal panel on the right,
   under the same overlays the home hero uses. */
.public-header:not(.hero):before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:0;right:54%;background:linear-gradient(180deg,rgba(4,33,40,.54) 0,rgba(4,33,40,.06) 34%,rgba(4,33,40,.12) 75%,rgba(4,33,40,.58) 100%),var(--hero-image,url('/public/assets/images/hero-dubai.webp')) center 48%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,#000 70%,transparent 100%)}
.public-header:not(.hero):after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:46%;right:0;opacity:.09;background-image:linear-gradient(45deg,#d8a17e 12.5%,transparent 12.5%,transparent 50%,#d8a17e 50%,#d8a17e 62.5%,transparent 62.5%,transparent);background-size:46px 46px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 58%);mask-image:linear-gradient(90deg,#000,transparent 58%)}
/* Match the home hero's mobile treatment: the photograph goes full bleed. */
@media(max-width:860px){
 .public-header:not(.hero):before{right:0;background-position:35% center;-webkit-mask-image:none;mask-image:none}
 .public-header:not(.hero):after{display:none}
}

/* Sector cards were locked to a fixed height with overflow:hidden, so any card
   whose title and description ran past it had the "Discover more" line clipped
   away. Let each card grow to fit its content; the grid still levels every card
   in a row to the tallest one, so the row stays even. */
.sector-card{height:auto;min-height:158px}
@media(max-width:860px){.sector-card{min-height:165px}}
@media(max-width:560px){.sector-card{min-height:178px}}

/* A sector section is a two-column grid: media on the left, copy on the right.
   With no image and no video the copy block was the only child, so it landed in
   the narrow 340px media column. On its own it spans the whole section. */
.sector-extra>div:only-child{grid-column:1/-1}