/* Shittu Adeyemi Moses (Author) | Esther Oduntan mobile visual refinements | 23 October 2026 */

/* The supplied official crest-and-wordmark is shared by the navigation and the preloader. */
.esther-oduntan-brand img { display:block; height:auto; object-fit:contain; }
.esther-oduntan-eo-loader-logo { object-fit:contain; }

/* Genuine cross-fade: incoming and outgoing slides overlap during the animation. */
.esther-oduntan-hero-slides .esther-oduntan-hero-slide { z-index:1; }
.esther-oduntan-hero-slides .esther-oduntan-hero-slide.esther-oduntan-is-active { z-index:3; }
.esther-oduntan-hero-slides .esther-oduntan-hero-slide.esther-oduntan-is-leaving {
  z-index:2;
  visibility:visible;
  opacity:0;
  pointer-events:none;
}
.esther-oduntan-hero-arrow:focus-visible,
.esther-oduntan-hero-arrow:hover,
.esther-oduntan-hero-arrow:active,
.esther-oduntan-hero-arrow.eo-arrow-pressed { opacity:1; background:rgba(10,42,79,.92); }

@media (max-width:767px) {
  /* The arrow controls belong in the middle of the image, not underneath the slides. */
  .esther-oduntan-hero .esther-oduntan-hero-arrow {
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%);
    opacity:.28;
    width:44px;
    height:44px;
    border-color:rgba(246,196,119,.76);
    background:rgba(6,29,60,.67);
    z-index:20;
    transition:opacity .18s ease,background .18s ease;
  }
  .esther-oduntan-hero .esther-oduntan-hero-prev { left:9px;right:auto; }
  .esther-oduntan-hero .esther-oduntan-hero-next { right:9px;left:auto; }
  .esther-oduntan-hero .esther-oduntan-hero-arrow:hover,
  .esther-oduntan-hero .esther-oduntan-hero-arrow:focus-visible,
  .esther-oduntan-hero .esther-oduntan-hero-arrow:active,
  .esther-oduntan-hero .esther-oduntan-hero-arrow.eo-arrow-pressed {
    opacity:1;
    background:rgba(6,29,60,.94);
  }
  .esther-oduntan-hero-slides { touch-action:pan-y; }

  /* Restrained sizes for section headings on all five PHP pages. */
  main :is(h1,h2,h3) { min-width:0;max-width:100%;overflow-wrap:break-word; }
  main :is(h1,h2) { white-space:normal!important;text-wrap:balance; }
  main :is(h2) { font-size:clamp(24px,6vw,30px) !important;line-height:1.23 !important;letter-spacing:-.035em; }
  main :is(h3) { font-size:clamp(18px,4.7vw,23px);line-height:1.28; }
  main :is(h1) { font-size:clamp(28px,7vw,35px) !important;line-height:1.22 !important;letter-spacing:-.04em; }
  /* Homepage lead, tagline, researcher overview and thematic titles. */
  main .esther-oduntan-hero :is(h1,h2) { font-size:clamp(27px,7vw,34px) !important;line-height:1.22 !important; }
  main .esther-oduntan-research-heading h2,
  main .esther-oduntan-section-headline h2,
  main .esther-oduntan-scholar-content h2,
  main .esther-oduntan-page-intro h1,
  main .esther-oduntan-about-page-hero h1,
  main .esther-oduntan-about-section-header h2,
  main .eo-cv-section-top h2,
  main .eo-gallery-heading h2,
  main .eo-classic-section-title {
    max-width:100%; font-size:clamp(24px,6vw,30px) !important;
    line-height:1.24 !important; letter-spacing:-.035em; overflow-wrap:break-word;
  }
  /* The intentionally single-line name is not treated as a generic caption. */
  .eo-contact-page .eo-classic-person-name,
  .eo-contact-page .eo-classic-person-name > span {
    white-space:nowrap !important;text-wrap:nowrap !important;
  }
  .esther-oduntan-section-kicker,
  .esther-oduntan-eyebrow,
  .eo-classic-smallcap { font-size:clamp(10px,2.8vw,12px);line-height:1.5;letter-spacing:.12em; }
}
@media(max-width:359px) {
  main :is(h1,h2) { font-size:24px !important; }
  main .esther-oduntan-hero :is(h1,h2) { font-size:26px !important; }
  .esther-oduntan-brand { width:min(62vw,195px); }
}
@media(prefers-reduced-motion:reduce) {
  .esther-oduntan-hero-slide {transition:none!important;}
}