/* Shared phone-browser navigation for the homepage and Mobile subpage.
   Loaded after each page's existing styles so older 11px media queries cannot
   shrink the navigation again. Desktop styles are intentionally untouched. */
@media (max-width:800px){
  .header,
  body>header:not(.header){box-sizing:border-box!important;height:66px!important}
  .header{padding:0 clamp(9px,2.6vw,16px)!important;gap:0!important}
  body>header:not(.header)>.nav{
    box-sizing:border-box!important;height:66px!important;
    padding:0 clamp(9px,2.6vw,16px)!important;
    display:flex!important;align-items:center!important;
    justify-content:flex-end!important;
  }

  /* Spread labels across available width rather than bunching them together. */
  .header .nav,
  body>header .navlinks{
    display:flex!important;align-items:center!important;
    gap:0!important;
    justify-content:space-between!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-size:clamp(13px,3.8vw,16px)!important;
    font-weight:700!important;line-height:1.25!important;
    letter-spacing:.008em!important;
    white-space:nowrap!important;
  }
  .header .nav{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;
    width:auto!important;justify-content:space-between!important;
  }
  body>header .navlinks{
    flex:1 1 auto!important;width:100%!important;
    min-width:0!important;margin-left:0!important;
    justify-content:space-between!important;
  }
  .header .nav>a,
  body>header .navlinks>a:not(.btn){
    display:inline-flex!important;align-items:center!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-size:inherit!important;font-weight:700!important;
    line-height:1.25!important;letter-spacing:.008em!important;
    white-space:nowrap!important;opacity:.95!important;
  }

  /* Visually separate the text links from the language and Download actions. */
  .header .actions{display:flex!important;align-items:center!important;
    margin-left:clamp(10px,2.6vw,15px)!important;
    flex:0 0 auto!important;gap:clamp(6px,1.8vw,10px)!important;
  }
  .header .pasero-lang-picker,
  body>header .navlinks>.pasero-lang-picker{
    display:inline-flex!important;visibility:visible!important;
    opacity:1!important;flex:0 0 auto!important;
    margin:0!important;
  }
  .header .pasero-lang-trigger,
  body>header .pasero-lang-trigger{
    display:inline-grid!important;
    width:32px!important;height:32px!important;
    min-width:32px!important;
  }
  .header .download,
  body>header .navlinks>.btn{
    display:inline-flex!important;align-items:center!important;
    justify-content:center!important;flex:0 0 auto!important;
    padding:10px clamp(7px,1.8vw,10px)!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-size:clamp(10.5px,2.95vw,12.5px)!important;
    font-weight:700!important;line-height:1.2!important;
    white-space:nowrap!important;
  }
}
@media(max-width:360px){
  .header{padding:0 7px!important}
  body>header:not(.header)>.nav{padding:0 7px!important}
  .header .nav,body>header .navlinks{
    font-size:12.5px!important;
    gap:0!important;
    justify-content:space-between!important;
  }
  .header .nav>a,body>header .navlinks>a:not(.btn){
    font-size:inherit!important;
  }
  .header .actions{margin-left:7px!important;gap:4px!important}
  .header .pasero-lang-trigger,body>header .pasero-lang-trigger{
    width:29px!important;height:29px!important;min-width:29px!important;
  }
  .header .download,body>header .navlinks>.btn{
    font-size:10px!important;padding:9px 6px!important;
  }
}


/* Remove the source image's transparent headroom so both visible marks sit
   directly below the navigation, while preserving the original artwork. */
.hero-home-logo,
.mobile-page-logo{
  top:0!important;
  aspect-ratio:3.3;
  overflow:hidden;
}
.hero-home-logo img,
.mobile-page-logo img{
  transform:translateY(-30%);
}
@media(max-width:390px){
  .mobile-page-logo{width:min(192px,54vw)}
}