/* Shared vector arrows avoid Android's colour-emoji substitution. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.arrow-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.enter-space{display:flex;align-items:center;justify-content:center;gap:5px}
.button>span:has(.arrow-icon){flex-shrink:0}
.gallery-tease button:after{content:'';width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E")}
/* Explicit rows prevent the language buttons and the vertical switch colliding. */
@media(max-width:760px){
  .header{display:grid;grid-template-columns:minmax(0,1fr) 48px 44px;grid-template-rows:66px 44px;grid-template-areas:"logo theme menu" "cta languages languages";gap:10px 12px;height:auto;min-height:142px;padding:10px 4% 12px;align-items:center;align-content:normal;backdrop-filter:none;-webkit-backdrop-filter:none}
  .header .logo{grid-area:logo;width:90px;margin:0;animation:none}
  .header .logo img{width:100%}
  .header .logo .brand-age{position:static;display:block;margin-top:4px;padding:0;font-size:7px;line-height:1.3}
  .header .logo .brand-tagline{margin-top:4px}
  .header .header-cta{grid-area:cta;justify-self:start;max-width:100%;min-height:44px;margin:0;font-size:12px!important;line-height:1.15;gap:8px!important;padding:10px 12px!important}
  .header .header-cta>span{font-size:18px;flex:0 0 auto}
  .header .language-switch{grid-area:languages;position:static;justify-self:end;width:104px;height:44px;margin:0;padding:2px;gap:2px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  .header .language-switch button{padding:0;font-size:11px;line-height:1;min-width:0;min-height:38px}
  .header .theme-toggle{grid-area:theme;justify-self:center;margin:0;width:48px;min-width:48px;height:58px;padding:4px 0;grid-template-columns:16px 24px;grid-template-rows:22px 22px;gap:4px}
  .header .theme-toggle .sun,.header .theme-toggle .moon{width:14px;height:14px}
  .header .menu-button{grid-area:menu;display:flex;align-items:center;justify-content:center;justify-self:end;flex-direction:column;gap:0;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:0}
  .header .menu-button span{display:block;flex:none;width:24px;height:2px;min-height:2px}
  .header .menu-button span+span{margin-top:6px}
  .header nav{top:100%;max-height:calc(100vh - 165px);max-height:calc(100dvh - 165px);overflow-y:auto}
  .topline{font-size:8px;letter-spacing:.015em;padding:8px 4%;gap:8px;align-items:center}
  .topline>span{min-width:0;gap:5px}
  .topline>span i{flex:none}
  .topline>a{white-space:nowrap;flex:none}
  .topline .arrow-icon{width:10px;height:10px}
  html{scroll-padding-top:152px}
}
@media(max-width:350px){
  .header{column-gap:8px}
  .topline{font-size:7px}
  .hero-copy{padding-inline:20px}
}