/* Larger touch targets fit the same compact header in portrait and landscape. */
@media(max-width:600px),(max-width:1024px) and (max-height:600px){
  header{align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left))}
  .brand-mark{font-size:24px}.brand small{font-size:7px}
  .nav{gap:4px;padding-top:0;align-items:center}
  .motion-toggle{width:32px;height:44px;margin-right:0}
  .languages{gap:0;font-size:10px;letter-spacing:.03em}.languages>span{display:none}
  .languages a{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:44px;padding:0}
  .menu-btn{display:block;min-width:40px;min-height:44px;padding:0;font-size:23px}
  nav{display:none;position:absolute;top:calc(74px + env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));padding:12px;background:#081010f5;border:1px solid #ffffff24;backdrop-filter:blur(20px);flex-direction:column;gap:4px;pointer-events:auto;max-height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  nav.open{display:flex}.nav-link{font-size:12px;min-height:44px;padding:12px}
  .contact-email{overflow-wrap:anywhere}
  .contact-details a{min-height:44px}
  footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
}