/* Inner page glass, depth and motion. Content remains readable without JS. */
body:has(.page-hero){--depth-teal:#078b91;--depth-berry:#a50050;--depth-ink:#082536}
body:has(.page-hero) main{background:radial-gradient(ellipse at 0 35%,rgba(0,164,162,.06),transparent 38%),radial-gradient(ellipse at 100% 68%,rgba(166,0,80,.045),transparent 34%)}
body:has(.page-hero) .soft{background:radial-gradient(ellipse at 12% 5%,rgba(0,164,162,.13),transparent 55%),radial-gradient(ellipse at 95% 85%,rgba(166,0,80,.07),transparent 50%),#f1f7f7}
body:has(.page-hero) .page-hero{position:relative;overflow:hidden;box-shadow:0 18px 38px -30px rgba(5,37,52,.7)}
body:has(.page-hero) .page-hero>.wrap{position:relative;z-index:1}
body:has(.page-hero) .page-hero .breadcrumb{display:inline-flex;gap:12px;align-items:center;padding:9px 16px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body:has(.page-hero) :is(.feature,.profile-row,.programme-list article,.form-panel){box-sizing:border-box;padding:clamp(22px,2.4vw,34px);border:1px solid rgba(13,115,125,.17);border-block-start:3px solid var(--depth-teal);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(240,250,250,.63));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff,0 3px 5px rgba(8,37,54,.04),0 20px 35px -22px rgba(8,37,54,.34);transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}
body:has(.page-hero) .feature:nth-child(3n+2){border-block-start-color:var(--depth-berry)}
body:has(.page-hero) .feature:nth-child(3n){border-block-start-color:#d4a833}
body:has(.page-hero) .feature-grid{gap:26px}
body:has(.page-hero) .profile-list{gap:16px}
body:has(.page-hero) .profile-row{margin-block:12px}
body:has(.page-hero) :is(.zone-card,.sector-card,.audience,.audience-card){border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 12px -8px rgba(4,33,47,.32),0 28px 42px -26px rgba(4,33,47,.52);transition:box-shadow .35s ease,transform .35s ease}
body:has(.page-hero) :is(.editorial-image,.editorial){border-radius:20px;box-shadow:0 5px 9px rgba(6,36,47,.06),0 28px 45px -22px rgba(6,36,47,.36);overflow:hidden}
body:has(.page-hero) :is(.editorial-image,.editorial) img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
body:has(.page-hero) .programme-list article{margin-block:18px}
body:has(.page-hero) .check-list li{padding-block:18px;transition:padding .3s ease,background .3s ease}
body:has(.page-hero) .closing{box-shadow:0 -18px 40px -32px rgba(5,37,52,.6)}
body:has(.page-hero) .closing .button.secondary{background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 24px -15px rgba(0,0,0,.4)}
footer .organizer{display:inline-flex!important;align-items:center;justify-content:center;padding:18px 22px!important;background:rgba(255,255,255,.65);border:1px solid rgba(10,78,88,.1);border-radius:14px;box-shadow:inset 0 1px 0 #fff,0 14px 28px -20px rgba(6,36,47,.4);backdrop-filter:blur(14px)}
footer .organizer-logo{display:block!important;width:168px!important;height:auto!important;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
@media(hover:hover) and (pointer:fine){body:has(.page-hero) :is(.feature,.profile-row,.programme-list article,.zone-card,.sector-card,.audience,.audience-card):hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 16px -10px rgba(8,37,54,.2),0 36px 50px -25px rgba(8,37,54,.4)}body:has(.page-hero) :is(.editorial-image,.editorial):hover img{transform:scale(1.035)}}
@keyframes depth-arrive{from{translate:0 34px;scale:.985}to{translate:0 0;scale:1}}
@media(prefers-reduced-motion:no-preference){body:has(.page-hero) .depth-in{animation:depth-arrive .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--depth-delay,0ms)}body:has(.page-hero) .page-hero h1{animation:depth-arrive .95s cubic-bezier(.2,.7,.2,1) both}}
@media(max-width:700px){body:has(.page-hero) :is(.feature,.profile-row,.programme-list article,.form-panel){padding:24px;border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#fff,rgba(239,250,250,.92))}body:has(.page-hero) .feature-grid{gap:20px}footer .organizer-logo{width:150px!important}}
@media(prefers-reduced-motion:reduce){body:has(.page-hero) *,body:has(.page-hero) *::before,body:has(.page-hero) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.organizer-title img{display:block;width:280px;max-width:100%;height:auto;mix-blend-mode:multiply}body:has(.page-hero) .editorial-image figcaption{padding:12px 18px;background:rgba(255,255,255,.75);line-height:1.6}

/* Readable shared navigation and footer; organizer artwork without a badge. */
body>header nav,body>header nav a{font-size:16px!important;line-height:1.5}
body>header nav{gap:clamp(14px,1.4vw,22px)}
body>header .button,body>header .language-switch{font-size:15px!important;line-height:1.5}
footer p,footer .footer-main>div>a,footer .footer-grid>div>a{font-size:16px!important;line-height:1.75}
footer h3,footer h4{font-size:14px!important;line-height:1.5;letter-spacing:.08em}
footer .footer-bottom,footer .footer-bottom a,footer .footer-bottom span{font-size:14px!important;line-height:1.7}
footer .footer-bottom{flex-wrap:wrap;gap:20px}
footer .footer-bottom>div{flex-wrap:wrap;gap:18px}
footer .organizer{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
footer .organizer-logo{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:700px){body>header nav a{font-size:18px!important}footer .footer-bottom{gap:14px}footer .footer-bottom>div{display:flex;flex-wrap:wrap;gap:12px 18px}}

/* Arabic type scale: balanced headings without changing English typography. */
html[lang="ar"] main h1{font-size:clamp(32px,3.6vw,50px)!important;line-height:1.4!important;letter-spacing:0!important}
html[lang="ar"] main h2{font-size:clamp(26px,2.7vw,38px)!important;line-height:1.45!important;letter-spacing:0!important}
html[lang="ar"] main h3{font-size:clamp(18px,1.65vw,22px)!important;line-height:1.5!important;letter-spacing:0!important}
html[lang="ar"] main .lead{font-size:18px!important;line-height:1.8!important}
html[lang="ar"] body>header nav a{font-size:15px!important;line-height:1.6}
html[lang="ar"] main .closing h2{font-size:clamp(28px,3vw,42px)!important}
@media(max-width:700px){html[lang="ar"] main h1{font-size:32px!important;line-height:1.4!important}html[lang="ar"] main h2{font-size:27px!important}html[lang="ar"] main h3{font-size:19px!important}html[lang="ar"] main .lead{font-size:17px!important}html[lang="ar"] body>header nav a{font-size:16px!important}}