:root{--blue:#0c5ba7;--navy:#082e57;--ink:#0b325b;--muted:#58718a;--pale:#eef7fc;--orange:#ff790b;--line:#dce9f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ff9800;outline-offset:5px}button{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14}h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;font-weight:600;margin-bottom:25px}h3{font-size:21px}em{font-style:normal;color:var(--blue)}.wrap{width:min(1200px,88%);margin:auto}.section{padding-top:90px;padding-bottom:90px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:22px}.eyebrow:before{content:'';width:23px;height:3px;background:var(--orange)}.light{color:#c8e3fa}.hero-wrap{background:radial-gradient(ellipse at 80% 30%,#1369b3 0,transparent 55%),linear-gradient(120deg,#073966,#0c5ba7 90%);color:#fff;overflow:hidden}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #ffffff26}.brand{line-height:1;display:flex;flex-direction:column}.brand>span{font-size:40px;font-weight:700;letter-spacing:-2px}.brand-dot{color:var(--orange)}.brand small{font-size:8px;letter-spacing:2.5px;margin-top:7px}nav{display:flex;gap:30px;font-size:12px;margin-left:auto}nav a:hover{color:#ffd2b0}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--orange);color:#092c50;border:1px solid var(--orange);padding:15px 24px;border-radius:5px;font-size:12px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#ff9c4f;transform:translateY(-2px)}.compact{padding:11px 20px}.menu-toggle{display:none}.info-bar{display:grid;grid-template-columns:1fr 1.15fr 1.4fr;padding:17px 0;border-bottom:1px solid #ffffff26}.info-bar>div{padding-left:30px;border-left:1px solid #ffffff33}.info-bar>div:first-child{padding-left:0;border:0}.info-bar span{font-size:8px;letter-spacing:1.7px;display:block;color:#a6c9e6}.info-bar strong{font-size:11px;font-weight:500}.hero-copy{position:relative;z-index:2;width:66%}h1{font-size:clamp(50px,5.9vw,82px);letter-spacing:-3.5px;margin-bottom:12px;line-height:1.02}h1 span{display:block;font-weight:400;color:#b6dcff}.edition{font-size:13px;letter-spacing:1px;color:#ffab63;display:flex;align-items:center;gap:16px;margin-bottom:30px}.edition i{width:30px;height:1px;background:#ffab63}.hero h2{font-size:clamp(20px,2.1vw,28px);letter-spacing:-.4px;line-height:1.35;font-weight:500}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-size:11px;border-bottom:1px solid #89b4d8;padding:8px 0}.countdown-area{margin-top:36px}.countdown-area>p{font-size:8px;letter-spacing:1.6px;margin-bottom:12px;color:#bdd8ef}.countdown{display:flex;gap:10px}.countdown>div{width:66px;border:1px solid #ffffff36;border-radius:5px;text-align:center;padding:8px}.countdown strong{display:block;font-size:25px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.countdown span{font-size:9px;color:#bdd8ef}.hero-art{position:absolute;right:-70px;bottom:0;width:56%;height:100%;pointer-events:none}.hero-art img{position:absolute;bottom:0;width:100%;mix-blend-mode:screen;opacity:.65}.date-art{position:absolute;right:15%;top:13%;font-size:220px;line-height:1;letter-spacing:-14px;color:#ffffff12;font-weight:700}.date-art span{display:block;font-size:22px;color:#bfdcff;letter-spacing:7px;text-align:center;margin-top:7px}.date-art small{display:block;text-align:center;letter-spacing:4px;font-size:10px;color:#99bddd;margin-top:20px}.orbit{position:absolute;width:690px;height:690px;border:1px solid #ffffff12;border-radius:50%;top:60px;left:0;box-shadow:0 0 0 35px #ffffff03,0 0 0 70px #ffffff03,0 0 0 105px #ffffff03}.partners-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:26px 0;gap:50px}.partners-top>span{font-size:9px;letter-spacing:1.7px;color:var(--muted);line-height:1.8}.logos{display:flex;gap:60px;align-items:center}.logos img{width:130px;max-height:58px;object-fit:contain}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-bottom:35px}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:450px}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topics article{background:linear-gradient(130deg,#f2f8fd,#e8f4fc);padding:30px 24px;min-height:280px;border-radius:5px}.topics article>span{font-size:8px;letter-spacing:1.6px;color:var(--blue)}.topics h3{margin:34px 0 18px}.topics p{font-size:12px;color:var(--muted)}.topics small{font-size:9px;color:var(--blue);font-weight:bold}.welcome{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.welcome summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:16px;font-weight:600}.welcome summary span{font-size:11px;color:var(--blue)}.welcome>div{max-width:850px;padding:15px 0 25px;font-size:14px;color:var(--muted)}.audience{background:var(--pale);padding:65px 0}.audience-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.audience h2{font-size:34px}.audience p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:430px}.audience ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:20px 30px}.audience li{font-size:12px;border-bottom:1px solid #cedfea;padding:0 0 13px}.audience li:before{content:'↗';color:var(--blue);margin-right:10px}.speakers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.speaker{border:1px solid var(--line);border-radius:5px;padding:24px;background:linear-gradient(145deg,#f5fafe,white 65%)}.speaker-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.monogram{font-size:28px;font-weight:400;letter-spacing:-1px;color:var(--blue);background:#e1eff9;width:66px;height:66px;display:grid;place-items:center;border-radius:50%}.country{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.speaker h3{font-size:17px;line-height:1.3;min-height:44px;margin-bottom:15px}.speaker p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.committee-section{background:#f6fafe}.committees{display:grid;grid-template-columns:1fr 1fr;gap:70px}.committees>div{border-top:2px solid var(--blue);padding-top:25px}.committees h3{font-size:20px;margin-bottom:25px}.committees p{font-size:12px;color:var(--muted);margin-bottom:20px}.committees strong{color:var(--ink);font-size:13px}.committees .role{font-size:8px;letter-spacing:1.5px;color:var(--blue);margin-bottom:6px}.program-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:75px}.program-layout aside>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:9px}.outline-button{display:inline-block;border:1px solid #b7d0e5;border-radius:5px;padding:12px 17px;font-size:11px;font-weight:bold;margin-top:20px}.outline-button:hover{background:var(--pale)}.workshop-note{border-left:3px solid var(--orange);padding:4px 0 4px 22px;margin-top:60px;max-width:280px}.workshop-note>span{font-size:10px;color:var(--blue)}.workshop-note h3{font-size:21px;margin:12px 0}.workshop-note p{font-size:12px;color:var(--muted)}.search-label{font-size:10px;display:block;margin-bottom:9px;color:var(--muted)}input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--ink);background:#fff}.program-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.filters{display:flex;gap:4px}.program-tools button{font-size:10px;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:#fff}.program-tools button.active{background:var(--navy);color:white;border-color:var(--navy)}#expand{border:0;padding-right:0;color:var(--blue)}.small{font-size:10px;color:var(--muted)}.session{border-bottom:1px solid var(--line)}.session summary{display:grid;grid-template-columns:90px 1fr 13px;gap:14px;align-items:start;padding:18px 10px;font-size:12px;font-weight:600;line-height:1.5}.session:nth-child(even){background:#f6fafe}.session time{font-size:10px;white-space:nowrap;color:var(--blue);padding-top:2px}.session summary b{color:var(--blue);font-size:17px;font-weight:400;line-height:1}.session[open] summary b{transform:rotate(45deg)}.session-body{padding:0 32px 18px 114px;font-size:11px;color:var(--muted)}.session-body p{margin-bottom:5px}.presenter{color:var(--blue);font-weight:bold}.partners-section{padding:65px 0;background:#f3f8fc}.partner-logos{display:flex;justify-content:space-around;background:white;padding:28px 20px;border:1px solid var(--line);border-radius:5px;gap:35px}.partner-logos img{width:180px;height:80px;object-fit:contain}.venue{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px;align-items:center}.venue-name{font-size:20px;font-weight:bold;margin-bottom:10px}.venue p:not(.eyebrow){color:var(--muted);font-size:14px}.venue-art{background:var(--blue);color:white;min-height:350px;border-radius:7px;position:relative;overflow:hidden;padding:30px 35px}.venue-art>span{font-size:8px;letter-spacing:2px;color:#c7e4ff}.venue-art h3{font-size:36px;position:relative;z-index:1;margin-top:24px}.venue-art img{position:absolute;bottom:28px;right:0;width:70%;mix-blend-mode:screen;opacity:.5}.venue-art p{position:absolute;bottom:15px;left:35px;color:#fff!important;font-size:8px!important;letter-spacing:2px;margin:0}.registration{background:linear-gradient(120deg,#073966,#0965b8);color:white;padding:50px 0}.registration>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.registration h2{font-size:30px;margin-bottom:12px}.registration p:not(.eyebrow){font-size:12px;color:#c7def3;margin-bottom:0}.registration .button{flex-shrink:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact-links a{display:block;border-bottom:1px solid var(--line);padding:18px 0;font-size:18px}.contact-links small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}.contact-links span{float:right;color:var(--blue)}footer{background:#082c4c;color:#b4cadd}.footer-top{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:65px;padding:60px 0 45px}.footer-title{font-size:28px;font-weight:bold;color:#fff;letter-spacing:-1px;margin-bottom:20px}.footer-title span{font-weight:400}.footer-top p{font-size:11px;line-height:1.8}.footer-top a{display:block;font-size:11px;line-height:2.3}.footer-top .eyebrow{font-size:8px;margin-bottom:22px}.mena{width:200px;mix-blend-mode:screen}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;padding:20px 0;font-size:9px}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:10;color:var(--navy)}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1000px){.wrap{width:90%}.header{gap:20px}nav{gap:20px}.hero-copy{width:70%}.hero-art{right:-100px}.logos{gap:25px}.topics{grid-template-columns:repeat(2,1fr)}.topics article{min-height:240px}.speakers{grid-template-columns:repeat(2,1fr)}.section-heading{gap:35px}.program-layout{gap:35px;grid-template-columns:.75fr 1.3fr}.audience-inner{gap:40px}.venue{gap:35px}.contact{gap:35px}}@media(max-width:700px){.header{height:82px;gap:14px;position:relative}.brand>span{font-size:31px}.brand small{font-size:6px}.compact{font-size:10px;padding:9px 12px}.menu-toggle{display:block;background:transparent;border:0;color:white;font-size:11px;margin-left:auto;padding:10px 0}nav{display:none;position:absolute;left:0;right:0;top:76px;z-index:5;background:#083d6d;border:1px solid #ffffff30;border-radius:5px;padding:16px;box-shadow:0 15px 30px #00234544}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px}.info-bar{grid-template-columns:1fr 1fr;gap:12px;padding:14px 0}.info-bar>div{padding-left:12px}.info-bar>div:last-child{grid-column:1/-1;padding:0;border:0}.info-bar span{font-size:7px}.info-bar strong{font-size:10px}.hero-copy{width:100%}h1{font-size:58px;letter-spacing:-2.5px}.hero h2{font-size:22px}.hero-art{right:-80px;width:100%;opacity:.3}.date-art{display:none}.hero-art img{bottom:0}.hero-actions{gap:16px;flex-wrap:wrap}.button{font-size:11px;padding:13px 18px}.text-link{font-size:10px}.hero .eyebrow{font-size:8px}.partners-top{display:block;padding:23px 0}.partners-top>span{display:block;font-size:7px;margin-bottom:15px}.partners-top>span br{display:none}.logos{justify-content:space-between;gap:20px}.logos img{width:27%;height:45px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block;margin-bottom:25px}.section-heading p:not(.eyebrow){font-size:13px}.section-heading h2 br{display:none}h2{font-size:32px;letter-spacing:-1px}.topics{gap:10px}.topics article{padding:22px 16px;min-height:275px}.topics h3{font-size:18px;margin-top:25px}.topics p{font-size:11px}.topics small{font-size:8px}.topics article>span{font-size:7px;letter-spacing:1px}.welcome summary{font-size:13px;align-items:center}.welcome summary span{font-size:9px;max-width:100px;text-align:right}.audience{padding:45px 0}.audience-inner{display:block}.audience ul{gap:15px;margin-top:25px}.audience li{font-size:11px}.speakers{gap:12px}.speaker{padding:18px 15px}.monogram{width:48px;height:48px;font-size:23px}.speaker h3{font-size:15px;min-height:57px}.speaker p{font-size:10px}.speaker-top{margin-bottom:20px}.committees{grid-template-columns:1fr;gap:25px}.program-layout{grid-template-columns:1fr;gap:35px}.program-layout h2 br{display:none}.workshop-note{margin-top:28px;max-width:100%}.program-tools button{padding:9px 10px}.session summary{grid-template-columns:74px 1fr 12px;gap:10px;font-size:11px;padding:15px 7px}.session time{font-size:9px}.session-body{padding-left:91px;padding-right:24px}.partner-logos{gap:20px;padding:20px 15px}.partner-logos img{width:28%;height:55px}.venue{grid-template-columns:1fr;gap:30px}.venue-art{min-height:310px}.registration>.wrap{display:block}.registration h2{font-size:29px}.registration .button{margin-top:24px}.contact{grid-template-columns:1fr;gap:15px}.contact-links a{font-size:17px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-top .eyebrow{font-size:7px}.mena{width:160px}.footer-title{font-size:27px}.footer-top p,.footer-top a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-led banner, topic icons, welcome excerpt and venue. */
.hero-wrap{background:#064c94}.hero-content{position:relative}.hero-copy{width:65%;max-width:760px}.hero .eyebrow{margin-bottom:12px;font-size:10px}.hero h1{font-size:clamp(34px,4.1vw,58px);letter-spacing:-1.7px;margin-bottom:3px;white-space:nowrap}.hero h1 span{display:inline;font-weight:700;color:white}.hero .edition{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.5px;color:#ff8a13;display:block;margin-bottom:17px}.hero .edition sup{font-size:19px;vertical-align:super}.hero h2{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:0;margin-bottom:20px}.hero-event{display:flex;gap:25px;align-items:center;margin-bottom:17px}.hero-event>div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.3}.hero-event>div+div{border-left:1px solid #ffffff40;padding-left:23px}.hero-event small{display:block;font-weight:400;font-size:12px;margin-top:4px}.hero-event svg{width:25px;height:28px;fill:none;stroke:#c3e3ff;stroke-width:1.6;flex-shrink:0}.countdown-area{margin-top:0}.countdown-area>p{font-size:11px;letter-spacing:0;font-weight:600;margin-bottom:8px;color:#e2f0ff}.countdown{gap:12px}.countdown>div{width:91px;border-radius:12px;border:1px solid #7fa4c7;border-top-color:#ffa337;box-shadow:inset 0 0 0 3px #ffffff07;padding:9px 8px}.countdown strong{font-size:27px;font-weight:600}.countdown span{font-size:10px;color:white}.hero-actions{margin-top:16px;gap:20px}.hero .button{border-radius:30px;min-width:175px;padding:11px 20px;color:#fff}.hero .text-link{border:1px solid #b3d7f4;border-radius:30px;padding:10px 22px;font-size:11px;color:white}.topic-icon{display:grid!important;place-items:center;width:55px;height:55px;border-radius:50%;background:#dfefff;color:#247dff}.topic-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topics h3{margin-top:22px;color:#0a65c3;position:relative;font-size:19px}.topics h3:before{content:'';position:absolute;top:-11px;left:0;width:20px;height:3px;background:var(--orange)}.topics article{padding-top:22px}.welcome-intro{margin-top:42px;background:linear-gradient(100deg,#f0f8fe,#fff);border-left:3px solid var(--orange);padding:30px 35px}.welcome-intro .eyebrow{font-size:8px;margin-bottom:13px}.welcome-intro h3{font-size:25px;margin-bottom:17px}.welcome-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:960px;margin-bottom:10px}.welcome{margin-top:12px;border:0}.welcome summary{display:inline-flex;align-items:center;gap:24px;border:1px solid #b5d2ec;border-radius:25px;padding:9px 17px;color:var(--blue)}.welcome summary span{font-size:11px;max-width:none}.welcome summary b{font-size:16px;font-weight:400}.welcome-close{display:none}.welcome[open] .welcome-close{display:inline}.welcome[open] .welcome-open{display:none}.welcome[open] summary b{transform:rotate(45deg)}.welcome>div{max-width:100%;padding-top:25px;font-size:13px}.venue{grid-template-columns:1.08fr 1fr 1fr;gap:24px;align-items:stretch}.venue-copy{padding:10px 10px 10px 0}.venue h2{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin-bottom:17px}.venue .eyebrow{margin-bottom:15px}.venue p:not(.eyebrow){font-size:12px;line-height:1.7;margin-bottom:15px}.venue-facts{list-style:none;padding:0;margin:0;font-size:11px;color:var(--muted)}.venue-facts li{margin:8px 0;display:flex;align-items:center;gap:10px}.venue-facts span{font-size:17px;line-height:1;color:#3389df;width:16px;text-align:center}.venue .outline-button{font-size:10px;border-radius:25px;padding:9px 15px;margin-top:16px;background:white}.venue-photo,.venue-map{position:relative;overflow:hidden;border:1px solid #dfebf5;border-radius:10px;min-height:335px;background:#e9f2f9}.venue-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.venue-map iframe{width:100%;height:100%;border:0;min-height:335px}.venue-map .outline-button{position:absolute;bottom:15px;left:16px;box-shadow:0 3px 15px #123a5a20}.header{height:88px}.info-bar{padding-top:12px;padding-bottom:12px}
@media(min-width:1500px){.hero h1{font-size:59px}}
@media(max-width:1000px){.hero-copy{width:75%}.hero h1{font-size:42px}.hero h2{font-size:18px}.venue{grid-template-columns:1fr 1fr}.venue-copy{grid-column:1/-1}.venue h2 br{display:none}.venue h2 em{margin-left:7px}.venue-copy>p{max-width:650px}.venue-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.venue-photo,.venue-map{min-height:330px}}
@media(max-width:700px){.header{height:80px}.hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(28px,7.7vw,49px);white-space:normal;letter-spacing:-1px}.hero .edition{font-size:29px;margin-bottom:18px}.hero h2{font-size:18px;max-width:370px}.hero-event{gap:13px;align-items:flex-start;flex-direction:column}.hero-event>div{font-size:12px}.hero-event>div+div{padding:0;border:0}.hero-event svg{width:21px;height:24px}.hero-event small{font-size:11px}.countdown{gap:8px}.countdown>div{width:70px;padding:9px 4px}.countdown strong{font-size:24px}.hero-actions{gap:10px;flex-wrap:wrap}.hero .button{min-width:145px;padding:10px 15px;font-size:10px}.hero .text-link{padding:9px 13px;font-size:9px}.hero .eyebrow{font-size:8px}.welcome-intro{padding:24px 20px;margin-top:28px}.welcome-intro h3{font-size:22px}.welcome-intro>p:not(.eyebrow){font-size:12px}.welcome summary{gap:18px}.topics h3{font-size:17px}.topic-icon{width:46px;height:46px}.topic-icon svg{width:25px;height:25px}.venue{gap:18px}.venue h2{font-size:24px}.venue h2 br{display:block}.venue h2 em{margin-left:0}.venue-facts{display:block}.venue-photo,.venue-map{grid-column:1/-1;min-height:340px}.venue-photo{aspect-ratio:1.1}.venue-map iframe{height:340px}.hero-wrap .info-bar{padding-top:14px;padding-bottom:14px}}


.venue-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

@media(max-width:700px){.venue{grid-template-columns:minmax(0,1fr)}.venue-photo{aspect-ratio:auto;height:340px;min-width:0}.venue-map{min-width:0}}

/* Clean original skyline: no raster UI, stretching, blur or screenshot layers. */









/* Persistent menu and tighter desktop banner. */
.site-header{position:sticky;top:0;z-index:100;background:#064c94;color:#fff;box-shadow:0 2px 8px #00294d18}
html{scroll-padding-top:108px}

@media(max-width:700px){html{scroll-padding-top:100px}}

/* Full-bleed background, independent of the centered content container. */
.hero{position:relative;width:100%;max-width:none;min-height:max(500px,30.769231vw);padding:35px 0 20px;overflow:hidden;isolation:isolate;background-color:#023173;background-image:linear-gradient(90deg,rgba(2,35,83,.18),transparent 62%),url('/assets/dubai-skyline-original.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-content{position:relative;z-index:2}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:560px;background-position:70% center;background-image:linear-gradient(90deg,rgba(2,35,83,.6),rgba(2,35,83,.2) 65%,transparent),url('/assets/dubai-skyline-original.png')}}
@media(max-width:700px){.hero{min-height:620px;padding:28px 0 32px;background-position:78% center;background-image:linear-gradient(180deg,rgba(2,35,83,.82),rgba(2,35,83,.65) 65%,rgba(2,35,83,.12)),url('/assets/dubai-skyline-original.png')}}


/* ==========================================================================
   RESPONSIVE LAYOUT SYSTEM (Desktop, Tablet & Mobile)
   ========================================================================== */

/* Universal mobile-safe viewport rules */
html, body {
  overflow-x: hidden;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

/* Base tagline styling with responsive wrapping */
.partners-tagline {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #082e57;
  line-height: 1.5;
  text-transform: uppercase;
  border-left: 3px solid var(--orange);
  padding-left: 12px;
  display: inline-block;
}

/* --------------------------------------------------------------------------
   DESKTOP & LARGE SCREENS (min-width: 1024px)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .wrap {
    width: min(1560px, 94%);
    max-width: 1560px;
    margin: auto;
  }

  body {
    font-size: 17.5px;
    line-height: 1.75;
  }

  .site-header .header {
    height: 100px;
  }

  .brand > span {
    font-size: 48px;
  }

  .brand small {
    font-size: 9.5px;
    letter-spacing: 1.8px;
  }

  nav a {
    font-size: 16.5px;
  }

  .compact {
    font-size: 14px;
    padding: 13px 24px;
  }

  .hero {
    min-height: max(590px, 36vw);
    padding: 56px 0 44px;
  }

  .hero-copy {
    width: 78%;
    max-width: 1080px;
  }

  .hero .eyebrow {
    font-size: 13px;
    letter-spacing: 2.4px;
  }

  .hero h1 {
    font-size: clamp(46px, 5vw, 76px);
    letter-spacing: -2px;
  }

  .hero .edition {
    font-size: clamp(36px, 2.9vw, 48px);
    margin-bottom: 24px;
  }

  .hero h2 {
    font-size: clamp(24px, 2.2vw, 30px);
    line-height: 1.45;
    max-width: 940px;
    margin-bottom: 28px;
  }

  .hero-event {
    gap: 40px;
    margin-bottom: 26px;
  }

  .hero-event > div {
    font-size: 16.5px;
    gap: 15px;
  }

  .hero-event small {
    font-size: 13.5px;
  }

  .hero-event svg {
    width: 32px;
    height: 36px;
  }

  .countdown-area > p {
    font-size: 14px;
    margin-bottom: 14px;
  }

  .countdown {
    gap: 18px;
  }

  .countdown > div {
    width: 114px;
    padding: 15px 12px;
    border-radius: 14px;
  }

  .countdown strong {
    font-size: 38px;
  }

  .countdown span {
    font-size: 13px;
  }

  .hero-actions {
    margin-top: 28px;
    gap: 26px;
  }

  .hero .button {
    padding: 16px 32px;
    font-size: 15px;
    min-width: 215px;
  }

  .hero .text-link {
    padding: 15px 30px;
    font-size: 15px;
  }

  .section {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section-heading h2 {
    font-size: clamp(38px, 3.6vw, 56px);
  }

  .section-heading p:not(.eyebrow) {
    font-size: 17.5px;
    line-height: 1.95;
    max-width: 650px;
  }

  .eyebrow {
    font-size: 13px;
    letter-spacing: 2.4px;
  }

  .partners-tagline {
    font-size: 13px;
    letter-spacing: 2.2px;
  }

  .topics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
  }

  .topics article {
    padding: 36px 30px;
    min-height: 325px;
    border-radius: 8px;
  }

  .topic-icon {
    width: 70px;
    height: 70px;
  }

  .topic-icon svg {
    width: 36px;
    height: 36px;
  }

  .topics h3 {
    font-size: 24px;
    margin-top: 28px;
  }

  .topics p {
    font-size: 15.5px;
    line-height: 1.75;
  }

  .topics small {
    font-size: 12px;
  }

  .welcome-intro {
    margin-top: 56px;
    padding: 45px 54px;
    border-radius: 8px;
  }

  .welcome-intro h3 {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .welcome-intro > p:not(.eyebrow) {
    font-size: 17.5px;
    line-height: 2;
    max-width: 1200px;
  }

  .welcome summary {
    padding: 13px 26px;
    font-size: 15.5px;
  }

  .welcome summary span {
    font-size: 14px;
  }

  .welcome > div {
    font-size: 16.5px;
    line-height: 2;
  }

  .audience {
    padding: 95px 0;
  }

  .audience-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 85px;
    align-items: center;
  }

  .audience h2 {
    font-size: clamp(38px, 3.4vw, 50px);
  }

  .audience p:not(.eyebrow) {
    font-size: 17px;
    line-height: 1.85;
  }

  .audience li {
    font-size: 16.5px;
    padding-bottom: 18px;
  }

  .speakers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
  }

  .speaker {
    padding: 30px 26px;
    border-radius: 8px;
  }

  .monogram {
    width: 66px;
    height: 66px;
    font-size: 30px;
  }

  .country {
    font-size: 10.5px;
    letter-spacing: 1.8px;
  }

  .speaker h3 {
    font-size: 20px;
    min-height: 54px;
    line-height: 1.35;
  }

  .speaker p {
    font-size: 14.5px;
    line-height: 1.75;
  }

  .committees {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 85px;
  }

  .committees h3 {
    font-size: 26px;
  }

  .committees p {
    font-size: 15.5px;
    line-height: 1.9;
  }

  .committees strong {
    font-size: 17px;
  }

  .committees .role {
    font-size: 10.5px;
    letter-spacing: 1.8px;
  }

  .program-layout {
    display: grid;
    grid-template-columns: 0.85fr 1.6fr;
    gap: 75px;
  }

  .program-layout aside p:not(.eyebrow) {
    font-size: 16px;
    line-height: 1.8;
  }

  .outline-button {
    font-size: 14px;
    padding: 15px 24px;
  }

  .workshop-note {
    padding: 14px 0 14px 28px;
    max-width: 360px;
    margin-top: 54px;
  }

  .workshop-note > span {
    font-size: 13px;
    letter-spacing: 1.5px;
  }

  .workshop-note h3 {
    font-size: 27px;
  }

  .workshop-note p {
    font-size: 15px;
    line-height: 1.75;
  }

  .search-label {
    font-size: 13px;
  }

  input#search {
    padding: 18px 24px;
    font-size: 16px;
  }

  .program-tools button {
    padding: 12px 20px;
    font-size: 13.5px;
  }

  .small {
    font-size: 13px;
  }

  .session summary {
    padding: 24px 18px;
    font-size: 16px;
    grid-template-columns: 125px 1fr 20px;
    gap: 20px;
  }

  .session time {
    font-size: 13.5px;
  }

  .session summary b {
    font-size: 24px;
  }

  .session-body {
    font-size: 14.5px;
    line-height: 1.9;
    padding-left: 165px;
    padding-right: 38px;
  }

  .presenter {
    font-size: 15.5px;
  }

  .partner-logos {
    display: flex;
    justify-content: space-around;
    padding: 42px 34px;
    gap: 65px;
  }

  .partner-logos img {
    width: 230px;
    height: 105px;
  }

  .venue {
    display: grid;
    grid-template-columns: 1.1fr 1.05fr 1.05fr;
    gap: 34px;
  }

  .venue-copy h2 {
    font-size: 34px;
  }

  .venue p:not(.eyebrow) {
    font-size: 15.5px;
    line-height: 1.9;
  }

  .venue-facts {
    font-size: 14.5px;
  }

  .venue-facts li {
    margin: 15px 0;
  }

  .venue-facts span {
    font-size: 23px;
    width: 24px;
  }

  .venue-photo, .venue-map {
    min-height: 430px;
    border-radius: 12px;
  }

  .venue-map iframe {
    min-height: 430px;
  }

  .registration {
    padding: 85px 0;
  }

  .registration h2 {
    font-size: clamp(36px, 3.2vw, 48px);
  }

  .registration p:not(.eyebrow) {
    font-size: 16.5px;
  }

  .registration .button {
    padding: 17px 38px;
    font-size: 15px;
    border-radius: 30px;
  }

  .contact-links a {
    font-size: 24px;
    padding: 26px 0;
  }

  .contact-links small {
    font-size: 11px;
    letter-spacing: 1.8px;
  }

  .footer-top {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 80px;
    padding: 85px 0 65px;
  }

  .footer-title {
    font-size: 36px;
  }

  .footer-top p, .footer-top a {
    font-size: 14px;
    line-height: 2.15;
  }

  .footer-bottom {
    font-size: 13px;
    padding: 28px 0;
  }
}

@media (min-width: 1600px) {
  .wrap {
    width: min(1720px, 95%);
    max-width: 1720px;
  }
}

/* --------------------------------------------------------------------------
   TABLET SCREENS (min-width: 769px and max-width: 1023px)
   -------------------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1023px) {
  .wrap {
    width: 92%;
  }

  body {
    font-size: 16.5px;
    line-height: 1.75;
  }

  .hero-copy {
    width: 85%;
  }

  .hero h1 {
    font-size: 54px;
  }

  .hero h2 {
    font-size: 24px;
  }

  .topics {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }

  .topics h3 {
    font-size: 23px;
  }

  .topics p {
    font-size: 15px;
  }

  .speakers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .speaker h3 {
    font-size: 19px;
  }

  .speaker p {
    font-size: 14px;
  }

  .program-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .session summary {
    font-size: 15px;
  }

  .session-body {
    font-size: 14px;
  }

  .venue {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }

  .venue-copy {
    grid-column: 1 / -1;
  }

  .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 45px;
  }

  .footer-top > div:first-child {
    grid-column: 1 / -1;
  }
}

/* --------------------------------------------------------------------------
   MOBILE SCREENS (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .wrap {
    width: 92% !important;
    max-width: 100% !important;
  }

  body {
    font-size: 16px !important;
  }

  /* Sticky Header & Mobile Nav */
  .site-header .header {
    height: 76px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .brand > span {
    font-size: 34px;
  }

  .brand small {
    font-size: 8.5px;
    letter-spacing: 1.3px;
  }

  .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    margin-left: auto !important;
    margin-right: 12px !important;
    cursor: pointer;
  }

  .compact {
    font-size: 13px !important;
    padding: 10px 16px !important;
  }

  #nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    z-index: 999;
    background: #063462;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    padding: 20px 22px;
    border-radius: 0 0 10px 10px;
  }

  #nav.open {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  #nav a {
    display: block;
    padding: 14px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
  }

  #nav a:hover, #nav a:active {
    background: rgba(255, 255, 255, 0.1);
    color: #ffa337;
  }

  /* Info Bar */
  .info-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 18px 0 !important;
  }

  .info-bar > div {
    padding-left: 15px !important;
    border-left: 3px solid var(--orange) !important;
    border-top: none !important;
  }

  .info-bar span {
    font-size: 10px !important;
  }

  .info-bar strong {
    font-size: 14px !important;
  }

  /* Hero Banner */
  .hero {
    min-height: auto !important;
    padding: 36px 0 46px !important;
    background-position: 80% center !important;
  }

  .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero .eyebrow {
    font-size: 11px !important;
  }

  .hero h1 {
    font-size: clamp(36px, 9.5vw, 52px) !important;
    white-space: normal !important;
    letter-spacing: -1.2px !important;
    line-height: 1.1 !important;
  }

  .hero .edition {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }

  .hero h2 {
    font-size: clamp(19px, 5vw, 24px) !important;
    line-height: 1.45 !important;
    margin-bottom: 24px !important;
  }

  .hero-event {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
    margin-bottom: 26px !important;
  }

  .hero-event > div {
    font-size: 15px !important;
    gap: 11px !important;
  }

  .hero-event > div + div {
    border-left: none !important;
    padding-left: 0 !important;
  }

  .hero-event svg {
    width: 26px !important;
    height: 30px !important;
  }

  /* Countdown on mobile */
  .countdown-area > p {
    font-size: 13px !important;
    margin-bottom: 12px !important;
  }

  .countdown {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 420px !important;
  }

  .countdown > div {
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 6px !important;
    border-radius: 10px !important;
    text-align: center !important;
  }

  .countdown strong {
    font-size: clamp(24px, 6.5vw, 30px) !important;
  }

  .countdown span {
    font-size: 11px !important;
  }

  .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 26px !important;
  }

  .hero .button,
  .hero .text-link {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    padding: 14px 22px !important;
  }

  /* Partners Top Banner */
  .partners-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding: 28px 0 !important;
  }

  .partners-tagline {
    font-size: 12px !important;
    letter-spacing: 1.6px !important;
    white-space: normal !important;
    max-width: 100% !important;
  }

  .logos {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 18px !important;
  }

  .logos img {
    width: 29% !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }

  /* Section Headings */
  .section {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .section-heading {
    display: block !important;
    margin-bottom: 28px !important;
  }

  .section-heading h2 {
    font-size: clamp(30px, 8vw, 38px) !important;
    margin-bottom: 18px !important;
  }

  .section-heading p:not(.eyebrow) {
    font-size: 15.5px !important;
    line-height: 1.8 !important;
  }

  .eyebrow {
    font-size: 11px !important;
  }

  /* Topics */
  .topics {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .topics article {
    padding: 26px 22px !important;
    min-height: auto !important;
    border-radius: 8px !important;
  }

  .topic-icon {
    width: 58px !important;
    height: 58px !important;
  }

  .topic-icon svg {
    width: 30px !important;
    height: 30px !important;
  }

  .topics h3 {
    font-size: 21px !important;
    margin-top: 22px !important;
    margin-bottom: 14px !important;
  }

  .topics p {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
  }

  .topics small {
    font-size: 11.5px !important;
  }

  /* Welcome Intro */
  .welcome-intro {
    padding: 28px 22px !important;
    margin-top: 32px !important;
  }

  .welcome-intro h3 {
    font-size: 26px !important;
    margin-bottom: 18px !important;
  }

  .welcome-intro > p:not(.eyebrow) {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  .welcome summary {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }

  .welcome > div {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  /* Audience */
  .audience {
    padding: 60px 0 !important;
  }

  .audience-inner {
    display: block !important;
  }

  .audience h2 {
    font-size: clamp(30px, 8vw, 36px) !important;
    margin-bottom: 16px !important;
  }

  .audience p:not(.eyebrow) {
    font-size: 15px !important;
    margin-bottom: 24px !important;
  }

  .audience ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-top: 24px !important;
  }

  .audience li {
    font-size: 15px !important;
    padding-bottom: 14px !important;
  }

  /* Speakers */
  .speakers {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .speaker {
    padding: 24px 22px !important;
    border-radius: 8px !important;
  }

  .monogram {
    width: 56px !important;
    height: 56px !important;
    font-size: 26px !important;
  }

  .speaker h3 {
    font-size: 18.5px !important;
    min-height: auto !important;
    margin-bottom: 10px !important;
  }

  .speaker p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* Committees */
  .committees {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .committees h3 {
    font-size: 22px !important;
  }

  .committees p {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
  }

  /* Program Layout */
  .program-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .program-layout h2 {
    font-size: clamp(30px, 8vw, 36px) !important;
  }

  .workshop-note {
    max-width: 100% !important;
    margin-top: 32px !important;
  }

  .workshop-note h3 {
    font-size: 23px !important;
  }

  .workshop-note p {
    font-size: 14px !important;
  }

  .program-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
  }

  .program-tools .filters {
    gap: 8px !important;
  }

  .program-tools button {
    padding: 10px 15px !important;
    font-size: 13px !important;
  }

  input#search {
    padding: 15px 18px !important;
    font-size: 15px !important;
  }

  .session summary {
    grid-template-columns: 88px 1fr 16px !important;
    gap: 14px !important;
    padding: 18px 12px !important;
    font-size: 14px !important;
  }

  .session time {
    font-size: 12px !important;
  }

  .session-body {
    padding: 14px 16px 20px 16px !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  /* Partners section */
  .partner-logos {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 28px 20px !important;
  }

  .partner-logos img {
    width: 180px !important;
    height: 70px !important;
    object-fit: contain !important;
  }

  /* Venue */
  .venue {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .venue-copy h2 {
    font-size: 28px !important;
    margin-bottom: 16px !important;
  }

  .venue-facts {
    font-size: 14px !important;
  }

  .venue-facts li {
    margin: 12px 0 !important;
  }

  .venue-photo,
  .venue-map {
    min-height: 310px !important;
    width: 100% !important;
    border-radius: 10px !important;
  }

  .venue-map iframe {
    min-height: 310px !important;
    height: 310px !important;
  }

  .venue .outline-button {
    font-size: 13px !important;
    padding: 11px 18px !important;
  }

  /* Registration Banner */
  .registration {
    padding: 55px 0 !important;
  }

  .registration > .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }

  .registration h2 {
    font-size: clamp(28px, 7vw, 34px) !important;
    margin-bottom: 14px !important;
  }

  .registration p:not(.eyebrow) {
    font-size: 15px !important;
  }

  .registration .button {
    width: 100% !important;
    text-align: center !important;
    font-size: 15px !important;
  }

  /* Contact */
  .contact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .contact-links a {
    font-size: 20px !important;
    padding: 20px 0 !important;
  }

  /* Footer */
  .footer-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 36px !important;
    padding: 55px 0 35px !important;
  }

  .footer-title {
    font-size: 30px !important;
  }

  .footer-top p, .footer-top a {
    font-size: 13.5px !important;
  }

  .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    text-align: center !important;
    align-items: center !important;
    padding: 24px 0 !important;
    font-size: 12.5px !important;
  }
}

/* --------------------------------------------------------------------------
   SMALL MOBILE PHONES (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  .site-header .header {
    height: 70px !important;
  }

  .brand > span {
    font-size: 29px !important;
  }

  .brand small {
    font-size: 8px !important;
  }

  .compact {
    padding: 9px 13px !important;
    font-size: 12px !important;
  }

  .menu-toggle {
    padding: 9px 13px !important;
    font-size: 13px !important;
  }

  .countdown {
    gap: 8px !important;
  }

  .countdown > div {
    padding: 10px 4px !important;
  }

  .countdown strong {
    font-size: 24px !important;
  }

  .session summary {
    grid-template-columns: 78px 1fr 14px !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    padding: 15px 8px !important;
  }

  .session time {
    font-size: 11px !important;
  }
}