/* RESPONSIVE — mobile overrides (primary target) and reduced-motion. Keep this file last. */

@media(max-width:760px){
  nav{top:9px;left:10px;right:10px;padding:9px 14px}
  .menu{display:block}
  nav ul{display:none}
  nav ul.open{display:flex;position:absolute;top:54px;left:0;right:0;background:rgba(251,247,240,.97);border:1px solid rgba(169,128,63,.22);border-radius:24px;padding:10px;flex-direction:column;gap:0}
  nav ul.open button{width:100%;text-align:left;padding:13px 14px}

  section{padding:64px 14px}
  .lead{font-size:24px}
  .venue{padding:28px 18px}
  .mapbtn{width:100%;justify-content:center}
  .chapter,.chapter.right{text-align:left;margin-left:0;padding:24px 18px}
  .chapter.right .line{margin-left:0;transform:none}
  .timebox{width:84px;height:92px}
  .timebox strong{font-size:36px}
  .timebox span{font-size:12px}

  .intro-top{top:5vh;padding:0 16px}
  .intro-top .arabic{font-size:36px}
  .intro-top p{font-size:18px}
  .intro-bottom{bottom:5vh;padding:0 18px;gap:16px}
  .intro-bottom .script{font-size:36px;max-width:340px}
  .bfly{width:145px;height:145px;margin:-72px 0 0 -72px}

  .language-switcher{right:12px;bottom:66px}
  .music-controls{left:12px;bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .petal{display:none}
}