@font-face{font-family:JMManrope;src:url('../fonts/Manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
.jm-conexao{--font-manrope:JMManrope;--indigo:#004A8A;--ink:#002D54;--violet:#1767AA}
.hbox-site-header {
  position: fixed;
  z-index: 50;
  top: 18px;
  left: 50%;
  display: grid;
  grid-template-columns: 160px 1fr 160px;
  align-items: center;
  width: min(1180px, calc(100% - 40px));
  min-height: 64px;
  padding: 8px 10px 8px 18px;
  transform: translateX(-50%);
  border-radius: 20px;
  background: rgb(255 255 255 / 86%);
  box-shadow: 0 14px 40px rgb(17 18 39 / 7%);
  backdrop-filter: blur(18px);
}

.brand-crop {
  position: relative;
  display: block;
  width: 132px;
  height: 46px;
  overflow: hidden;
}



.desktop-nav {
  display: flex;
  justify-content: center;
  gap: clamp(20px, 2.5vw, 38px);
  color: #4c4d60;
  font-size: 0.88rem;
  font-weight: 550;
}

.desktop-nav a,
.button-text {
  transition: color 180ms ease;
}

.desktop-nav a:hover,
.button-text:hover {
  color: var(--violet);
}

.header-cta,
.button-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: white;
  font-weight: 650;
  background: var(--ink);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background 180ms ease;
}

.header-cta {
  justify-self: end;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 0.84rem;
}

.header-cta svg,
.button-primary svg {
  width: 16px;
  height: 16px;
  transition: transform 180ms ease;
}

.header-cta:hover,
.button-primary:hover {
  transform: translateY(-2px);
  background: #1b1c31;
  box-shadow: 0 12px 28px rgb(11 11 26 / 18%);
}

.header-cta:hover svg,
.button-primary:hover svg {
  transform: translate(2px, -2px);
}

.hbox-site-header.is-scrolled {
  top: 10px;
  box-shadow: 0 16px 44px rgb(17 18 39 / 11%);
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mobile-menu {
  display: none;
  position: relative;
}

.mobile-menu summary {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  cursor: pointer;
  list-style: none;
  background: var(--ink);
  color: white;
}

.mobile-menu summary::-webkit-details-marker {
  display: none;
}

.mobile-menu summary svg {
  width: 19px;
}

.mobile-menu nav {
  position: absolute;
  top: 54px;
  right: 0;
  display: grid;
  width: min(280px, calc(100vw - 34px));
  padding: 14px;
  border-radius: 18px;
  background: white;
  box-shadow: 0 22px 60px rgb(11 11 26 / 18%);
}

.mobile-menu nav a {
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 650;
}

.mobile-menu nav a:hover {
  background: #f5f7fa;
  color:var(--indigo);
}
/* Header navigation: compact product navigation with an audience index. */
.hbox-site-header {
  isolation: isolate;
  grid-template-columns: 176px minmax(0, 1fr) 184px;
  width: min(1230px, calc(100% - 36px));
  min-height: 72px;
  padding: 8px 10px 8px 20px;
  border-radius: 18px;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 16px 48px rgb(24 25 59 / 9%);
  backdrop-filter: blur(20px) saturate(140%);
  transition:
    top 240ms ease,
    background 240ms ease,
    box-shadow 240ms ease;
}

.hbox-site-header.is-scrolled {
  top: 10px;
  background: rgb(255 255 255 / 97%);
  box-shadow: 0 18px 54px rgb(24 25 59 / 12%);
}

.hbox-site-header .brand-crop {
  width: 140px;
  height: 48px;
}

.hbox-navigation {
  display: flex;
  width: auto;
  max-width: none;
  justify-content: center;
  gap: 0;
}

.hbox-navigation-list {
  display: flex;
  gap: 4px;
  padding: 0;
  background: transparent;
}

.header-nav-link,
.header-nav-trigger {
  position: relative;
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center;
  padding: 0 14px !important;
  border-radius: 6px !important;
  color: #4a4b5f !important;
  background: transparent !important;
  font-family: var(--font-manrope), sans-serif;
  font-size: 0.8rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em;
  box-shadow: none !important;
  transition:
    color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease !important;
}

.header-nav-link::after,
.header-nav-trigger::after {
  position: absolute;
  right: 14px;
  bottom: 4px;
  left: 14px;
  height: 2px;
  border-radius: 999px;
  background: var(--indigo);
  content: '';
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}

.header-nav-trigger svg {
  width: 13px;
  height: 13px;
  margin-left: 6px;
  color: #858698;
}

.header-nav-link:hover,
.header-nav-link:focus-visible,
.header-nav-trigger:hover,
.header-nav-trigger:focus-visible,
.header-nav-trigger[data-open],
.header-nav-trigger[data-popup-open],
.header-nav-trigger[data-current='true'],
.header-nav-link[data-active] {
  color: var(--ink) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header-nav-link:hover::after,
.header-nav-link:focus-visible::after,
.header-nav-link[data-active]::after,
.header-nav-trigger:hover::after,
.header-nav-trigger:focus-visible::after,
.header-nav-trigger[data-open]::after,
.header-nav-trigger[data-popup-open]::after,
.header-nav-trigger[data-current='true']::after {
  transform: scaleX(1);
}

.header-nav-link:focus-visible,
.header-nav-trigger:focus-visible {
  outline: 2px solid rgb(0 74 138 / 40%) !important;
  outline-offset: 1px !important;
}

.hbox-audience-menu {
  width: min(700px, calc(100vw - 44px));
  padding: 10px !important;
  overflow: hidden;
  border-radius: 18px;
  color: var(--ink);
  background: rgb(255 255 255 / 98%);
  box-shadow:
    0 28px 76px rgb(20 21 53 / 16%),
    0 8px 20px rgb(20 21 53 / 7%);
}

[data-slot='navigation-menu-popup'] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.hbox-audience-menu-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) minmax(370px, 1.28fr);
  gap: 10px;
}

.hbox-audience-overview {
  position: relative;
  display: flex !important;
  min-height: 330px;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: space-between;
  padding: 24px !important;
  overflow: hidden;
  border-radius: 8px !important;
  color: white !important;
  cursor: pointer;
  background:
    radial-gradient(circle at 92% 8%, rgb(56 165 255 / 27%), transparent 31%),
    linear-gradient(145deg, #111126, #171a36 62%, #174e8f) !important;
  box-shadow: none !important;
}

.hbox-audience-overview-logo {
  width: 132px;
  height: 46px;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 8px;
  background: white;
  box-shadow: 0 12px 28px rgb(4 7 28 / 18%);
  transform: none;
}

.hbox-audience-overview-copy {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: auto;
}

.hbox-audience-overview-copy small,
.hbox-audience-overview-copy strong,
.hbox-audience-overview-copy > span {
  display: block;
}

.hbox-audience-overview-copy small {
  color: #b8d5eb;
  font-size: 0.64rem;
  font-weight: 720;
}

.hbox-audience-overview-copy strong {
  max-width: 190px;
  margin-top: 11px;
  font-family: var(--font-manrope), sans-serif;
  font-size: 1.55rem;
  font-weight: 620;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.hbox-audience-overview-copy > span {
  max-width: 205px;
  margin-top: 13px;
  color: #c7c9d8;
  font-size: 0.7rem;
  line-height: 1.48;
}

.hbox-audience-overview-link {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 22px;
  color: white;
  font-size: 0.69rem;
  font-weight: 700;
}

.hbox-audience-overview-link svg {
  width: 14px;
  height: 14px;
  transition: transform 200ms ease;
}

.hbox-audience-overview:hover .hbox-audience-overview-link svg,
.hbox-audience-overview:focus-visible .hbox-audience-overview-link svg {
  transform: translate(2px, -2px);
}

.hbox-audience-links {
  display: grid;
  grid-template-columns: 1fr;
  align-content: stretch;
  gap: 0;
  padding: 3px 4px;
}

.hbox-audience-link {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 15px;
  gap: 15px;
  align-items: center !important;
  min-height: 64px;
  padding: 10px 12px !important;
  border-radius: 0 !important;
  color: #2f3044 !important;
  background: transparent !important;
  box-shadow: inset 0 -1px #ececf2;
}

.hbox-audience-link:hover,
.hbox-audience-link:focus-visible,
.hbox-audience-link[data-active] {
  color: var(--indigo) !important;
  background: #f5f7fa !important;
  box-shadow: none;
}

.hbox-audience-link:focus-visible {
  outline: 0 !important;
  box-shadow: inset 0 0 0 2px rgb(0 74 138 / 34%) !important;
}

.hbox-audience-link-copy {
  min-width: 0;
}

.hbox-audience-link-copy strong,
.hbox-audience-link-copy small {
  display: block;
}

.hbox-audience-link-copy strong {
  font-family: var(--font-manrope), sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.25;
}

.hbox-audience-link-copy small {
  margin-top: 5px;
  color: #77788c;
  font-size: 0.63rem;
  line-height: 1.42;
}

.hbox-audience-link > svg {
  width: 14px;
  height: 14px;
  color: #9697a7;
  transition: transform 200ms ease;
}

.hbox-audience-link:hover > svg,
.hbox-audience-link:focus-visible > svg {
  color: var(--indigo);
  transform: translate(2px, -2px);
}

.header-cta {
  min-width: 166px;
  min-height: 50px;
  padding: 0 19px;
  border: 0;
  border-radius: 12px;
  background: var(--indigo);
  box-shadow: 0 10px 24px rgb(0 74 138 / 24%);
}

.header-cta:hover {
  background: #004A8A;
  box-shadow: 0 13px 28px rgb(0 74 138 / 30%);
}

@media (max-width: 1120px) {
  .hbox-site-header {
    grid-template-columns: 154px minmax(0, 1fr) 166px;
    width: calc(100% - 28px);
    padding-left: 15px;
  }

  .hbox-site-header .brand-crop {
    transform: scale(0.92);
    transform-origin: left center;
  }

  .header-nav-link,
  .header-nav-trigger {
    padding-inline: 11px !important;
  }

  .header-cta {
    min-width: 154px;
    padding-inline: 15px;
  }
}

@media (max-width: 860px) {
  .hbox-site-header {
    grid-template-columns: 1fr auto;
    width: calc(100% - 24px);
    min-height: 64px;
    padding: 6px 7px 6px 13px;
    border-radius: 16px;
  }

  .hbox-navigation,
  .header-cta {
    display: none;
  }

  .hbox-site-header .brand-crop {
    transform: scale(0.9);
    transform-origin: left center;
  }

  .mobile-menu {
    display: block;
  }

  .mobile-menu > summary {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    padding: 0;
    border-radius: 11px;
    color: white;
    background: var(--indigo);
    box-shadow: 0 9px 22px rgb(0 74 138 / 22%);
  }

  .mobile-menu-close-icon {
    display: none;
  }

  .mobile-menu[open] .mobile-menu-open-icon {
    display: none;
  }

  .mobile-menu[open] .mobile-menu-close-icon {
    display: block;
  }

  .mobile-menu > nav {
    position: fixed;
    top: 84px;
    right: 12px;
    left: 12px;
    display: grid;
    width: auto;
    max-height: calc(100svh - 100px);
    padding: 10px;
    overflow-y: auto;
    border-radius: 16px;
    background: rgb(255 255 255 / 98%);
    box-shadow: 0 28px 80px rgb(16 17 45 / 22%);
    backdrop-filter: blur(20px);
  }

  .mobile-nav-main-link {
    display: flex;
    min-height: 53px;
    align-items: center;
    padding: 0 13px !important;
    border-bottom: 1px solid #ebecf2;
    border-radius: 0 !important;
    color: #303145;
    font-family: var(--font-manrope), sans-serif;
    font-size: 0.92rem !important;
  }

  .mobile-audience-group {
    border-bottom: 1px solid #ebecf2;
  }

  .mobile-audience-group > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    width: 100%;
    height: auto;
    min-height: 53px;
    align-items: center;
    justify-items: stretch;
    padding: 0 13px;
    border-radius: 0;
    color: #303145;
    background: transparent;
    font-family: var(--font-manrope), sans-serif;
    font-size: 0.92rem;
    font-weight: 650;
    text-align: left;
    box-shadow: none;
  }

  .mobile-audience-group > summary span {
    justify-self: start;
    text-align: left;
  }

  .mobile-audience-group > summary svg {
    width: 16px;
    justify-self: end;
    color: #818294;
    transition: transform 200ms ease;
  }

  .mobile-audience-group[open] > summary svg {
    transform: rotate(180deg);
  }

  .mobile-audience-links {
    display: grid;
    gap: 2px;
    margin: 0 3px 10px;
    padding: 7px;
    border-radius: 12px;
    background: #f5f6fa;
  }

  .mobile-audience-links a {
    display: grid;
    min-height: 0;
    padding: 11px 10px !important;
    border-radius: 0 !important;
  }

  .mobile-audience-links a:hover,
  .mobile-audience-links a:focus-visible {
    color: var(--indigo);
    background: white;
  }

  .mobile-audience-links strong,
  .mobile-audience-links small {
    display: block;
  }

  .mobile-audience-links strong {
    font-family: var(--font-manrope), sans-serif;
    font-size: 0.78rem;
  }

  .mobile-audience-links small {
    margin-top: 3px;
    color: #77788c;
    font-size: 0.65rem;
    line-height: 1.4;
  }

  .mobile-audience-overview {
    grid-template-columns: minmax(0, 1fr) 16px !important;
    align-items: center;
    color: var(--indigo);
    font-size: 0.74rem !important;
    font-weight: 720 !important;
  }

  .mobile-audience-overview svg {
    width: 14px;
  }

  .mobile-nav-contact {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 15px !important;
    border-radius: 12px !important;
    color: white;
    background: var(--indigo);
    font-family: var(--font-manrope), sans-serif;
    font-size: 0.8rem !important;
  }

  .mobile-nav-contact svg {
    width: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-nav-link,
  .header-nav-trigger,
  .hbox-audience-link,
  .hbox-audience-link svg,
  .hbox-audience-overview-link svg,
  .mobile-audience-group > summary svg {
    transition: none !important;
  }
}

/* Strategic global footer */
.hbox-site-header{color:#002D54;font:16px/1.65 Arial,sans-serif;z-index:1000}
.hbox-site-header a{text-decoration:none}.hbox-site-header summary{list-style:none;cursor:pointer}
.hbox-site-header summary::-webkit-details-marker{display:none}
.hbox-site-header .brand-crop{display:flex;align-items:center;overflow:visible}
.hbox-site-header .brand-art{width:140px;height:56px}
.hbox-site-header .brand-art img{width:209px;height:139.33px;left:-43.7px;top:-37.9px;filter:brightness(0) saturate(100%) invert(21%) sepia(72%) saturate(1850%) hue-rotate(187deg) brightness(88%) contrast(103%)}
.hbox-navigation-list{align-items:center;list-style:none;margin:0}
.hbox-audience-dropdown{position:static}
.hbox-audience-dropdown>.hbox-audience-menu{display:none;position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);max-height:calc(100svh - 130px);overflow:auto}
.hbox-audience-dropdown[open]>.hbox-audience-menu{display:block}
.hbox-audience-dropdown[open]>.header-nav-trigger::after{transform:scaleX(1)}
.hbox-audience-links{grid-template-columns:1fr 1fr;gap:0 12px}
.hbox-audience-link{min-height:56px}
.hbox-site-header .header-cta,.hbox-site-header .mobile-nav-contact{color:#002D54;background:#5BDF66;box-shadow:0 10px 24px rgb(0 45 84 / 12%)}
.hbox-site-header .header-cta:hover,.hbox-site-header .mobile-nav-contact:hover{background:#4BD15A}
.hbox-site-header .header-nav-link:focus-visible,.hbox-site-header summary:focus-visible{outline-color:#1767AA!important}
.hbox-site-header .mobile-menu:not([open])>nav{display:none}
.hbox-site-header .mobile-menu-close-icon{display:none}
.admin-bar .hbox-site-header{top:50px}.admin-bar .hbox-site-header.is-scrolled{top:42px}
body:not(.jm-blog) main>.hero:first-child{padding-top:120px}
body:not(.jm-blog) main.jm-document{padding-top:160px}
@media(max-width:860px){.hbox-site-header .hbox-navigation,.hbox-site-header .header-cta{display:none}.hbox-site-header .mobile-menu{display:block}.hbox-site-header .brand-crop{transform:none}.hbox-site-header .mobile-menu[open] .mobile-menu-close-icon{display:block}.hbox-site-header .mobile-menu[open] .mobile-menu-open-icon{display:none}}
@media(max-width:782px){.admin-bar .hbox-site-header{top:64px}.admin-bar .hbox-site-header.is-scrolled{top:56px}}
@media(max-width:600px){.admin-bar .hbox-site-header.is-scrolled{top:10px}body:not(.jm-blog) main>.hero:first-child{padding-top:112px}}

/* Juan's original white mark on his own blue; never recolor the logo. */
.hbox-site-header,.hbox-site-header.is-scrolled{color:#fff;background:#004A8A;box-shadow:0 16px 48px rgb(0 45 84 / 18%)}
.hbox-site-header .brand-art img{filter:none}
.hbox-site-header .header-nav-link,.hbox-site-header .header-nav-trigger,.hbox-site-header .header-nav-link:hover,.hbox-site-header .header-nav-trigger:hover,.hbox-site-header .header-nav-link[data-active]{color:#fff!important}
.hbox-site-header .header-nav-link::after,.hbox-site-header .header-nav-trigger::after{background:#fff}
.hbox-site-header .header-nav-trigger svg{color:#fff}
.hbox-site-header .header-nav-link:focus-visible,.hbox-site-header summary:focus-visible{outline-color:#fff!important}
.hbox-site-header .mobile-menu>summary{background:#1767AA;box-shadow:none}
.hbox-site-header .hbox-audience-menu{color:#002D54}
.hbox-site-header .mobile-menu>nav{color:#002D54}
.hbox-site-header .mobile-menu nav summary:focus-visible{outline-color:#1767AA!important}

/* Approved refinement: neutral floating shell; original white logo in a blue inset. */
.hbox-site-header,.hbox-site-header.is-scrolled{
  color:#002D54;
  background:rgb(255 255 255 / calc(.97 - var(--jm-header-scroll, 0) * .29));
  box-shadow:0 calc(16px - var(--jm-header-scroll, 0) * 12px) calc(48px - var(--jm-header-scroll, 0) * 32px) rgb(0 45 84 / calc(.10 - var(--jm-header-scroll, 0) * .075));
  -webkit-backdrop-filter:blur(12px) saturate(110%);
  backdrop-filter:blur(12px) saturate(110%);
  min-height:76px;
}
/* Keep controls legible without fading the logo, links or CTA. */
.hbox-site-header:has(:focus-visible),.hbox-site-header:has(details[open]){--jm-header-scroll:0!important}
@media(hover:hover) and (pointer:fine){.hbox-site-header:hover{--jm-header-scroll:0!important}}
.hbox-site-header .header-cta{box-shadow:0 5px 16px rgb(0 45 84 / calc(.12 - var(--jm-header-scroll, 0) * .085))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hbox-site-header,.hbox-site-header.is-scrolled{background:rgb(255 255 255 / 94%)}
}
@media(prefers-reduced-motion:reduce){.hbox-site-header{transition:none}}
.hbox-site-header .brand-crop{width:154px;height:60px;padding:3px 14px;background:#004A8A;border-radius:10px;transform:none;display:flex;align-items:center}
.hbox-site-header .brand-art{width:126px;height:54px}
.hbox-site-header .brand-art img{width:200px;height:133.333px;left:-41.83px;top:-36.27px;filter:none}
.hbox-site-header .header-nav-link,.hbox-site-header .header-nav-trigger,.hbox-site-header .header-nav-link:hover,.hbox-site-header .header-nav-trigger:hover,.hbox-site-header .header-nav-link[data-active]{color:#002D54!important}
.hbox-site-header .header-nav-link::after,.hbox-site-header .header-nav-trigger::after{background:#004A8A}
.hbox-site-header .header-nav-trigger svg{color:#1767AA}
.hbox-site-header .header-nav-link:focus-visible,.hbox-site-header summary:focus-visible{outline-color:#1767AA!important}
.hbox-site-header .mobile-menu>summary{background:#004A8A;color:#fff}
.hbox-site-header .mobile-menu>summary svg{width:24px;height:24px}
@media(max-width:860px){.hbox-site-header{padding:6px 9px;min-height:70px}.hbox-site-header .brand-crop{height:56px;padding-block:1px}}

/* Original symbol + pixels only: crop the original image, never redraw it. */
.hbox-site-header .brand-crop{width:66px;height:60px;padding:4.9px 13.7px}
.hbox-site-header .brand-art{width:38.6px;height:50.2px;flex:none}
.hbox-site-header .brand-art img{width:190.1px;height:126.733px;left:-39.76px;top:-34.48px;filter:none}
@media(max-width:860px){.hbox-site-header .brand-crop{height:56px;padding-block:2.9px}}

/* A smaller fixed header after scrolling; keep all tap targets at least 44px. */
.hbox-site-header.is-scrolled{min-height:64px;padding-block:6px;border-radius:14px}
.hbox-site-header.is-scrolled .brand-crop{width:54px;height:48px;padding:4.5px 10px;border-radius:8px}
.hbox-site-header.is-scrolled .brand-crop .brand-art{width:34px;height:39px}
.hbox-site-header.is-scrolled .brand-crop .brand-art img{width:34px!important;height:39px!important}
.hbox-site-header.is-scrolled .header-cta{min-height:44px;padding-inline:16px;border-radius:10px}
@media(max-width:860px){
  .hbox-site-header.is-scrolled{min-height:56px;padding:4px 8px;border-radius:12px}
  .hbox-site-header.is-scrolled .brand-crop{width:48px;height:44px;padding:5px 9px}
  .hbox-site-header.is-scrolled .brand-crop .brand-art{width:30px!important;height:34px!important}
  .hbox-site-header.is-scrolled .brand-crop .brand-art img{width:30px!important;height:34px!important}
  .hbox-site-header.is-scrolled .mobile-menu>summary{width:44px;height:44px;border-radius:9px}
  .hbox-site-header.is-scrolled .mobile-menu>summary svg{width:22px;height:22px}
  .hbox-site-header.is-scrolled .mobile-menu>nav{top:calc(100% + 10px);max-height:calc(100svh - 92px)}
}
@media(prefers-reduced-motion:no-preference){
  .hbox-site-header{transition:top 240ms ease,background 240ms ease,box-shadow 240ms ease,min-height 180ms ease,padding 180ms ease,border-radius 180ms ease}
  .hbox-site-header .brand-crop{transition:width 180ms ease,height 180ms ease,padding 180ms ease,border-radius 180ms ease}
  .hbox-site-header .brand-crop .brand-art,.hbox-site-header .brand-crop .brand-art img{transition:width 180ms ease,height 180ms ease}
}