/* Genantis, 26 Oct 2026: show the header contact button on phones again.
   commercial-20261023.css hides .masthead .header-cta under 760px to make room
   for the language switch, which left the first mailto near the bottom of the page.
   Loaded after design-sales-20261023.css. Nothing above 760px changes. */
@media (max-width:760px){
  .masthead .header-cta{display:inline-flex}
}
/* Under 480px brand, button and language switch do not fit in one row:
   brand and button share row 1, the language switch moves to row 2.
   The hero starts lower so the taller header does not touch its first line. */
@media (max-width:479px){
  .masthead{column-gap:12px;row-gap:0}
  .masthead::after{content:"";order:1;flex:0 0 100%;height:0}
  .masthead .site-language{order:2;margin:8px 0 0 auto}
  .hero-copy{padding-top:140px}
}