/*
 * SVS Egypt R12 — High-End Enhancement Layer
 * Scope: presentation only. No routes, backend, database, form endpoints, tracking,
 * schema, robots, sitemap or anchor contracts are changed by this stylesheet.
 */
:root{
  --r12-ink:#0b0d10;
  --r12-ink-2:#12151a;
  --r12-paper:#f8f6f1;
  --r12-paper-2:#efede7;
  --r12-white:#fff;
  --r12-red:#d72632;
  --r12-red-dark:#ae1d27;
  --r12-gold:#caa66f;
  --r12-line:rgba(16,18,22,.11);
  --r12-muted:#686d73;
  --r12-shadow:0 18px 54px rgba(11,13,16,.09);
  --r12-shadow-dark:0 24px 70px rgba(0,0,0,.28);
  --r12-radius:18px;
  --r12-radius-sm:12px;
  --r12-ease:cubic-bezier(.2,.8,.2,1);
}

html{scroll-padding-top:86px}
body{
  background:var(--r12-paper);
  color:var(--r12-ink);
  font-size:15px;
  line-height:1.62;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body:not(.rtl){font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body.rtl{font-family:"Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.72}
::selection{background:rgba(215,38,50,.17);color:var(--r12-ink)}
img{max-width:100%;height:auto}

/* Keyboard / WCAG focus language */
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid rgba(215,38,50,.38)!important;
  outline-offset:3px!important;
}
.skip-link:focus{z-index:1000}

/* Global density and type refinement */
.shell{width:min(calc(100% - 34px),1240px)!important}
.eyebrow{font-size:.61rem!important;letter-spacing:.15em!important;font-weight:850!important}
.rtl .eyebrow{letter-spacing:0!important;font-size:.7rem!important}
.page-intro,.lead{max-width:62ch;font-size:clamp(.9rem,1.12vw,1.02rem)!important;line-height:1.68!important;color:var(--r12-muted)}
.hx-section-head{margin-bottom:24px!important}
.hx-section-head h2,.hx-story-copy h2,.hx-sponsor-panel h2,.hx-venue-card h2,.hx-final h2,
.hx-inner-hero h1,.r10-form-intro h1,.r11-contact-heading h1{
  text-wrap:balance;
}
.hx-section-head h2,.hx-story-copy h2,.hx-sponsor-panel h2,.hx-venue-card h2,.hx-final h2{
  font-size:clamp(1.72rem,2.65vw,2.58rem)!important;
  letter-spacing:-.035em!important;
  line-height:1.06!important;
}
.rtl .hx-section-head h2,.rtl .hx-story-copy h2,.rtl .hx-sponsor-panel h2,.rtl .hx-venue-card h2,.rtl .hx-final h2{
  font-size:clamp(1.55rem,2.35vw,2.25rem)!important;
  letter-spacing:0!important;
  line-height:1.23!important;
  font-weight:650!important;
}
.section{padding-block:56px!important}
.hx-section{padding-block:58px!important}
.hx-section-paper{background:var(--r12-paper-2)!important}

/* Header — premium, compact and deterministic */
.site-header{
  height:72px!important;
  background:rgba(9,11,14,.975)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:none!important;
}
.site-header.is-scrolled{height:68px!important;background:rgba(9,11,14,.995)!important}
.header-inner{min-height:100%;gap:18px!important}
.site-brand-logo{width:136px!important;max-height:50px!important}
.desktop-nav{gap:16px!important;margin-inline-start:18px!important}
.desktop-nav>a,.nav-more summary{font-size:.7rem!important;letter-spacing:.015em;color:#c3c6ca!important}
.rtl .desktop-nav>a,.rtl .nav-more summary{font-size:.73rem!important;letter-spacing:0!important}
.header-actions{gap:7px!important}
.lang-switch{width:40px!important;height:40px!important;border-radius:9px!important}
.button-small{min-height:40px!important;padding:10px 14px!important;border-radius:9px!important;font-size:.67rem!important}
.nav-more-menu{border-radius:12px!important;background:#101318!important;box-shadow:var(--r12-shadow-dark)!important}

/* Buttons — clear hierarchy without oversized pills */
.button{
  min-height:46px!important;
  padding:12px 19px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
  font-weight:820!important;
  letter-spacing:.015em!important;
  box-shadow:none!important;
  transition:transform .18s var(--r12-ease),background-color .18s var(--r12-ease),border-color .18s var(--r12-ease)!important;
}
.rtl .button{font-size:.82rem!important;letter-spacing:0!important}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}

/* Homepage hero — editorial rather than oversized */
.hx-hero{min-height:min(780px,94svh)!important;background:#0b0e12!important}
.hx-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,6,9,.84) 0%,rgba(4,6,9,.58) 42%,rgba(4,6,9,.18) 72%,rgba(4,6,9,.05) 100%);
}
.rtl .hx-hero:after{background:linear-gradient(270deg,rgba(4,6,9,.84) 0%,rgba(4,6,9,.58) 42%,rgba(4,6,9,.18) 72%,rgba(4,6,9,.05) 100%)}
.hx-hero-media img{object-position:center 46%!important;filter:saturate(.95) contrast(1.04)}
.hx-hero-inner{min-height:min(700px,84svh)!important;align-items:center!important;position:relative;z-index:2}
.hx-hero-copy{max-width:690px!important;padding-block:72px 52px!important}
.hx-hero-kicker{font-size:.63rem!important;letter-spacing:.17em!important;color:#e7c58f!important}
.rtl .hx-hero-kicker{letter-spacing:0!important;font-size:.72rem!important}
.hx-hero h1{
  max-width:13ch!important;
  margin:14px 0 16px!important;
  font-size:clamp(2.55rem,4.1vw,4rem)!important;
  line-height:.99!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.rtl .hx-hero h1{max-width:15ch!important;font-size:clamp(2.25rem,3.55vw,3.35rem)!important;line-height:1.16!important;letter-spacing:0!important;font-weight:650!important}
.hx-hero-lead{max-width:52ch!important;margin-bottom:24px!important;font-size:clamp(.92rem,1.15vw,1.05rem)!important;line-height:1.7!important;color:rgba(255,255,255,.78)!important}
.hx-hero-actions{gap:9px!important}
.hx-hero-facts{margin-top:30px!important;gap:0!important;border-top:1px solid rgba(255,255,255,.18)!important}
.hx-hero-facts>div{padding:15px 20px 0 0!important}
.rtl .hx-hero-facts>div{padding:15px 0 0 20px!important}
.hx-hero-facts span{font-size:.55rem!important;letter-spacing:.13em!important;color:#d3b17b!important}
.rtl .hx-hero-facts span{letter-spacing:0!important;font-size:.62rem!important}
.hx-hero-facts strong{font-size:.78rem!important;line-height:1.45!important}
.hx-edition-mark{right:max(18px,calc((100vw - 1240px)/2))!important;bottom:100px!important;opacity:.8}
.rtl .hx-edition-mark{right:auto!important;left:max(18px,calc((100vw - 1240px)/2))!important}
.hx-edition-mark strong{font-size:clamp(4.8rem,8.5vw,8rem)!important;line-height:.72!important}
.hx-countdown-bar{position:relative;z-index:3;background:#090b0e!important;border-top:1px solid rgba(255,255,255,.08)!important}
.hx-countdown-inner{min-height:72px!important}
.hx-countdown-units strong{font-variant-numeric:tabular-nums}

/* Story / imagery */
.hx-story-grid{gap:34px!important;align-items:center!important}
.hx-story-image,.hx-image-frame,.hx-venue-photo,.hx-venue-image,.hx-final-visual{overflow:hidden;border-radius:var(--r12-radius)!important;background:#111}
.hx-story-image img,.hx-image-frame img,.hx-venue-photo img,.hx-venue-image img,.hx-final-visual img{width:100%;height:100%;object-fit:cover}
.hx-story-image{box-shadow:var(--r12-shadow)}
.hx-story-sequence{margin-top:26px!important}
.hx-story-footer{margin-top:28px!important;padding:20px 22px!important;border-radius:14px!important;border:1px solid var(--r12-line)!important;background:#fff!important}

/* Experience cards: authentic event imagery + disciplined ratios */
.hx-bento{gap:14px!important}
.hx-bento-card,.hx-ai-card{border-radius:16px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.07)!important}
.hx-bento-card img{filter:saturate(.94) contrast(1.03);transition:transform .55s var(--r12-ease)}
.hx-bento-card:hover img{transform:scale(1.025)}
.hx-bento-content{background:linear-gradient(180deg,transparent 0%,rgba(5,7,10,.9) 72%,rgba(5,7,10,.96) 100%)!important;padding:24px!important}
.hx-bento-content h3{font-size:1.18rem!important;line-height:1.15!important}
.hx-bento-content p{font-size:.82rem!important;line-height:1.58!important;color:rgba(255,255,255,.75)!important}
.hx-ai-card{position:relative;isolation:isolate;background:#111419!important}
.hx-ai-card:before{content:"";position:absolute;inset:0;z-index:-2;background:url("../img/gallery/custom-laptop-pyramids-growth-r122.webp") center/cover no-repeat;opacity:.34}
.hx-ai-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(8,10,13,.96),rgba(8,10,13,.68))}
.hx-ai-card h3{font-size:1.3rem!important;line-height:1.15!important}
.hx-topic-row span{font-size:.68rem!important}

/* Agenda */
.hx-agenda-grid{gap:14px!important}
.hx-agenda-day{border-radius:16px!important;border:1px solid var(--r12-line)!important;background:#fff!important;box-shadow:0 12px 36px rgba(11,13,16,.045)}
.hx-agenda-day>header{padding:16px 18px!important}
.hx-agenda-day article{padding:15px 18px!important}
.hx-agenda-day article h3{font-size:.92rem!important;line-height:1.42!important}
.hx-agenda-day time{font-size:.8rem!important;font-variant-numeric:tabular-nums}
.hx-agenda-console{border-radius:18px!important;box-shadow:var(--r12-shadow)!important}
.hx-agenda-row{border-radius:14px!important}

/* Speakers */
.hx-speaker-grid{gap:14px!important}
.hx-speaker-card{border-radius:16px!important;overflow:hidden!important;background:#111419!important;box-shadow:0 12px 34px rgba(0,0,0,.12)!important}
.hx-speaker-card figure{aspect-ratio:5/6!important;overflow:hidden}
.hx-speaker-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--r12-ease)}
.hx-speaker-card:hover figure img{transform:scale(1.025)}
.hx-speaker-card>div{padding:16px 17px 18px!important}
.hx-speaker-card h3{font-size:.96rem!important;line-height:1.25!important}
.hx-speaker-card p{font-size:.74rem!important;line-height:1.45!important}

/* Gallery */
.hx-gallery-grid{gap:10px!important}
.hx-gallery-grid>a,.gallery-grid figure{border-radius:14px!important;overflow:hidden!important;background:#111}
.hx-gallery-grid img,.gallery-grid img{transition:transform .48s var(--r12-ease),filter .48s var(--r12-ease);filter:saturate(.95) contrast(1.02)}
.hx-gallery-grid>a:hover img,.gallery-grid figure:hover img{transform:scale(1.018);filter:saturate(1) contrast(1.03)}
.gallery-grid{gap:12px!important}
.gallery-grid figure{box-shadow:0 10px 32px rgba(11,13,16,.06)!important}

/* Sponsor conversion */
.hx-sponsor-panel{border-radius:20px!important;overflow:hidden!important;background:#0d1014!important;box-shadow:var(--r12-shadow-dark)!important}
.hx-sponsor-panel>div:first-child{padding:42px!important}
.hx-sponsor-panel>div:first-child>p{font-size:.9rem!important;line-height:1.65!important;color:rgba(255,255,255,.73)!important}
.hx-sponsor-visual{min-height:440px!important}
.hx-sponsor-visual picture,.hx-final-visual picture{display:block;width:100%;height:100%}
.hx-sponsor-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.04)}
.hx-sponsor-outcomes{gap:7px!important}
.hx-sponsor-outcomes span{font-size:.7rem!important;border-radius:999px!important}

/* Sponsor directory: larger optical logos, tighter density */
.hx-sponsor-directory{gap:12px!important}
.hx-sponsor-card{border:1px solid var(--r12-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 28px rgba(11,13,16,.035)!important;transition:transform .18s var(--r12-ease),box-shadow .18s var(--r12-ease),border-color .18s var(--r12-ease)!important}
.hx-sponsor-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(11,13,16,.08)!important;border-color:rgba(215,38,50,.22)!important}
.hx-sponsor-logo{min-height:118px!important;padding:17px!important;background:#fbfbfa!important}
.hx-sponsor-logo img{width:min(86%,220px)!important;height:78px!important;object-fit:contain!important}
.hx-sponsor-copy{padding:14px 16px 16px!important}
.hx-sponsor-copy strong{font-size:.85rem!important}
.hx-sponsor-copy small,.hx-sponsor-copy .booth{font-size:.66rem!important}
.hx-directory-heading{gap:18px!important;margin-bottom:20px!important}
.search-field input{min-height:46px!important;border-radius:10px!important}
.filter-chips{gap:7px!important}
.filter-chips button{min-height:40px!important;padding:9px 13px!important;border-radius:999px!important;font-size:.68rem!important}

/* Venue / inner pages */
.hx-inner-hero{padding-top:calc(var(--svs-header,72px) + 42px)!important;padding-bottom:36px!important;background:linear-gradient(180deg,#f7f5ef,#f1eee7)!important}
.hx-inner-hero .shell{gap:28px!important}
.hx-inner-hero h1{font-size:clamp(2rem,3.45vw,3.25rem)!important;line-height:1.04!important;letter-spacing:-.045em!important}
.rtl .hx-inner-hero h1{font-size:clamp(1.78rem,3vw,2.75rem)!important;line-height:1.2!important;letter-spacing:0!important;font-weight:650!important}
.hx-hero-rail{border-radius:14px!important}
.hx-venue-layout{gap:18px!important}
.hx-venue-info,.hx-venue-photo{border-radius:18px!important}
.hx-venue-photo{min-height:500px!important}
.hx-visit-grid{gap:10px!important}
.hx-visit-grid article{border-radius:12px!important;padding:18px!important}
.hx-brand-photo-strip{gap:10px!important}
.hx-brand-photo-strip img{border-radius:12px!important;aspect-ratio:4/3;object-fit:cover}

/* Forms — maintain endpoint/field contracts while improving visual hierarchy */
.r10-form-page{background:linear-gradient(180deg,#f4f1ea 0%,#fbfaf7 100%)!important}
.r10-form-layout{gap:20px!important}
.r10-form-intro,.r10-form-card{border-radius:18px!important}
.r10-form-intro{padding:30px!important;box-shadow:var(--r12-shadow-dark)!important}
.r10-form-intro h1{font-size:clamp(1.9rem,2.75vw,2.65rem)!important;line-height:1.06!important}
.rtl .r10-form-intro h1{font-size:clamp(1.7rem,2.45vw,2.3rem)!important;line-height:1.22!important}
.r10-form-card{padding:26px!important;box-shadow:var(--r12-shadow)!important;background:#fff!important}
.r10-card-head{margin-bottom:18px!important;padding-bottom:17px!important}
.r10-card-head h2{font-size:clamp(1.42rem,2vw,1.9rem)!important}
.r10-form-grid{gap:13px!important}
.r10-form-grid label{font-size:.7rem!important}
.r10-form-grid input,.r10-form-grid select{min-height:48px!important;border-radius:10px!important;font-size:.85rem!important}
.r10-form-grid textarea{border-radius:10px!important;font-size:.85rem!important}
.r10-submit-row{margin-top:18px!important;padding-top:18px!important}
.r10-submit-row .button{min-height:48px!important}

/* Footer */
.site-footer{padding:50px 0 20px!important;background:#090b0e!important}
.footer-top{gap:34px!important;padding-top:0!important}
.footer-brand img{width:148px!important}
.footer-top p{font-size:.78rem!important;line-height:1.65!important;color:rgba(255,255,255,.66)!important}
.footer-links a{font-size:.73rem!important;color:rgba(255,255,255,.72)!important}
.footer-links a:hover{color:#fff!important}
.footer-bottom{margin-top:34px!important;padding-top:18px!important;font-size:.65rem!important;color:rgba(255,255,255,.5)!important}

/* Floating conversion controls */
.svs-floating-actions{inset-inline-end:14px!important;bottom:14px!important;gap:6px!important}
.svs-floating-actions a{min-height:40px!important;padding:9px 13px!important;font-size:.64rem!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}

/* Motion safety */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}

@media (max-width:1180px){
  .shell{width:min(calc(100% - 30px),1120px)!important}
  .hx-edition-mark{display:none!important}
  .hx-sponsor-panel>div:first-child{padding:34px!important}
}

@media (max-width:900px){
  .section,.hx-section{padding-block:44px!important}
  .hx-hero{min-height:auto!important}
  .hx-hero-inner{min-height:660px!important}
  .hx-hero-copy{padding-block:90px 34px!important}
  .hx-story-grid{gap:20px!important}
  .hx-sponsor-panel>div:first-child{padding:26px!important}
  .hx-sponsor-visual{min-height:360px!important}
  .hx-venue-photo{min-height:390px!important}
  .r10-form-intro{padding:24px!important}
  .r10-form-card{padding:22px!important}
}

@media (max-width:640px){
  :root{--svs-header:66px}
  html{scroll-padding-top:74px}
  body{font-size:14px}
  .shell{width:min(calc(100% - 24px),1240px)!important}
  .site-header{height:66px!important}
  .site-header.is-scrolled{height:64px!important}
  .site-brand-logo{width:118px!important;max-height:46px!important}
  .lang-switch{width:36px!important;height:36px!important}
  .menu-toggle{width:38px!important;height:38px!important}
  .mobile-menu{max-height:calc(100svh - 64px)!important}
  .mobile-menu-grid{padding-block:12px 20px!important}
  .mobile-menu-grid a:not(.button){min-height:42px;display:flex;align-items:center;padding:10px 9px!important;font-size:.79rem}
  .hx-mobile-actions{position:sticky;bottom:0;padding-top:10px;background:#0d1013}
  .hx-hero:after{background:linear-gradient(180deg,rgba(4,6,9,.46) 0%,rgba(4,6,9,.74) 48%,rgba(4,6,9,.94) 100%)}
  .rtl .hx-hero:after{background:linear-gradient(180deg,rgba(4,6,9,.46) 0%,rgba(4,6,9,.74) 48%,rgba(4,6,9,.94) 100%)}
  .hx-hero-media img{object-position:58% center!important}
  .rtl .hx-hero-media img{object-position:42% center!important}
  .hx-hero-inner{min-height:620px!important;align-items:end!important}
  .hx-hero-copy{padding-block:92px 28px!important}
  .hx-hero h1{font-size:clamp(2.05rem,9.4vw,2.72rem)!important;line-height:1.01!important;max-width:14ch!important}
  .rtl .hx-hero h1{font-size:clamp(1.82rem,8.3vw,2.38rem)!important;line-height:1.2!important;max-width:16ch!important}
  .hx-hero-lead{font-size:.9rem!important;line-height:1.6!important}
  .hx-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .hx-hero-actions .button{width:100%!important;padding-inline:10px!important}
  .hx-hero-facts{grid-template-columns:1fr 1fr!important;margin-top:22px!important}
  .hx-hero-facts>div{padding:12px 10px 0 0!important}
  .rtl .hx-hero-facts>div{padding:12px 0 0 10px!important}
  .hx-hero-facts>div:nth-child(3){grid-column:1/-1}
  .hx-countdown-inner{min-height:66px!important;gap:10px!important}
  .hx-countdown-copy{font-size:.58rem!important}
  .hx-countdown-units strong{font-size:1.05rem!important}
  .hx-countdown-units small{font-size:.48rem!important}
  .section,.hx-section{padding-block:38px!important}
  .hx-section-head{margin-bottom:18px!important}
  .hx-section-head h2,.hx-story-copy h2,.hx-sponsor-panel h2,.hx-venue-card h2,.hx-final h2{font-size:clamp(1.42rem,6.6vw,1.82rem)!important}
  .rtl .hx-section-head h2,.rtl .hx-story-copy h2,.rtl .hx-sponsor-panel h2,.rtl .hx-venue-card h2,.rtl .hx-final h2{font-size:clamp(1.32rem,6vw,1.7rem)!important}
  .hx-story-footer{padding:16px!important}
  .hx-bento{gap:10px!important}
  .hx-bento-content{padding:18px!important}
  .hx-sponsor-panel{border-radius:16px!important}
  .hx-sponsor-panel>div:first-child{padding:22px!important}
  .hx-sponsor-visual{min-height:290px!important}
  .hx-inner-hero{padding-top:calc(var(--svs-header,66px) + 28px)!important;padding-bottom:26px!important}
  .hx-inner-hero h1{font-size:clamp(1.78rem,8vw,2.25rem)!important}
  .rtl .hx-inner-hero h1{font-size:clamp(1.58rem,7.2vw,2.02rem)!important}
  .hx-sponsor-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .hx-sponsor-logo{min-height:96px!important;padding:12px!important}
  .hx-sponsor-logo img{width:min(92%,165px)!important;height:64px!important}
  .hx-sponsor-copy{padding:11px 12px 13px!important}
  .hx-sponsor-copy strong{font-size:.76rem!important}
  .r10-form-page{padding-top:calc(var(--svs-header,66px) + 14px)!important}
  .r10-form-intro,.r10-form-card{border-radius:15px!important}
  .r10-form-card{padding:18px!important}
  .r10-form-grid input,.r10-form-grid select{min-height:47px!important;font-size:.83rem!important}
  .site-footer{padding-top:40px!important}
  .footer-top{gap:24px!important}
  .svs-floating-actions{inset-inline:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .svs-floating-actions a{min-height:38px!important;padding:8px 11px!important;font-size:.61rem!important}
}

@media (max-width:360px){
  .shell{width:min(calc(100% - 20px),1240px)!important}
  .site-brand-logo{width:108px!important}
  .hx-hero-actions{grid-template-columns:1fr!important}
  .hx-hero h1{font-size:1.92rem!important}
  .rtl .hx-hero h1{font-size:1.72rem!important}
  .hx-sponsor-directory{grid-template-columns:1fr!important}
}
