/* responsive.css - tablet + mobile refinements for the new design (both themes). Layout only. */
@media(min-width:761px) and (max-width:1099px){
  html[data-theme="light"] .lm-creature{position:relative;right:auto;top:auto;margin-top:30px}
}
@media(min-width:761px) and (max-width:900px){
  html[data-theme="light"] .lm-logo{font-size:44px}
  html[data-theme="light"] .lm-logo--foot{font-size:40px}
  html[data-theme="light"] .navlinks{gap:0;font-size:.64rem;letter-spacing:.06em}
  html[data-theme="light"] .navlinks a{padding:5px 6px}
}
@media(min-width:901px) and (max-width:1100px){
  html[data-theme="light"] .lm-logo{font-size:48px}
  html[data-theme="light"] .lm-logo--foot{font-size:42px}
  html[data-theme="light"] .navlinks{gap:4px;font-size:.7rem;letter-spacing:.08em}
  html[data-theme="light"] .navlinks a{padding:5px 8px}
}
@media(max-width:760px){
  html[data-theme="light"] .theme-toggle{width:44px;height:44px}
  html[data-theme="light"] .lm-creature svg{width:68px}
  html[data-theme="light"] .lm-bubble{font-size:.68rem}
  html[data-theme="light"] .lm-sky{margin-top:32px}
  html[data-theme="light"] .eyebrow{font-size:.7rem}
  html[data-theme="light"] .lm-handle{padding:8px}
}
@media(max-width:400px){
  html[data-theme="light"] .lm-logo{font-size:38px}
  html[data-theme="light"] .lm-logo--foot{font-size:34px}
  html[data-theme="light"] .lm-hl{padding:0 10px}
  html[data-theme="light"] .section-title,html[data-theme="light"] .big-cta{font-size:1.75rem}
}
@media(max-height:480px) and (orientation:landscape){
  #bootLoader .bl-logo{font-size:64px}
  #bootLoader .bl-ui{gap:12px}
}