/* Mobile layout takes precedence over desktop editor sizes. */
@media(max-width:760px){
 body .header{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0!important;padding:12px 16px!important;height:auto!important;min-height:0!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important}
 body .header .brand{width:140px!important;max-width:100%!important;margin:0!important;align-self:flex-start!important;flex:none!important;min-width:0!important}
 body .header .brand .company-logo{width:140px!important;height:auto!important;max-width:100%!important;translate:0 0!important;rotate:0deg!important}
 body .header nav{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;margin:0!important;gap:0!important;justify-content:space-between!important;flex-wrap:nowrap!important;border:0!important}
 body .header nav>a{box-sizing:border-box;min-width:0!important;flex:1 1 0!important;padding:12px 3px!important;font-size:13px!important;text-align:center;white-space:normal!important;overflow-wrap:anywhere}
 header [data-design-styled],main [data-design-styled],footer [data-design-styled]{translate:0 0!important;max-width:100%!important;box-sizing:border-box}
 main,main section,main article,main figure,main .editorial-copy{min-width:0}
 main h1,main h2,main h3,main p,main figcaption,footer{overflow-wrap:anywhere}
 .portfolio-toolbar,.portfolio-heading,.portfolio-categories{min-width:0;max-width:100%}
 .portfolio-categories{flex-wrap:wrap}
 main .design-added{max-width:100%!important}
}
