/* Sistema Vivo: header responsivo e transições de rolagem sem JavaScript. */
@layer velora.reset, velora.tokens, velora.layout, velora.motion, velora.components, velora.transitions, velora.utilities, velora.overrides;

@layer velora.motion {
  @keyframes vl-connect-header-float {
    from { top: 35px; width: var(--vl-connect-frame); min-height: 88px; padding-inline: 0; border-width: 0; border-radius: 0; background: transparent; color: var(--vl-vivo-hero-text); box-shadow: none; backdrop-filter: none; }
    32% { top: 35px; }
    to { top: 12px; width: min(calc(100% - 24px), 960px); min-height: 66px; padding-inline: 22px; border-width: 1px; border-radius: 999px; border-color: var(--vl-vivo-header-float-line); background: var(--vl-vivo-header-float-bg); color: var(--vl-vivo-header-float-text); box-shadow: 0 14px 50px color-mix(in srgb, var(--vl-connect-ink) 18%, transparent); backdrop-filter: blur(16px); }
  }
  @keyframes vl-connect-navigation-collapse {
    from { max-width: 520px; opacity: 1; visibility: visible; }
    to { max-width: 0; opacity: 0; visibility: hidden; }
  }
  @keyframes vl-connect-menu-appear {
    from { opacity: 0; visibility: hidden; pointer-events: none; }
    to { opacity: 1; visibility: visible; pointer-events: auto; }
  }
  @keyframes vl-connect-brand-symbol-grow {
    from { width: var(--vl-vivo-brand-symbol-rest); }
    to { width: var(--vl-vivo-brand-symbol-sticky); }
  }
  @keyframes vl-connect-brand-wordmark-exit {
    from { max-width: var(--vl-vivo-brand-wordmark-width); opacity: 1; transform: translateX(0); visibility: visible; }
    to { max-width: 0; opacity: 0; transform: translateX(-.75rem); visibility: hidden; }
  }
  @keyframes vl-connect-mark-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -10px; }
  }
  @keyframes vl-connect-mark-scroll {
    from { translate: 0 0; rotate: 0deg; scale: 1; }
    to { translate: -16vw 40svh; rotate: 22deg; scale: .62; }
  }
  @keyframes vl-connect-case-arrive {
    from { opacity: .45; transform: translateY(7vh) scale(.96); }
    45% { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: .45; transform: translateY(-7vh) scale(.96); }
  }
}

@layer velora.components {
  .vl-connect-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .vl-connect-hero__mark { position: relative; z-index: 2; display: block; width: 76%; aspect-ratio: 278.69 / 91.42; transform: rotate(-28deg); filter: drop-shadow(0 35px 75px color-mix(in srgb, var(--vl-connect-red) 18%, transparent)); pointer-events: auto; cursor: pointer; transition: transform var(--vl-vivo-motion-state) var(--vl-connect-ease), filter var(--vl-vivo-motion-state) var(--vl-connect-ease); }
  .vl-connect-hero__mark-half, .vl-connect-hero__mark-trail { position: absolute; inset: 0; display: block; -webkit-mask: url("../../connectsti-symbol.svg") center / contain no-repeat; mask: url("../../connectsti-symbol.svg") center / contain no-repeat; pointer-events: none; }
  .vl-connect-hero__mark-half { background: var(--vl-vivo-mark-gradient, var(--vl-connect-red)); transition: background var(--vl-vivo-motion-state) var(--vl-connect-ease), transform var(--vl-vivo-motion-state) var(--vl-connect-ease), opacity var(--vl-vivo-motion-state) var(--vl-connect-ease); }
  .vl-connect-hero__mark-half--left { clip-path: inset(0 50% 0 0); transform: translate(var(--vl-vivo-left-x, 0px), var(--vl-vivo-left-y, 0px)) rotate(var(--vl-vivo-left-rotate, 0deg)); }
  .vl-connect-hero__mark-half--right { clip-path: inset(0 0 0 50%); background: var(--vl-vivo-right-color, var(--vl-vivo-mark-gradient, var(--vl-connect-red))); transform: translate(var(--vl-vivo-right-x, 0px), var(--vl-vivo-right-y, 0px)) rotate(var(--vl-vivo-right-rotate, 0deg)); }
  .vl-connect-hero__mark-trail { z-index: -1; background: var(--vl-connect-red); opacity: var(--vl-vivo-trail-opacity, 0); transform: translate(var(--vl-vivo-trail-x, 0px), var(--vl-vivo-trail-y, 0px)) scale(var(--vl-vivo-trail-scale, 1)); transition: transform var(--vl-vivo-motion-state) var(--vl-connect-ease), opacity var(--vl-vivo-motion-state) var(--vl-connect-ease); }
  .vl-connect-hero__modes { position: absolute; z-index: 3; inset: 7% auto auto 50%; display: flex; justify-content: center; gap: .35rem; min-width: 0; margin: 0; padding: 0; border: 0; transform: translateX(-50%); white-space: nowrap; pointer-events: none; }
  .vl-connect-hero__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
  .vl-connect-hero__state { position: absolute; z-index: 2; right: 15%; bottom: 7%; min-width: 16rem; text-align: right; color: var(--vl-vivo-hero-muted); font: 700 .58rem/1.3 var(--vl-connect-font-mono); letter-spacing: .13em; pointer-events: none; }
  .vl-connect-hero__state span { display: block; position: absolute; right: 0; bottom: 0; white-space: nowrap; opacity: 0; transform: translateY(.5rem); transition: opacity var(--vl-vivo-motion-state) var(--vl-connect-ease), transform var(--vl-vivo-motion-state) var(--vl-connect-ease); }
}

@layer velora.overrides {
  #visao, #trabalho, #metodo, #contato { scroll-margin-top: 100px; }
  .vl-connect-header {
    position: fixed;
    top: 12px;
    left: 50%;
    right: auto;
    z-index: 50;
    width: min(calc(100% - 24px), 960px);
    min-height: 66px;
    padding-inline: 22px;
    border: 1px solid var(--vl-vivo-header-float-line);
    border-radius: 999px;
    background: var(--vl-vivo-header-float-bg);
    color: var(--vl-vivo-header-float-text);
    box-shadow: 0 14px 50px color-mix(in srgb, var(--vl-connect-ink) 18%, transparent);
    transform: translateX(-50%);
    margin: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    transition: none;
  }
  .vl-connect-header__actions { justify-self: end; display: flex; align-items: center; gap: clamp(.75rem, 1.5vw, 1.75rem); white-space: nowrap; }
  .vl-connect-header__contact { display: none; justify-self: auto; }
  .vl-connect-brand { overflow: hidden; }
  .vl-connect-brand img { width: var(--vl-vivo-brand-symbol-sticky); flex: none; }
  .vl-connect-brand > span { display: none; }
  .vl-connect-language-switch { display: inline-flex; flex: none; align-items: center; gap: .15rem; font: 700 .62rem/1 var(--vl-connect-font-mono); letter-spacing: .08em; }
  .vl-connect-language-switch a, .vl-connect-language-switch span { display: grid; place-items: center; min-width: 28px; min-height: 28px; border-radius: 999px; }
  .vl-connect-language-switch a { color: inherit; opacity: .65; text-decoration: none; }
  .vl-connect-language-switch a:hover, .vl-connect-language-switch a:focus-visible { opacity: 1; }
  .vl-connect-language-switch [aria-current="true"] { color: var(--vl-connect-red); }
  .vl-connect-skin-switch { position: relative; display: inline-flex; flex: none; padding: 2px; border: 1px solid currentColor; border-radius: 999px; }
  .vl-connect-skin-switch__input { position: absolute; width: 1px; height: 1px; opacity: 0; }
  .vl-connect-skin-switch__input:focus-visible + label { outline: 2px solid var(--vl-connect-red); outline-offset: 5px; }
  .vl-connect-skin-switch label { display: inline-flex; gap: 1px; cursor: pointer; }
  .vl-connect-skin-switch label span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; opacity: .68; }
  .vl-connect-skin-switch svg { width: 16px; height: 16px; }
  .vl-connect-skin-switch label span:hover { opacity: 1; }
  html:has(#site-light:not(:checked)) .vl-connect-skin-switch__dark,
  html:has(#site-light:checked) .vl-connect-skin-switch__light { background: var(--vl-connect-red); color: var(--vl-connect-white); opacity: 1; }
  .vl-connect-navigation { display: none; overflow: hidden; white-space: nowrap; }
  .vl-connect-menu { position: relative; flex: none; }
  .vl-connect-menu summary { min-height: 42px; display: inline-flex; align-items: center; gap: .7rem; padding: .45rem .55rem; list-style: none; cursor: pointer; font: 700 .6rem/1 var(--vl-connect-font-mono); letter-spacing: .1em; text-transform: uppercase; }
  .vl-connect-menu summary::-webkit-details-marker { display: none; }
  .vl-connect-menu summary:focus-visible { outline: 2px solid var(--vl-connect-red); outline-offset: 3px; }
  .vl-connect-menu__icon { width: 20px; display: grid; gap: 5px; }
  .vl-connect-menu__icon i { width: 100%; height: 2px; display: block; background: currentColor; transform-origin: center; transition: transform var(--vl-connect-quick) var(--vl-connect-ease); }
  .vl-connect-menu[open] .vl-connect-menu__icon i:first-child { transform: translateY(3.5px) rotate(45deg); }
  .vl-connect-menu[open] .vl-connect-menu__icon i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .vl-connect-menu__panel { position: absolute; top: calc(100% + 14px); right: -8px; width: min(340px, calc(100vw - 32px)); padding: .7rem 1.15rem; border: 1px solid var(--vl-vivo-header-float-line); border-radius: 20px; background: var(--vl-vivo-menu-bg); color: var(--vl-vivo-header-float-text); box-shadow: 0 20px 60px color-mix(in srgb, var(--vl-connect-ink) 25%, transparent); }
  .vl-connect-menu__panel a { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem .15rem; border-bottom: 1px solid var(--vl-vivo-header-float-line); font: 600 1rem/1.2 var(--vl-connect-font-body); }
  .vl-connect-menu__panel a:last-child { border-bottom: 0; color: var(--vl-connect-red); }
  .vl-connect-menu__panel a:hover { color: var(--vl-connect-red); }
  .vl-connect-menu__panel a span { font-size: 1.1rem; }

  .vl-connect-hero { height: calc(100svh - 35px); min-height: 0; padding-top: clamp(6.5rem, 14svh, 9rem); }
  .vl-connect-hero__content { padding-top: 0; margin-top: auto; }
  .vl-connect-hero h1 { font-size: clamp(5rem, min(12vw, 19svh), 11rem); }
  .vl-connect-hero__bottom { margin-top: clamp(1rem, 2.8svh, 2rem); }
  .vl-connect-hero__foot { margin-top: clamp(1rem, 3svh, 2rem); }
  .vl-connect-hero__symbol { z-index: 4; pointer-events: none; --vl-vivo-mark-gradient: linear-gradient(115deg, var(--vl-connect-red) 16%, var(--vl-connect-red-deep) 63%, var(--vl-connect-red) 100%); }
  .vl-connect-hero__content { z-index: 2; }
  .vl-connect-hero__point { position: static; z-index: 4; min-height: 32px; display: inline-flex; align-items: center; color: var(--vl-vivo-hero-text); pointer-events: auto; cursor: pointer; transition: transform var(--vl-vivo-motion-state) var(--vl-connect-ease), background var(--vl-vivo-motion-state) var(--vl-connect-ease), color var(--vl-vivo-motion-state) var(--vl-connect-ease), border-color var(--vl-vivo-motion-state) var(--vl-connect-ease); }
  .vl-connect-hero__point:hover { transform: translateY(-4px); border-color: var(--vl-connect-red); }
  .vl-connect-next { margin-top: clamp(4rem, 7vw, 8rem); padding-top: clamp(2rem, 4vw, 4rem); border-top: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
  .vl-connect-next__intro { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(0, 1.8fr) minmax(180px, 1fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: end; margin-bottom: clamp(2rem, 4vw, 4rem); }
  .vl-connect-next__eyebrow, .vl-connect-next__number, .vl-connect-next__status { font: 700 .62rem/1.4 var(--vl-connect-font-mono); letter-spacing: .12em; }
  .vl-connect-next__eyebrow, .vl-connect-next__status { color: var(--vl-connect-red); }
  .vl-connect-next__intro h3 { margin: 0; font: 530 clamp(2.6rem, 4.7vw, 5rem)/.95 var(--vl-connect-font-display); letter-spacing: -.065em; }
  .vl-connect-next__intro h3 em { color: var(--vl-connect-red); font-style: normal; }
  .vl-connect-next__intro p, .vl-connect-next__card p { margin: 0; color: var(--vl-vivo-work-muted); font: 430 clamp(.9rem, 1.1vw, 1rem)/1.55 var(--vl-connect-font-body); }
  .vl-connect-next__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: color-mix(in srgb, currentColor 30%, transparent); border: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
  .vl-connect-next__card { min-height: clamp(290px, 26vw, 380px); display: flex; flex-direction: column; padding: clamp(1.5rem, 3vw, 3rem); background: var(--vl-vivo-work-bg); transition: background var(--vl-connect-quick) var(--vl-connect-ease); }
  .vl-connect-next__card:hover { background: color-mix(in srgb, var(--vl-vivo-work-bg) 86%, var(--vl-connect-red)); }
  .vl-connect-next__card h4 { max-width: 12ch; margin: auto 0 1.5rem; font: 540 clamp(2.6rem, 4.7vw, 5rem)/.94 var(--vl-connect-font-display); letter-spacing: -.065em; }
  .vl-connect-next__card p { max-width: 29rem; }
  .vl-connect-next__status { display: block; margin-top: 2rem; padding-top: 1.1rem; border-top: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
  .vl-connect-hero__input:focus-visible + .vl-connect-hero__point { outline: 2px solid var(--vl-connect-red); outline-offset: 4px; }
  .vl-connect-hero__input:checked + .vl-connect-hero__point { background: var(--vl-connect-red); border-color: var(--vl-connect-red); color: var(--vl-connect-white); }
  .vl-connect-hero__orbit { transition: transform var(--vl-vivo-motion-state) var(--vl-connect-ease), border-color var(--vl-vivo-motion-state) var(--vl-connect-ease), opacity var(--vl-vivo-motion-state) var(--vl-connect-ease); }
  .vl-connect-hero__mark { animation: vl-connect-mark-float var(--vl-vivo-motion-cycle) ease-in-out infinite; }
  .vl-connect-hero__mark:hover, .vl-connect-hero__mark:focus-visible { transform: rotate(-25deg) scale(1.045); filter: drop-shadow(0 42px 95px color-mix(in srgb, var(--vl-connect-red) 30%, transparent)); }
  .vl-connect-hero__symbol:has(.vl-connect-hero__mark:hover) .vl-connect-hero__orbit { animation-play-state: paused; }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--publish:checked) .vl-connect-hero__state span:nth-child(1),
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--operate:checked) .vl-connect-hero__state span:nth-child(2),
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--evolve:checked) .vl-connect-hero__state span:nth-child(3) { opacity: 1; transform: translateY(0); }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--operate:checked) { --vl-vivo-left-x: -14px; --vl-vivo-left-y: -6px; --vl-vivo-left-rotate: -5deg; --vl-vivo-right-x: 16px; --vl-vivo-right-y: 6px; --vl-vivo-right-rotate: 5deg; --vl-vivo-right-color: var(--vl-vivo-mark-alternate); --vl-vivo-trail-opacity: .24; --vl-vivo-trail-x: 8px; --vl-vivo-trail-y: 8px; }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--operate:checked) .vl-connect-hero__orbit--one { transform: rotate(-12deg) scaleX(.86); border-color: var(--vl-connect-red); }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--operate:checked) .vl-connect-hero__orbit--two { transform: rotate(8deg) scaleX(.62); opacity: .85; }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--evolve:checked) { --vl-vivo-left-x: 8px; --vl-vivo-left-y: -8px; --vl-vivo-left-rotate: 3deg; --vl-vivo-right-x: -8px; --vl-vivo-right-y: 8px; --vl-vivo-right-rotate: -3deg; --vl-vivo-right-color: var(--vl-vivo-mark-alternate); --vl-vivo-trail-opacity: .42; --vl-vivo-trail-x: -18px; --vl-vivo-trail-y: 14px; --vl-vivo-trail-scale: 1.06; }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--evolve:checked) .vl-connect-hero__orbit--one { transform: rotate(-35deg) scaleX(.74); border-color: var(--vl-connect-red); }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--evolve:checked) .vl-connect-hero__orbit--two { transform: rotate(40deg) scaleX(.82); opacity: .8; }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--operate:checked) { --vl-vivo-mark-gradient: linear-gradient(125deg, var(--vl-connect-red) 0%, #ff9b78 54%, var(--vl-vivo-mark-alternate) 100%); }
  .vl-connect-hero__symbol:has(.vl-connect-hero__input--evolve:checked) { --vl-vivo-mark-gradient: linear-gradient(115deg, var(--vl-vivo-mark-alternate) 0%, var(--vl-connect-red) 45%, #ffad88 100%); }
  @supports (animation-timeline: view()) {
    .vl-connect-case { animation: vl-connect-case-arrive 1s linear both; animation-timeline: view(block); animation-range: cover 0% cover 100%; }
  }
  @supports (animation-timeline: scroll()) {
    .vl-connect-hero__mark { animation: vl-connect-mark-scroll 1s linear both; animation-timeline: scroll(root block); animation-range: 0px 100svh; }
  }

  .vl-connect-method__item { border-bottom: 1px solid var(--vl-connect-line); }
  .vl-connect-method__item summary { display: grid; grid-template-columns: 50px minmax(0, 1.35fr) minmax(0, 1fr) 50px; gap: 2rem; align-items: center; min-height: 135px; padding: 1.35rem 0; cursor: pointer; list-style: none; transition: padding var(--vl-connect-quick) var(--vl-connect-ease), color var(--vl-connect-quick); }
  .vl-connect-method__item summary::-webkit-details-marker { display: none; }
  .vl-connect-method__item summary:hover, .vl-connect-method__item[open] summary { padding-inline: 1rem; color: var(--vl-connect-red); }
  .vl-connect-method__item summary:focus-visible { outline: 2px solid var(--vl-connect-red); outline-offset: -2px; }
  .vl-connect-method__item summary > span:first-child { font: 700 .7rem/1 var(--vl-connect-font-mono); }
  .vl-connect-method__item summary > span:last-child { justify-self: end; font: 300 1.7rem/1 var(--vl-connect-font-body); transition: transform var(--vl-connect-quick) var(--vl-connect-ease); }
  .vl-connect-method__item[open] summary > span:last-child { transform: rotate(45deg); }
  .vl-connect-method__item summary h3 { margin: 0; }
  .vl-connect-method__item summary p { margin: 0; }
  .vl-connect-method__detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; margin-left: calc(50px + 2rem); padding: 0 3rem 2.5rem 0; color: var(--vl-connect-muted); font: 440 1rem/1.65 var(--vl-connect-font-body); }
  .vl-connect-method__detail p { margin: 0; }

  /* Fallback: sem scroll timelines, o header compacto continua navegável. */
  @supports (animation-timeline: scroll()) {
    .vl-connect-header { grid-template-columns: auto minmax(0, 1fr) auto; animation: vl-connect-header-float 1s linear both; animation-timeline: scroll(root block); animation-range: 0px 110px; backdrop-filter: blur(16px); }
    .vl-connect-brand img { animation: vl-connect-brand-symbol-grow 1s linear both; animation-timeline: scroll(root block); animation-range: 0px 110px; }
    .vl-connect-brand > span { display: inline-block; overflow: hidden; white-space: nowrap; animation: vl-connect-brand-wordmark-exit 1s linear both; animation-timeline: scroll(root block); animation-range: 0px 110px; }
    .vl-connect-navigation { display: flex; justify-self: center; }
    .vl-connect-header__contact { display: inline-flex; }
    .vl-connect-navigation, .vl-connect-header__contact { animation: vl-connect-navigation-collapse 1s steps(1, end) both; animation-timeline: scroll(root block); animation-range: 0px 2px; }
    .vl-connect-menu { animation: vl-connect-menu-appear 1s steps(1, end) both; animation-timeline: scroll(root block); animation-range: 0px 2px; }
  }

  @media (max-width: 1050px) {
    .vl-connect-header { grid-template-columns: minmax(0, 1fr) auto; }
    .vl-connect-navigation, .vl-connect-header__contact { display: none; animation: none; }
    .vl-connect-menu { display: block; opacity: 1; visibility: visible; pointer-events: auto; animation: none; }
    .vl-connect-hero__symbol { opacity: 1; }
    .vl-connect-hero__mark { opacity: .78; }
  }
  @media (max-width: 750px) {
    .vl-connect-hero { height: calc(100svh - 35px); min-height: 0; padding-top: 7rem; }
    .vl-connect-hero__content { padding-top: 0; }
    .vl-connect-hero h1 { font-size: clamp(3.7rem, min(17vw, 12svh), 7rem); }
    .vl-connect-hero__bottom { margin-top: 1rem; }
    .vl-connect-hero__foot { padding-block: .8rem 1rem; }
    .vl-connect-hero__mark { top: -30%; }
    .vl-connect-hero__modes { inset: clamp(230px, 36svh, 340px) auto auto 4%; display: flex; gap: .2rem; width: min(76vw, 360px); padding: .3rem; border: 1px solid var(--vl-vivo-hero-line); border-radius: 999px; background: color-mix(in srgb, var(--vl-vivo-hero-bg) 88%, transparent); box-shadow: 0 12px 40px color-mix(in srgb, var(--vl-connect-ink) 16%, transparent); backdrop-filter: blur(16px); transform: none; }
    .vl-connect-hero__point, .vl-connect-hero__point--b { position: static; display: inline-flex; flex: 1; justify-content: center; min-height: 32px; padding: .4rem .2rem; border: 0; border-radius: 999px; white-space: nowrap; font-size: .45rem; }
    .vl-connect-hero__state { display: none; }
    .vl-connect-next__intro { grid-template-columns: 1fr; gap: 1.2rem; }
    .vl-connect-next__intro h3 { font-size: clamp(2.8rem, 9vw, 4rem); }
    .vl-connect-next__grid { grid-template-columns: 1fr; }
    .vl-connect-next__card { min-height: 280px; }
    .vl-connect-method__item summary { grid-template-columns: 28px minmax(0, 1fr) 24px; gap: .9rem; min-height: 106px; padding: 1.5rem 0; }
    .vl-connect-method__item summary p { grid-column: 2; margin-top: -.15rem; }
    .vl-connect-method__item summary > span:last-child { grid-column: 3; grid-row: 1; }
    .vl-connect-method__detail { display: block; margin-left: calc(28px + .9rem); padding: 0 1.5rem 2rem 0; font-size: .92rem; }
    .vl-connect-method__detail p + p { margin-top: 1rem; }
  }
  @media (max-width: 560px) {
    .vl-connect-header { --vl-vivo-brand-symbol-sticky: 58px; }
    .vl-connect-header { gap: .35rem; }
    .vl-connect-header__actions { gap: .25rem; }
    .vl-connect-language-switch { gap: 0; font-size: .56rem; }
    .vl-connect-language-switch a, .vl-connect-language-switch span { min-width: 23px; min-height: 27px; }
    .vl-connect-menu__label { display: none; }
    .vl-connect-menu summary { width: 40px; justify-content: center; padding-inline: .35rem; }
    .vl-connect-concept-bar > span:first-child { max-width: none; white-space: nowrap; }
    .vl-connect-concept-bar > span:last-child { display: none; }
    .vl-connect-skin-switch label span { width: 27px; height: 27px; }
    .vl-connect-skin-switch svg { width: 15px; height: 15px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .vl-connect-hero__mark, .vl-connect-case { animation: none; }
    @supports (animation-timeline: scroll()) {
      .vl-connect-header, .vl-connect-navigation, .vl-connect-header__contact, .vl-connect-menu, .vl-connect-brand img, .vl-connect-brand > span { animation-timing-function: steps(1, end); }
    }
    .vl-connect-menu__icon i { animation: none; transition: none; }
    .vl-connect-hero__mark, .vl-connect-hero__mark-half, .vl-connect-hero__mark-trail, .vl-connect-hero__orbit, .vl-connect-hero__point, .vl-connect-hero__state span, .vl-connect-next__card { animation: none; transition: none; }
    .vl-connect-method__item summary, .vl-connect-method__item summary > span:last-child { transition: none; }
    .vl-connect-hero__mark:hover, .vl-connect-hero__mark:focus-visible { transform: rotate(-28deg); }
  }
}