/* Empire City — EHX home sections v1 — 2026-11-04 */
html #empireExpertsBlock.ehx-exp{--h-ln:rgba(255,255,255,.11);--h-ln2:rgba(255,255,255,.2);--h-mu:rgba(220,228,240,.74);--h-ac:#E6B57E;--h-ac2:#F3CFA0;--h-ease:cubic-bezier(.2,.7,.2,1);position:relative;isolation:isolate;overflow:hidden;margin:0 auto!important;max-width:1320px;padding:clamp(28px,4vw,56px)!important;border-radius:32px!important;border:1px solid var(--h-ln)!important;background:radial-gradient(620px 360px at 100% 0%,rgba(230,181,126,.14),transparent 62%),radial-gradient(560px 380px at 0% 100%,rgba(70,120,210,.16),transparent 62%),linear-gradient(160deg,#0f1420 0%,#070a12 60%,#080b13 100%)!important;box-shadow:0 40px 100px -50px rgba(0,0,0,.9)!important;color:#fff!important}
html #empireExpertsBlock.ehx-exp::before,html #empireExpertsBlock.ehx-exp::after{display:none!important}
html #empireExpertsBlock.ehx-exp,html #empireExpertsBlock.ehx-exp *{font-family:'Manrope','Vazirmatn','Noto Sans Devanagari',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;box-sizing:border-box}
html #empireExpertsBlock .empire-experts-wrap{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:clamp(28px,4.5vw,72px)!important;align-items:center!important;padding:0!important;margin:0!important;max-width:none!important;background:none!important}
/* photo */
html #empireExpertsBlock .empire-experts-photo{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:26px!important;overflow:hidden!important;aspect-ratio:4/3.4;background:#0d111b;border:1px solid var(--h-ln)!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.85)!important}
html #empireExpertsBlock .empire-experts-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 30%!important;border-radius:0!important;filter:none!important;transform:scale(1.02);transition:transform 1.4s var(--h-ease)!important}
html #empireExpertsBlock:hover .empire-experts-photo img{transform:scale(1.06)}
html #empireExpertsBlock .empire-experts-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,10,17,.75) 0%,rgba(7,10,17,0) 42%)}
html #empireExpertsBlock .ehx-badge{position:absolute;z-index:2;left:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:18px!important;background:rgba(9,12,20,.66);border:1px solid var(--h-ln2);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:#fff}
html[dir=rtl] #empireExpertsBlock .ehx-badge{left:auto;right:18px;padding:10px 10px 10px 18px}
html #empireExpertsBlock .ehx-badge__ic{width:44px;height:44px;border-radius:13px!important;display:grid;place-items:center;background:var(--h-ac);color:#070a12}
html #empireExpertsBlock .ehx-badge__ic svg{width:22px;height:22px}
html #empireExpertsBlock .ehx-badge b{display:block;font-size:17px!important;font-weight:800!important;line-height:1.15;text-transform:none!important}
html #empireExpertsBlock .ehx-badge small{display:block;margin-top:2px;font-size:12.5px!important;color:var(--h-mu)}
/* content */
html #empireExpertsBlock .empire-experts-content{padding:0!important;margin:0!important;max-width:none!important;text-align:start!important;background:none!important}
html #empireExpertsBlock .ehx-eye{display:inline-flex;align-items:center;gap:14px;font-size:12px!important;font-weight:700!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--h-mu)!important}
html #empireExpertsBlock .ehx-eye::after{content:"";width:56px;height:1px;background:linear-gradient(90deg,var(--h-ac),transparent)}
html[dir=rtl] #empireExpertsBlock .ehx-eye::after{background:linear-gradient(-90deg,var(--h-ac),transparent)}
html #empireExpertsBlock .empire-experts-title{margin:18px 0 22px!important;padding:0!important;font-size:clamp(32px,4.2vw,58px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important;color:#fff!important;text-align:start!important;text-wrap:balance}
html #empireExpertsBlock .empire-experts-title br{display:none}
html #empireExpertsBlock .ehx-acc{display:block;color:var(--h-ac2)!important;background:linear-gradient(100deg,var(--h-ac2),var(--h-ac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html #empireExpertsBlock .empire-experts-text{margin:0 0 30px!important;padding:0!important;max-width:600px;font-size:clamp(15.5px,1.2vw,17.5px)!important;line-height:1.75!important;font-weight:400!important;color:var(--h-mu)!important;text-align:start!important;letter-spacing:0!important;text-transform:none!important}
html #empireExpertsBlock .empire-experts-text b,html #empireExpertsBlock .empire-experts-text strong{color:#fff!important;font-weight:700!important}
html #empireExpertsBlock .empire-experts-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;min-height:56px!important;height:auto!important;padding:0 28px!important;border-radius:14px!important;border:0!important;background:#fff!important;color:#070a12!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important;cursor:pointer;box-shadow:0 14px 40px -16px rgba(255,255,255,.45)!important;transition:transform .25s var(--h-ease),background .25s!important;margin:0!important;width:auto!important;max-width:100%;align-self:flex-start!important;justify-self:start!important}
html #empireExpertsBlock .empire-experts-btn svg{width:18px;height:18px;transition:transform .25s var(--h-ease)}
html #empireExpertsBlock .empire-experts-btn:hover{background:var(--h-ac2)!important;transform:translateY(-2px)}
html #empireExpertsBlock .empire-experts-btn:hover svg{transform:translateX(4px)}
html[dir=rtl] #empireExpertsBlock .empire-experts-btn svg{transform:scaleX(-1)}
/* stats */
html #empireExpertsBlock .empire-experts-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:36px 0 0!important;padding:0!important;border:0!important;background:none!important}
html #empireExpertsBlock .empire-experts-stats::before,html #empireExpertsBlock .empire-experts-stats::after{display:none!important}
html #empireExpertsBlock .empire-stat{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:6px;padding:18px 18px 16px!important;margin:0!important;border-radius:18px!important;border:1px solid var(--h-ln)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;text-align:start!important;transition:border-color .25s,transform .3s var(--h-ease)}
html #empireExpertsBlock .empire-stat:hover{border-color:rgba(230,181,126,.4)!important;transform:translateY(-3px)}
html #empireExpertsBlock .empire-stat::before,html #empireExpertsBlock .empire-stat::after{display:none!important}
html #empireExpertsBlock .empire-stat-num{font-size:clamp(28px,2.8vw,40px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.02em!important;color:var(--h-ac2)!important;text-align:start!important;margin:0!important}
html #empireExpertsBlock .empire-stat-label{font-size:12px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--h-mu)!important;text-align:start!important;margin:0!important}
/* responsive */
@media (max-width:991px){
 html #empireExpertsBlock .empire-experts-wrap{grid-template-columns:1fr!important}
 html #empireExpertsBlock .empire-experts-photo{aspect-ratio:16/10}
}
@media (max-width:560px){
 html #empireExpertsBlock.ehx-exp{padding:18px!important;border-radius:24px!important}
 html #empireExpertsBlock .empire-experts-photo{aspect-ratio:4/3;border-radius:18px!important}
 html #empireExpertsBlock .ehx-badge{left:12px;bottom:12px;padding:8px 14px 8px 8px}
 html #empireExpertsBlock .ehx-badge__ic{width:38px;height:38px}
 html #empireExpertsBlock .empire-experts-btn{width:100%!important}
 html #empireExpertsBlock .empire-experts-stats{gap:8px!important}
 html #empireExpertsBlock .empire-stat{padding:14px 12px!important;border-radius:14px!important}
 html #empireExpertsBlock .empire-stat-label{font-size:10.5px!important;letter-spacing:.08em!important}
}
@media (prefers-reduced-motion:reduce){html #empireExpertsBlock *{transition:none!important}}