
/* Homepage refresh | 19 Oct 2026 — compact Saudi academic identity */
:root{--color-gold-400:#b5bcae;--color-gold-500:#a8b6a7}
.site-header{background:#0d2745!important}.header-ksu-logo{height:46px;max-width:110px;object-fit:contain;margin-inline-end:14px}
.hero-section{min-height:unset!important}.hero-gradient-overlay{background:linear-gradient(90deg,rgba(13,39,69,.87),rgba(13,39,69,.66))!important}
.hero-content{padding-block:52px 64px!important;max-width:1000px!important}
.hero-conference-logo{max-height:82px!important;max-width:120px!important}
.hero-patronage-intro{font-size:13px!important;font-weight:500!important}.hero-patronage-name{font-size:15px!important}
.hero-host-line{font-size:14px;color:#dbeee4;margin:14px 0 8px;line-height:1.8}
.hero-main-title{font-size:clamp(25px,3vw,41px)!important;line-height:1.7!important;letter-spacing:.01em!important;font-weight:700!important;max-width:890px!important;margin-inline:auto}
.hero-sub-theme{font-size:clamp(12px,1.15vw,15px)!important;line-height:1.9!important;font-weight:500!important}
.hero-buttons .btn-primary,.hero-buttons .btn-secondary{font-size:13px!important;padding:11px 23px!important;border-radius:8px!important}
.countdown-section{background:#f8faf9!important;padding:22px 0!important}.countdown-wrapper{box-shadow:none!important;border:1px solid #e3ece7!important;border-radius:14px!important;background:#fff!important;padding:16px 22px!important}
.countdown-title{font-size:13px!important;color:#527461!important}.countdown-number{font-size:clamp(23px,2.7vw,36px)!important;color:#0d2745!important}.countdown-card{box-shadow:none!important;background:transparent!important;border:none!important}
.action-cards-section{padding:34px 0 50px!important;background:#fff!important}.action-cards-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.action-card{min-height:126px!important;padding:18px 10px!important;border:1px solid #e2eae6!important;box-shadow:none!important;border-radius:12px!important;background:#fff!important}
.action-card-icon-box{transform:scale(.8);margin-bottom:4px!important;color:#558f73!important}.action-card-label{font-size:13px!important;font-weight:700!important}.action-card-arrow{font-size:10px!important}
.sponsors-section{background:#fbfcfb;padding:64px 0 75px;border-top:1px solid #e8efea}.sponsors-heading{text-align:center;font-size:clamp(21px,2.3vw,28px);font-weight:700;color:#0d2745;margin:0 0 27px}.sponsors-list{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap}.sponsor-item{display:grid;place-items:center;width:245px;height:155px;background:#fff;border:1px solid #e5ece8;border-radius:14px;padding:15px}.sponsor-item img{max-width:100%;max-height:100%;object-fit:contain}
.location-interactive-card a{display:none!important}
@media(max-width:750px){.header-ksu-logo{height:32px;max-width:67px;margin-inline-end:5px}.hero-content{padding:30px 15px 42px!important}.hero-main-title{font-size:clamp(22px,5.4vw,29px)!important}.hero-host-line{font-size:12px}.action-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.action-card{min-height:105px!important}.sponsors-section{padding:42px 0}.sponsor-item{width:44%;height:125px}}

/* Approved refinement: restore original warm gold and generous hero proportions */
:root{--color-gold-400:#dfc593;--color-gold-500:#C5A56A}
.header-ksu-logo{height:52px;max-width:145px;object-fit:contain}
.hero-content{padding-block:70px 82px!important;max-width:1100px!important}
.hero-conference-logo{max-height:120px!important;max-width:190px!important}
.hero-patronage-intro{font-size:clamp(14px,1.4vw,17px)!important}
.hero-patronage-name{font-size:clamp(17px,1.8vw,23px)!important}
.hero-host-line{font-size:clamp(17px,1.9vw,23px)!important;font-weight:650!important;color:#fff0d5!important;margin:20px 0 10px!important}
.hero-main-title{font-size:clamp(23px,2.6vw,36px)!important;line-height:1.6!important;font-weight:750!important;max-width:950px!important}
.hero-sub-theme{font-size:clamp(14px,1.45vw,18px)!important}
.action-card-icon-box{color:var(--color-gold-400)!important;background:linear-gradient(135deg,#0d2745,#183b60)!important;transform:scale(.86)!important}
.action-card:hover .action-card-icon-box{color:#fff!important}
.countdown-header:empty{display:none!important}
/* Single continuous navy/green backdrop; individual video and sponsor panels remain white */
.videos-section{background:linear-gradient(140deg,#0d2745 0%,#1e5360 52%,#558f73 100%)!important;padding-bottom:38px!important}
.video-card{background:#fff!important}
.sponsors-section{background:linear-gradient(140deg,#0d2745 0%,#1e5360 52%,#558f73 100%)!important;border:0!important;padding:22px 0 78px!important}
.sponsors-section .container{background:#fff!important;border-radius:20px;padding:35px 38px 40px!important;max-width:980px;box-shadow:0 12px 32px rgba(2,20,32,.12)}
.sponsors-heading{font-size:clamp(22px,2.2vw,28px)!important;margin-bottom:26px!important}
.sponsors-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px!important;max-width:750px;margin:0 auto;align-items:stretch!important}
.sponsor-item{width:100%!important;height:195px!important;padding:20px 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e5ece8!important;overflow:hidden!important}
.sponsor-item img{width:auto!important;height:auto!important;max-width:100%!important;max-height:145px!important;object-fit:contain!important;display:block!important}
.sponsor-item:nth-child(2) img{max-height:160px!important}
@media(max-width:750px){.header-ksu-logo{height:34px;max-width:84px}.hero-content{padding:42px 16px 54px!important}.hero-conference-logo{max-height:90px!important;max-width:145px!important}.hero-host-line{font-size:16px!important}.hero-main-title{font-size:clamp(20px,5.3vw,27px)!important}.sponsors-section .container{width:calc(100% - 26px)!important;padding:24px 13px!important}.sponsors-list{gap:10px!important}.sponsor-item{height:130px!important;padding:12px!important}.sponsor-item img{max-height:103px!important}.sponsor-item:nth-child(2) img{max-height:108px!important}}

/* Approved October final visual revisions */
.hero-gradient-overlay{background:linear-gradient(90deg,rgba(7,26,52,.91),rgba(7,26,52,.81))!important}
.hero-logo-wrapper{width:100%!important;max-width:none!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-inline:auto!important}
.hero-conference-logo{max-height:145px!important;max-width:205px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;margin:0 auto!important}
/* Floating warm ivory countdown, like supplied visual reference */
.countdown-section{background:#fbfaf6!important;padding:0 0 34px!important;position:relative!important;z-index:4!important}
.countdown-section .container{position:relative!important;top:-28px!important;margin-bottom:-28px!important}
.countdown-wrapper{max-width:930px!important;margin:0 auto!important;background:#fff!important;border:0!important;border-radius:21px!important;padding:14px 25px!important;box-shadow:0 19px 35px rgba(10,29,44,.16)!important}
.countdown-units{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;align-items:center!important}
.countdown-card{position:relative!important;padding:4px 10px!important}
.countdown-card:not(:last-child)::after{content:'·';position:absolute;left:0;top:35%;color:#c5a56a;font-weight:800;font-size:20px}
.countdown-number{font-size:clamp(23px,2.4vw,32px)!important;font-weight:800!important;line-height:1.15!important}
.countdown-label{font-size:12px!important;color:#75818a!important}
.action-cards-section{background:#fbfaf6!important}
.action-card-icon-box{width:56px!important;height:56px!important;display:grid!important;place-items:center!important;transform:none!important}
.action-card-icon-box svg{width:29px!important;height:29px!important;flex:none!important}
/* A single uninterrupted identity background behind videos and sponsors */
.media-sponsors-band{background:linear-gradient(125deg,#0d2745 0%,#245264 58%,#558f73 100%)!important;position:relative!important;isolation:isolate}
.media-sponsors-band .videos-section,.media-sponsors-band .sponsors-section{background:transparent!important}
.media-sponsors-band .videos-section{padding-bottom:14px!important}
.media-sponsors-band .sponsors-section{padding-top:14px!important}
.media-sponsors-band .sponsors-section .container{max-width:1020px!important}
.media-sponsors-band .sponsor-item{height:172px!important;padding:15px!important}
.media-sponsors-band .sponsor-item img{max-height:135px!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
@media(max-width:750px){.hero-conference-logo{max-height:112px!important;max-width:160px!important}.countdown-section .container{top:-19px!important;margin-bottom:-19px!important}.countdown-wrapper{padding:12px 5px!important;border-radius:15px!important}.countdown-card{padding:4px 2px!important}.countdown-card:not(:last-child)::after{font-size:15px;top:30%}.action-card-icon-box{width:48px!important;height:48px!important}.action-card-icon-box svg{width:26px!important;height:26px!important}.media-sponsors-band .sponsors-section .container{padding:20px 12px!important}.media-sponsors-band .sponsor-item{height:118px!important;padding:8px!important}.media-sponsors-band .sponsor-item img{max-height:98px!important}}

.sponsor-tier{display:block;text-align:center;font-weight:800;font-size:14px;color:#0d2745;margin:0 auto 13px}.sponsor-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center}

.conference-contact{background:#f7f8f6;padding:65px 0;border-top:1px solid #e4e9e8;color:#102d43}.conference-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}.conference-contact-kicker{color:#46826e;font-size:13px;font-weight:800}.conference-contact h2{font-size:30px;margin:5px 0 12px}.conference-contact p{margin:0;color:#66747a}.conference-contact-links{display:flex;gap:14px;flex-wrap:wrap}.conference-contact-links a{display:block;border:1px solid #e1e7e7;background:white;border-radius:12px;padding:16px 20px;color:#0c3047;text-decoration:none;font-weight:800;min-width:235px}.conference-contact-links small{display:block;font-size:12px;margin-top:5px;font-weight:500;direction:ltr;text-align:right;color:#377b6c}@media(max-width:760px){.conference-contact{padding:38px 0}.conference-contact-links,.conference-contact-links a{width:100%;box-sizing:border-box}}


/* Sponsor layout — two framed equal cards with a badge on each top border.
   Keep the full original artwork and lettering visible at all widths. */
.media-sponsors-band .sponsors-section .container {
  max-width: 1080px !important;
  padding: 48px 42px 50px !important;
  overflow: visible !important;
}
.media-sponsors-band .sponsors-heading {
  margin: 0 0 52px !important;
  color: #0d2745 !important;
  line-height: 1.45 !important;
}
.media-sponsors-band .sponsors-list {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 64px !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  position: relative !important;
  align-items: stretch !important;
}
.media-sponsors-band .sponsors-list::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(180deg, transparent, #6b8f8b 18%, #6b8f8b 82%, transparent);
  pointer-events: none;
}
.media-sponsors-band .sponsor-item {
  position: relative !important;
  width: 100% !important;
  height: 245px !important;
  min-width: 0 !important;
  padding: 43px 24px 20px !important;
  border: 1px solid #b8ceca !important;
  border-radius: 28px !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: visible !important;
  box-shadow: none !important;
}
.media-sponsors-band .sponsor-tier {
  position: absolute !important;
  top: -19px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 146px !important;
  height: 38px !important;
  padding: 3px 21px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  border-radius: 12px !important;
  background: #0d2745 !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
}
.media-sponsors-band .sponsor-item:nth-child(2) .sponsor-tier {
  background: #777c83 !important;
}
.media-sponsors-band .sponsor-item img,
.media-sponsors-band .sponsor-item:nth-child(2) img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 174px !important;
  min-width: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 1 auto !important;
}
.media-sponsors-band .sponsor-item:nth-child(2) img { max-height: 179px !important; }
@media (max-width: 750px) {
  .media-sponsors-band .sponsors-section .container {
    width: calc(100% - 24px) !important;
    padding: 35px 16px 34px !important;
  }
  .media-sponsors-band .sponsors-heading { margin-bottom: 44px !important; }
  .media-sponsors-band .sponsors-list { gap: 19px !important; }
  .media-sponsors-band .sponsor-item {
    height: 175px !important;
    padding: 30px 10px 12px !important;
    border-radius: 18px !important;
  }
  .media-sponsors-band .sponsor-tier {
    top: -14px !important;
    min-width: 96px !important;
    height: 29px !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    border-radius: 9px !important;
  }
  .media-sponsors-band .sponsor-item img,
  .media-sponsors-band .sponsor-item:nth-child(2) img {
    max-height: 125px !important;
    max-width: 100% !important;
  }
  .media-sponsors-band .sponsors-list::after { top: 12px; bottom: 12px; }
}
@media (max-width: 420px) {
  .media-sponsors-band .sponsors-list { gap: 13px !important; }
  .media-sponsors-band .sponsor-item { height: 151px !important; padding: 27px 7px 8px !important; }
  .media-sponsors-band .sponsor-item img,
  .media-sponsors-band .sponsor-item:nth-child(2) img { max-height: 110px !important; }
}

/* Balanced organization and university logos — homepage only */
.header-brand .header-organization-logo{height:53px;width:53px;max-width:53px;object-fit:contain;flex-shrink:0;margin-inline-end:10px}
@media(max-width:750px){.header-brand .header-organization-logo{height:35px;width:35px;max-width:35px;margin-inline-end:4px}}
@media(max-width:390px){.header-brand .header-organization-logo{height:30px;width:30px;max-width:30px;margin-inline-end:2px}}

/* Balanced institutional marks, header and footer */
.header-brand .header-ksu-logo{height:49px!important;width:125px!important;max-width:125px!important;object-fit:contain!important;background:transparent}
.header-brand .header-organization-logo{height:40px!important;width:40px!important;max-width:40px!important;object-fit:contain!important;margin-inline-end:12px!important}
.footer-logo-ksu{height:43px!important;width:116px!important;max-width:116px!important;object-fit:contain!important}
.footer-organization-logo{height:36px!important;width:36px!important;max-width:36px!important;object-fit:contain!important}
@media(max-width:750px){.header-brand .header-ksu-logo{height:33px!important;width:78px!important;max-width:78px!important}.header-brand .header-organization-logo{height:27px!important;width:27px!important;max-width:27px!important;margin-inline-end:5px!important}.footer-logo-ksu{height:32px!important;width:85px!important;max-width:85px!important}.footer-organization-logo{height:27px!important;width:27px!important;max-width:27px!important}}

/* 2026-10-21: optical logo sizing only; source artwork is untouched */
.header-brand .header-ksu-logo{width:112px!important;height:44px!important;max-width:112px!important;object-fit:contain!important}
.header-brand .header-organization-logo{width:47px!important;height:47px!important;max-width:47px!important;margin-inline-end:10px!important;object-fit:contain!important}
.footer-logos{align-items:center!important;gap:20px!important}
.footer-logos .footer-logo{height:42px!important;width:auto!important;max-width:110px!important;object-fit:contain!important}
.footer-logos .footer-logo-ksu{width:108px!important;height:42px!important;max-width:108px!important}
.footer-logos .footer-organization-logo{width:46px!important;height:46px!important;max-width:46px!important}
@media(max-width:750px){
.header-brand .header-ksu-logo{width:78px!important;height:31px!important;max-width:78px!important}
.header-brand .header-organization-logo{width:30px!important;height:30px!important;max-width:30px!important;margin-inline-end:5px!important}
.footer-logos{gap:11px!important}
.footer-logos .footer-logo{height:31px!important;max-width:22vw!important}
.footer-logos .footer-logo-ksu{width:78px!important;height:31px!important;max-width:78px!important}
.footer-logos .footer-organization-logo{width:32px!important;height:32px!important;max-width:32px!important}
}
