/* Speedo One logo lockup (shared by every page)
   mark + "Speedo One" (navy Speedo, blue One) + tagline, or the product name on product pages.
   The wordmark keeps each page's own font-size; everything else is fixed here. */
.so-wm.so-wm.so-wm{
  display:block!important;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:600!important;font-style:normal!important;
  letter-spacing:-.02em!important;line-height:1!important;
  color:#22304A!important;-webkit-text-fill-color:currentColor!important;
  background:none!important;text-shadow:none!important;text-transform:none!important;
  white-space:nowrap!important;
}
.so-wm.so-wm.so-wm em{
  font:inherit!important;font-style:normal!important;letter-spacing:inherit!important;
  color:#3A71B2!important;-webkit-text-fill-color:currentColor!important;background:none!important;
}
.so-wm.so-wm.so-wm .so-tag{
  display:block!important;margin:.22em 0 0!important;
  font-size:max(10px,.4em)!important;font-weight:500!important;font-style:normal!important;
  letter-spacing:.018em!important;line-height:1.1!important;
  color:#6B7280!important;-webkit-text-fill-color:currentColor!important;text-transform:none!important;
}
/* the mark never gets squeezed; in a narrow footer column the tagline wraps instead */
footer .so-wm.so-wm.so-wm .so-tag{white-space:normal!important}
:is(.brand,.lp-lock,.hrb-lock,.fo-lockup,.fo-brand,.ac-lockup,.sp-lockup,.dk-brand,.dk-lockup,.su-lockup,.crm-lockup,.ac-sublockup)>:is(svg,.brand-mark,.mk,.bx){flex-shrink:0}
/* product pages: product name sits where the tagline goes */
.so-wm.so-wm.so-wm .so-prod{
  font-size:max(11.5px,.5em)!important;font-weight:600!important;letter-spacing:.004em!important;
  color:#566275!important;margin-top:.16em!important;
}
/* on dark footers / dark pages */
.so-wm.so-wm.so-wm.so-dark{color:#fff!important}
.so-wm.so-wm.so-wm.so-dark em{color:#8FC0F2!important}
.so-wm.so-wm.so-wm.so-dark .so-tag{color:rgba(226,234,245,.68)!important}
/* desktop: logo text 25% bigger in headers (closer to the logo artwork, where the name is nearly as tall as the mark) */
@media (min-width:1025px){.so-wm.so-wm.so-wm:not(footer *){zoom:1.25}
  /* compact product bars keep their size so the bar height does not change */
  :is(.fo-lockup,.sp-lockup,.crm-lockup,.dk-lockup,.su-lockup,.ac-sublockup) .so-wm.so-wm.so-wm{zoom:1}}
/* small screens: product lockups get a compact wordmark so the navbar keeps its buttons */
@media (max-width:760px){.so-wm.so-wm.so-wm.so-p{font-size:17px!important}}
/* phones: tagline only in the footer, product name stays */
@media (max-width:560px){
  .so-wm.so-wm.so-wm .so-tag:not(.so-prod){display:none!important}
  footer .so-wm.so-wm.so-wm .so-tag:not(.so-prod){display:block!important}
}
/* brand name inside illustrations (no tagline) */
.so-one{font-style:normal;color:#3A71B2}