/* ==========================================================================
   RESPONSIVE.CSS — Large Desktop / Laptop / Tablet / Mobile overrides
   ========================================================================== */

/* Large desktop refinement */
@media (min-width:1400px){
  .hero-content{padding-top:130px}
  .eventSwiper .swiper-slide{width:360px}
}

/* Laptop / small desktop */
@media (max-width:1199.98px){
  .hero{min-height:88vh}
  .hero h1{font-size:clamp(2.3rem,5vw,3.8rem)}
  .platform-mini{border-bottom:1px solid rgba(212,175,55,.2)}
}

/* Tablet */
@media (max-width:991.98px){
  .gag-nav{background:rgba(6,20,35,.98)}
  .gag-nav .navbar-collapse{margin-top:16px;border-top:1px solid rgba(212,175,55,.15);padding-top:10px}
  .hero{
    min-height:auto;padding:150px 0 90px;
    background:linear-gradient(180deg,rgba(6,20,35,.55) 0%,rgba(6,20,35,.86) 55%,var(--primary) 100%),
               url('../images/hero/hero-arab-executives.jpg');
    background-size:cover;background-position:60% center;
  }
  .hero .col-hero-text{max-width:100%}
  .hero-scroll{display:none}
  .hero-stats{margin-top:36px}
  .hero-stats .stat{margin-bottom:16px}
  .platform-mini{border-right:0;border-bottom:1px solid rgba(212,175,55,.2)}
  .section{padding:70px 0}
  .about-teaser-media img{min-height:320px}
  .why-media img{min-height:320px}
  .leader-portrait img{min-height:340px}
  .leader-block{padding:50px 0}
  .leader-block .row{flex-direction:column-reverse}
  .leader-block.reverse .row{flex-direction:column-reverse}
  .stats-band .stat{border-right:0;border-bottom:1px solid #E3E6EA;margin-bottom:8px}
  .page-hero{min-height:44vh}
}

/* Mobile landscape / large phones */
@media (max-width:767.98px){
  .why-grid{grid-template-columns:1fr}
  .mission-vision .col-lg-6{margin-bottom:20px}
  .event-card{height:340px}
  .stats-band strong{font-size:30px}
}

/* Mobile */
@media (max-width:575.98px){
  .section{padding:56px 0}
  .hero h1{font-size:2.4rem}
  .hero p.lead-text{font-size:15px}
  .brand-mark{width:44px;height:44px;font-size:16px}
  .brand-text{font-size:14px}
  .btn-gold,.btn-outline-light,.btn-outline-gold{padding:.7rem 1.15rem;font-size:14px}
  .platform-card{min-height:260px}
  .enquiry-form{padding:20px}
  .leader-highlights span{font-size:11.5px;padding:7px 14px}
  .timeline-item{padding-left:54px}
  .page-hero h1{font-size:2rem}
  .page-hero-content{padding-top:110px}
  .about-teaser-badge{padding:16px 20px}
  .about-teaser-badge b{font-size:24px}
}

/* Accessibility: reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-scroll .line{animation:none}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Visible keyboard focus */
a:focus-visible,button:focus-visible,.form-control:focus-visible,.form-select:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px;
}