/* FILUXIA V7.8.4 — refined mobile UX; intentionally narrow scope */
@media (max-width:760px){
  html{overflow-x:clip;scroll-padding-top:112px}
  body{overflow-x:clip;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom)}

  /* Header: compact and predictable. */
  .site-header{height:72px!important;min-height:72px!important;padding:0!important}
  .site-header .header-inner{height:72px!important;min-height:72px!important;padding:0 16px!important;margin:0 auto!important;gap:10px!important;align-items:center!important}
  .site-header .brand{margin:0!important;gap:9px!important;min-width:0!important}
  .site-header .brand-icon{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;font-size:18px!important}
  .site-header .brand>span:last-child{font-size:18px!important;line-height:1!important;letter-spacing:.10em!important;white-space:nowrap!important}
  .site-header .brand small{font-size:8px!important;line-height:1.2!important;margin-top:5px!important;letter-spacing:.13em!important}
  .site-header .header-cta{display:none!important}
  .site-header .menu-button{margin:0 0 0 auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:0!important}
  .site-header .menu-button span{font-size:20px!important;line-height:1!important;margin:0!important}
  #navigation{max-height:calc(100dvh - 78px);overflow:auto}

  /* Hero: one clear story, no repeated CTAs. */
  .hero{display:block!important;min-height:auto!important;padding:28px 18px 34px!important}
  .hero-copy{width:100%!important;max-width:none!important}
  .hero .eyebrow{font-size:10px!important;letter-spacing:.18em!important;margin:0 0 14px!important}
  .hero h1{font-size:clamp(43px,11.4vw,53px)!important;line-height:.98!important;letter-spacing:-.042em!important;margin:0!important}
  .hero h1 em{display:block;margin-top:5px!important}
  .hero-description{font-size:16px!important;line-height:1.52!important;margin:22px 0 0!important;max-width:36ch!important}

  /* Artwork is intentionally placed between description and the two decision cards. */
  .hero .hero-copy>.hero-art.v784-mobile-inline-art{display:block!important;width:100%!important;max-width:none!important;margin:20px 0 14px!important;border-radius:20px!important;overflow:hidden!important;aspect-ratio:1.56/1!important;min-height:0!important}
  .hero .hero-copy>.hero-art.v784-mobile-inline-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .hero .hero-copy>.hero-art.v784-mobile-inline-art .art-caption{left:14px!important;right:14px!important;bottom:12px!important}
  .hero .hero-copy>.hero-art.v784-mobile-inline-art .art-caption span{font-size:14px!important;line-height:1.02!important}
  .hero .hero-copy>.hero-art.v784-mobile-inline-art .art-caption small{font-size:7px!important}
  .hero .hero-copy>.hero-art.v784-mobile-inline-art .art-index{font-size:7px!important;right:8px!important}

  /* Two choices only; later sections contain the rest. */
  .v78-hero-paths{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important;max-width:none!important}
  .v78-path-card{min-height:72px!important;padding:12px 14px!important;border-radius:17px!important;grid-template-columns:40px minmax(0,1fr) 20px!important;gap:11px!important;align-items:center!important;transform:none!important}
  .v78-path-icon{width:40px!important;height:40px!important}
  .v78-path-card strong{font-size:16px!important;line-height:1.15!important;margin-bottom:3px!important}
  .v78-path-card small{font-size:10px!important;line-height:1.35!important;white-space:normal!important}
  .v78-path-arrow{font-size:17px!important}
  .hero .hero-actions.v78-actions,.hero .hero-note{display:none!important}
  .topic-strip{display:none!important}

  /* Compact sticky section nav; no content/layout rewrites below it. */
  .v78-quicknav{top:72px!important}
  .v78-quicknav-inner{width:100%!important;padding:6px 10px!important;gap:4px!important}
  .v78-quicknav a{padding:7px 9px!important;font-size:9.5px!important}

  /* Mild spacing cleanup only. Do not override component grids/tables/forms. */
  .section{padding-top:48px!important;padding-bottom:48px!important}
  .section-heading{margin-bottom:22px!important}
  .section-heading h2,.calendar-section h2,.atlas-section h2,.discovery h2{font-size:clamp(31px,8.8vw,40px)!important;line-height:1.04!important}

  /* Mobile already has support in the menu; floating bubble must never cover content. */
  .fi-admin-support-fab,.fi-admin-support-fab.v78-support{display:none!important}

  input,textarea,select{font-size:16px!important}
  img,svg,canvas,video{max-width:100%}
}
@media (max-width:390px){
  .site-header .header-inner{padding-left:13px!important;padding-right:13px!important}
  .site-header .brand>span:last-child{font-size:17px!important}
  .hero{padding-left:14px!important;padding-right:14px!important}
  .hero h1{font-size:clamp(41px,11.2vw,49px)!important}
  .hero-description{font-size:15.5px!important}
}