.hc-site-logo {
  --hc-logo-width: 180px;
  --hc-logo-max-width: 100%;
  --hc-logo-max-height: 96px;
  --hc-logo-x: 0px;
  --hc-logo-y: 0px;
  --hc-logo-rotate: 0deg;
  --hc-logo-hover-y: -2px;
  --hc-logo-hover-scale: 1.02;
  --hc-logo-duration: 280ms;
  --hc-logo-ease: cubic-bezier(.2,.78,.25,1);
  --hc-logo-glow: transparent;
  display: flex;
  width: 100%;
  transform: translate3d(var(--hc-logo-x), var(--hc-logo-y), 0);
}

.hc-site-logo__link,
.hc-site-logo__media-wrap {
  display: inline-flex;
  align-items: center;
  max-width: var(--hc-logo-max-width);
  color: inherit;
  text-decoration: none;
}

.hc-site-logo__media-wrap {
  transform: translate3d(0, 0, 0) rotate(var(--hc-logo-rotate)) scale(1);
  transform-origin: center;
  transition:
    transform var(--hc-logo-duration) var(--hc-logo-ease),
    filter var(--hc-logo-duration) var(--hc-logo-ease),
    opacity var(--hc-logo-duration) var(--hc-logo-ease);
}

.hc-site-logo__picture,
.hc-site-logo__image {
  display: block;
  width: min(var(--hc-logo-width), var(--hc-logo-max-width));
  max-width: 100%;
}

.hc-site-logo__image {
  height: auto;
  max-height: var(--hc-logo-max-height);
  object-fit: var(--hc-logo-fit, contain);
  object-position: var(--hc-logo-position, center);
}

.hc-site-logo__name {
  font: inherit;
  color: inherit;
}

.hc-site-logo--hover-lift:hover .hc-site-logo__media-wrap,
.hc-site-logo--hover-lift:focus-within .hc-site-logo__media-wrap {
  transform: translate3d(0, var(--hc-logo-hover-y), 0) rotate(var(--hc-logo-rotate)) scale(var(--hc-logo-hover-scale));
}

.hc-site-logo--hover-scale:hover .hc-site-logo__media-wrap,
.hc-site-logo--hover-scale:focus-within .hc-site-logo__media-wrap {
  transform: rotate(var(--hc-logo-rotate)) scale(var(--hc-logo-hover-scale));
}

.hc-site-logo--hover-glow:hover .hc-site-logo__media-wrap,
.hc-site-logo--hover-glow:focus-within .hc-site-logo__media-wrap {
  filter: drop-shadow(0 10px 24px var(--hc-logo-glow));
  transform: scale(var(--hc-logo-hover-scale));
}

.hc-site-logo--hover-tilt .hc-site-logo__media-wrap {
  transform:
    perspective(700px)
    rotateX(var(--hc-logo-tilt-y, 0deg))
    rotateY(var(--hc-logo-tilt-x, 0deg))
    translate3d(0, var(--hc-logo-hover-y), 0)
    scale(var(--hc-logo-hover-scale));
}

.hc-site-logo--entrance-fade-up .hc-site-logo__media-wrap,
.hc-site-logo--entrance-scale .hc-site-logo__media-wrap,
.hc-site-logo--entrance-reveal .hc-site-logo__media-wrap {
  animation-duration: var(--hc-logo-entrance-duration, 650ms);
  animation-delay: var(--hc-logo-entrance-delay, 0ms);
  animation-timing-function: var(--hc-logo-ease);
  animation-fill-mode: both;
}

.hc-site-logo--entrance-fade-up .hc-site-logo__media-wrap { animation-name: hcLogoFadeUp; }
.hc-site-logo--entrance-scale .hc-site-logo__media-wrap { animation-name: hcLogoScale; }
.hc-site-logo--entrance-reveal { overflow: hidden; }
.hc-site-logo--entrance-reveal .hc-site-logo__media-wrap { animation-name: hcLogoReveal; }

@keyframes hcLogoFadeUp {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
}
@keyframes hcLogoScale {
  from { opacity: 0; transform: scale(.88); }
}
@keyframes hcLogoReveal {
  from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translate3d(-12px, 0, 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); transform: none; }
}

.hc-nav-trigger-wrap {
  --hc-trigger-x: 0px;
  --hc-trigger-y: 0px;
  display: flex;
  width: 100%;
  transform: translate3d(var(--hc-trigger-x), var(--hc-trigger-y), 0);
}

.hc-nav-trigger {
  --hc-trigger-width: 52px;
  --hc-trigger-height: 52px;
  --hc-trigger-radius: 999px;
  --hc-trigger-bg: #141414;
  --hc-trigger-color: #fff;
  --hc-trigger-border: transparent;
  --hc-trigger-hover-bg: #ff7400;
  --hc-trigger-hover-color: #fff;
  --hc-trigger-hover-border: transparent;
  --hc-trigger-line-width: 23px;
  --hc-trigger-line-height: 2px;
  --hc-trigger-line-gap: 6px;
  --hc-trigger-hover-y: -2px;
  --hc-trigger-hover-scale: 1.03;
  --hc-trigger-duration: 260ms;
  --hc-trigger-ease: cubic-bezier(.2,.78,.25,1);
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--hc-trigger-width);
  height: var(--hc-trigger-height);
  padding: 0;
  border: 1px solid var(--hc-trigger-border);
  border-radius: var(--hc-trigger-radius);
  background: var(--hc-trigger-bg);
  color: var(--hc-trigger-color);
  cursor: pointer;
  transform: translate3d(var(--hc-trigger-magnetic-x, 0), var(--hc-trigger-magnetic-y, 0), 0);
  transition:
    color var(--hc-trigger-duration) var(--hc-trigger-ease),
    background var(--hc-trigger-duration) var(--hc-trigger-ease),
    border-color var(--hc-trigger-duration) var(--hc-trigger-ease),
    box-shadow var(--hc-trigger-duration) var(--hc-trigger-ease),
    transform var(--hc-trigger-duration) var(--hc-trigger-ease);
}

.hc-nav-trigger:hover,
.hc-nav-trigger:focus-visible {
  color: var(--hc-trigger-hover-color);
  background: var(--hc-trigger-hover-bg);
  border-color: var(--hc-trigger-hover-border);
}

.hc-nav-trigger:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.hc-nav-trigger--hover-lift:hover { transform: translate3d(0, var(--hc-trigger-hover-y), 0) scale(var(--hc-trigger-hover-scale)); }
.hc-nav-trigger--hover-scale:hover { transform: scale(var(--hc-trigger-hover-scale)); }
.hc-nav-trigger--hover-pulse:hover { animation: hcTriggerPulse 850ms var(--hc-trigger-ease) infinite alternate; }
@keyframes hcTriggerPulse { to { box-shadow: 0 0 0 8px color-mix(in srgb, currentColor 14%, transparent); } }

.hc-nav-trigger__lines {
  position: relative;
  display: block;
  width: var(--hc-trigger-line-width);
  height: calc((var(--hc-trigger-line-height) * 3) + (var(--hc-trigger-line-gap) * 2));
}

.hc-nav-trigger__line {
  position: absolute;
  left: 50%;
  width: var(--hc-trigger-line-width);
  height: var(--hc-trigger-line-height);
  border-radius: 999px;
  background: currentColor;
  transform: translateX(-50%);
  transform-origin: center;
  transition:
    top var(--hc-trigger-duration) var(--hc-trigger-ease),
    width var(--hc-trigger-duration) var(--hc-trigger-ease),
    opacity var(--hc-trigger-duration) var(--hc-trigger-ease),
    transform var(--hc-trigger-duration) var(--hc-trigger-ease);
}

.hc-nav-trigger__line:nth-child(1) { top: 0; }
.hc-nav-trigger__line:nth-child(2) { top: calc(var(--hc-trigger-line-height) + var(--hc-trigger-line-gap)); }
.hc-nav-trigger__line:nth-child(3) { top: calc((var(--hc-trigger-line-height) + var(--hc-trigger-line-gap)) * 2); }
.hc-nav-trigger--asymmetric .hc-nav-trigger__line:nth-child(1) { width: 72%; }
.hc-nav-trigger--asymmetric .hc-nav-trigger__line:nth-child(3) { width: 54%; }
.hc-nav-trigger--balanced .hc-nav-trigger__line:nth-child(2) { width: 72%; }

.hc-nav-trigger.is-open .hc-nav-trigger__line:nth-child(1) {
  top: calc(var(--hc-trigger-line-height) + var(--hc-trigger-line-gap));
  width: var(--hc-trigger-line-width);
  transform: translateX(-50%) rotate(45deg);
}
.hc-nav-trigger.is-open .hc-nav-trigger__line:nth-child(2) { opacity: 0; transform: translateX(-50%) scaleX(0); }
.hc-nav-trigger.is-open .hc-nav-trigger__line:nth-child(3) {
  top: calc(var(--hc-trigger-line-height) + var(--hc-trigger-line-gap));
  width: var(--hc-trigger-line-width);
  transform: translateX(-50%) rotate(-45deg);
}
.hc-nav-trigger--morph-rotate.is-open .hc-nav-trigger__lines { transform: rotate(180deg); transition: transform var(--hc-trigger-duration) var(--hc-trigger-ease); }
.hc-nav-trigger--morph-squeeze.is-open .hc-nav-trigger__line:nth-child(1) { transform: translateX(-50%) rotate(42deg) scaleX(.82); }
.hc-nav-trigger--morph-squeeze.is-open .hc-nav-trigger__line:nth-child(3) { transform: translateX(-50%) rotate(-42deg) scaleX(.82); }

.hc-nav-panel {
  --hc-panel-width: min(84vw, 360px);
  --hc-panel-max-width: 100%;
  --hc-panel-height: 100%;
  --hc-panel-bg: #fff;
  --hc-panel-image: none;
  --hc-panel-image-position: center center;
  --hc-panel-gradient: linear-gradient(transparent, transparent);
  --hc-panel-surface-overlay: rgba(0,0,0,0);
  --hc-panel-color: #141414;
  --hc-panel-overlay: rgba(0,0,0,.48);
  --hc-panel-radius: 0px;
  --hc-panel-padding-top: 32px;
  --hc-panel-padding-right: 32px;
  --hc-panel-padding-bottom: 32px;
  --hc-panel-padding-left: 32px;
  --hc-panel-x: 0px;
  --hc-panel-y: 0px;
  --hc-panel-duration: 420ms;
  --hc-panel-stagger: 45ms;
  --hc-panel-ease: cubic-bezier(.2,.78,.25,1);
  --hc-panel-content-justify: center;
  --hc-panel-content-align: start;
  --hc-panel-header-gap: 28px;
  --hc-panel-brand-width: 140px;
  --hc-panel-close-size: 44px;
  --hc-panel-close-line: 18px;
  --hc-panel-close-thickness: 2px;
  --hc-panel-close-radius: 999px;
  --hc-panel-close-border-width: 1px;
  --hc-panel-close-x: 0px;
  --hc-panel-close-y: 0px;
  --hc-panel-close-color: currentColor;
  --hc-panel-close-bg: transparent;
  --hc-panel-close-border: currentColor;
  --hc-panel-close-hover-color: currentColor;
  --hc-panel-close-hover-bg: transparent;
  --hc-panel-separator: rgba(20,20,20,.14);
  --hc-panel-number-color: currentColor;
  --hc-panel-pill: rgba(20,20,20,.07);
  --hc-panel-footer-gap: 32px;
  --hc-panel-content-max: 100%;
  --hc-panel-cta-gap: 28px;
  --hc-panel-cta-bg: transparent;
  --hc-panel-cta-color: currentColor;
  --hc-panel-cta-hover-bg: currentColor;
  --hc-panel-cta-hover-color: var(--hc-panel-bg);
  --hc-panel-parallax-x: 0px;
  --hc-panel-parallax-y: 0px;
  position: fixed;
  z-index: 99990;
  inset: 0;
  display: block;
  color: var(--hc-panel-color);
  pointer-events: none;
  visibility: hidden;
}

.hc-nav-panel__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: var(--hc-panel-overlay);
  opacity: 0;
  cursor: default;
  transition: opacity var(--hc-panel-duration) var(--hc-panel-ease);
}

.hc-nav-panel__surface {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: var(--hc-panel-width);
  max-width: var(--hc-panel-max-width);
  height: var(--hc-panel-height);
  padding: 0;
  border-radius: var(--hc-panel-radius);
  background: var(--hc-panel-bg);
  color: var(--hc-panel-color);
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(var(--hc-panel-x), var(--hc-panel-y), 0);
  transition:
    transform var(--hc-panel-duration) var(--hc-panel-ease),
    opacity var(--hc-panel-duration) var(--hc-panel-ease),
    clip-path var(--hc-panel-duration) var(--hc-panel-ease);
}
.hc-nav-panel__layers {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: var(--hc-panel-bg);
  background-image:
    linear-gradient(var(--hc-panel-surface-overlay), var(--hc-panel-surface-overlay)),
    var(--hc-panel-gradient),
    var(--hc-panel-image);
  background-position: center, center, var(--hc-panel-image-position);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translate3d(var(--hc-panel-parallax-x), var(--hc-panel-parallax-y), 0) scale(1.04);
  transition: transform 500ms var(--hc-panel-ease);
  pointer-events: none;
}
.hc-nav-panel__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: min(100%, var(--hc-panel-content-max));
  min-height: 100%;
  margin-inline: auto;
  padding: var(--hc-panel-padding-top) var(--hc-panel-padding-right) var(--hc-panel-padding-bottom) var(--hc-panel-padding-left);
}
.hc-nav-panel--safe-area .hc-nav-panel__inner {
  padding-top: calc(var(--hc-panel-padding-top) + env(safe-area-inset-top));
  padding-right: calc(var(--hc-panel-padding-right) + env(safe-area-inset-right));
  padding-bottom: calc(var(--hc-panel-padding-bottom) + env(safe-area-inset-bottom));
  padding-left: calc(var(--hc-panel-padding-left) + env(safe-area-inset-left));
}

.hc-nav-panel--drawer-left .hc-nav-panel__surface { inset: 0 auto 0 0; transform: translate3d(-104%, var(--hc-panel-y), 0); }
.hc-nav-panel--drawer-right .hc-nav-panel__surface { inset: 0 0 0 auto; transform: translate3d(104%, var(--hc-panel-y), 0); }
.hc-nav-panel--fullscreen .hc-nav-panel__surface { inset: 0; width: 100%; max-width: none; height: 100%; opacity: 0; transform: scale(.97); }
.hc-nav-panel--dropdown { position: absolute; inset: auto 0 auto 0; }
.hc-nav-panel--dropdown .hc-nav-panel__backdrop { display: none; }
.hc-nav-panel--dropdown .hc-nav-panel__surface {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: none;
  height: auto;
  opacity: 0;
  transform: translate3d(var(--hc-panel-x), calc(var(--hc-panel-y) - 14px), 0);
}

.hc-nav-panel.is-open {
  pointer-events: auto;
  visibility: visible;
}
.hc-nav-panel.is-open .hc-nav-panel__backdrop { opacity: 1; }
.hc-nav-panel.is-open .hc-nav-panel__surface { opacity: 1; transform: translate3d(var(--hc-panel-x), var(--hc-panel-y), 0) scale(1); }

.hc-nav-panel--motion-fade .hc-nav-panel__surface { transform: none; opacity: 0; }
.hc-nav-panel--motion-scale .hc-nav-panel__surface { opacity: 0; transform: scale(.9); }
.hc-nav-panel--motion-curtain .hc-nav-panel__surface { transform: none; clip-path: inset(0 0 100% 0); }
.hc-nav-panel--motion-curtain.is-open .hc-nav-panel__surface { clip-path: inset(0); }
.hc-nav-panel--motion-circle .hc-nav-panel__surface { transform: none; clip-path: circle(0 at 90% 8%); }
.hc-nav-panel--motion-circle.is-open .hc-nav-panel__surface { clip-path: circle(150% at 90% 8%); }
.hc-nav-panel--ease-smooth { --hc-panel-ease: cubic-bezier(.2,.78,.25,1); }
.hc-nav-panel--ease-snappy { --hc-panel-ease: cubic-bezier(.22,1,.36,1); }
.hc-nav-panel--ease-dramatic { --hc-panel-ease: cubic-bezier(.77,0,.18,1); }
.hc-nav-panel--ease-linear { --hc-panel-ease: linear; }

.hc-nav-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: var(--hc-panel-header-gap);
}
.hc-nav-panel__identity {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: var(--hc-panel-content-align);
  min-width: 0;
}
.hc-nav-panel__brand-link,
.hc-nav-panel__brand-image {
  display: block;
  width: min(var(--hc-panel-brand-width), 100%);
  max-width: 100%;
}
.hc-nav-panel__brand-link { color: inherit; text-decoration: none; }
.hc-nav-panel__eyebrow {
  display: block;
  margin-top: 10px;
  opacity: .62;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.hc-nav-panel__heading {
  margin: 8px 0 0;
  color: inherit;
}

.hc-nav-panel__close {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--hc-panel-close-size);
  height: var(--hc-panel-close-size);
  margin-left: auto;
  padding: 0;
  border: var(--hc-panel-close-border-width) solid var(--hc-panel-close-border);
  border-radius: var(--hc-panel-close-radius);
  background: var(--hc-panel-close-bg);
  color: var(--hc-panel-close-color);
  cursor: pointer;
  transform: translate3d(var(--hc-panel-close-x), var(--hc-panel-close-y), 0);
  transition: transform 240ms var(--hc-panel-ease), background 240ms var(--hc-panel-ease), color 240ms var(--hc-panel-ease);
}
.hc-nav-panel__close:hover {
  color: var(--hc-panel-close-hover-color);
  background: var(--hc-panel-close-hover-bg);
  transform: translate3d(var(--hc-panel-close-x), var(--hc-panel-close-y), 0) rotate(90deg);
}
.hc-nav-panel__close::before,
.hc-nav-panel__close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--hc-panel-close-line);
  height: var(--hc-panel-close-thickness);
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}
.hc-nav-panel__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.hc-nav-panel__close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.hc-nav-panel__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: var(--hc-panel-content-align);
  justify-content: var(--hc-panel-content-justify);
  min-height: 0;
}
.hc-nav-panel__menu,
.hc-nav-panel__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hc-nav-panel__menu {
  display: flex;
  flex-direction: column;
  gap: var(--hc-panel-menu-gap, 16px);
  width: 100%;
  counter-reset: hc-panel-item;
}
.hc-nav-panel__menu > li { counter-increment: hc-panel-item; }
.hc-nav-panel__menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: var(--hc-panel-content-align);
  gap: .7em;
  color: inherit;
  text-decoration: none;
  transition: color 220ms ease, transform 220ms ease, opacity 220ms ease, background 220ms ease;
}
.hc-nav-panel--items-shift .hc-nav-panel__menu a:hover,
.hc-nav-panel--items-shift .hc-nav-panel__menu a:focus-visible {
  color: var(--hc-panel-link-hover, currentColor);
  transform: translateX(var(--hc-panel-link-shift, 6px));
}
.hc-nav-panel--items-underline .hc-nav-panel__menu > li > a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--hc-panel-separator);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 260ms var(--hc-panel-ease);
}
.hc-nav-panel--items-underline .hc-nav-panel__menu > li > a:hover::after,
.hc-nav-panel--items-underline .hc-nav-panel__menu > li > a:focus-visible::after,
.hc-nav-panel--items-underline .hc-nav-panel__menu > .current-menu-item > a::after { transform: scaleX(1); }
.hc-nav-panel--items-pill .hc-nav-panel__menu > li > a { border-radius: 999px; }
.hc-nav-panel--items-pill .hc-nav-panel__menu > li > a:hover,
.hc-nav-panel--items-pill .hc-nav-panel__menu > li > a:focus-visible,
.hc-nav-panel--items-pill .hc-nav-panel__menu > .current-menu-item > a { background: var(--hc-panel-pill); }
.hc-nav-panel--items-fade .hc-nav-panel__menu:has(a:hover) > li > a { opacity: .35; }
.hc-nav-panel--items-fade .hc-nav-panel__menu > li > a:hover { opacity: 1; }
.hc-nav-panel__menu a:hover,
.hc-nav-panel__menu a:focus-visible,
.hc-nav-panel__menu .current-menu-item > a { color: var(--hc-panel-link-hover, currentColor); }
.hc-nav-panel--numbered .hc-nav-panel__menu > li > a::before {
  content: counter(hc-panel-item, decimal-leading-zero);
  flex: 0 0 auto;
  font-size: .38em;
  line-height: 1;
  opacity: .48;
  color: var(--hc-panel-number-color);
  letter-spacing: .08em;
}
.hc-nav-panel__menu .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-left: 18px;
}

.hc-nav-panel--stagger .hc-nav-panel__menu > li {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition:
    opacity var(--hc-panel-duration) var(--hc-panel-ease),
    transform var(--hc-panel-duration) var(--hc-panel-ease);
  transition-delay: calc(var(--hc-panel-item-index, 0) * var(--hc-panel-stagger));
}
.hc-nav-panel--stagger.is-open .hc-nav-panel__menu > li { opacity: 1; transform: none; }
.hc-nav-panel__footer {
  width: 100%;
  margin-top: var(--hc-panel-footer-gap);
  text-align: var(--hc-panel-content-align);
}
.hc-nav-panel__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: var(--hc-panel-cta-gap);
  background: var(--hc-panel-cta-bg);
  color: var(--hc-panel-cta-color);
  text-decoration: none;
  transition: color 240ms var(--hc-panel-ease), background 240ms var(--hc-panel-ease), transform 240ms var(--hc-panel-ease);
}
.hc-nav-panel__cta:hover,
.hc-nav-panel__cta:focus-visible {
  background: var(--hc-panel-cta-hover-bg);
  color: var(--hc-panel-cta-hover-color);
  transform: translateY(-2px);
}
.hc-nav-panel__cta-arrow {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  transition: transform 240ms var(--hc-panel-ease);
}
.hc-nav-panel__cta-arrow::before,
.hc-nav-panel__cta-arrow::after {
  content: "";
  position: absolute;
  display: block;
}
.hc-nav-panel__cta-arrow::before {
  top: 50%;
  left: 4px;
  width: 25px;
  height: 2px;
  background: currentColor;
  transform-origin: center;
}
.hc-nav-panel__cta-arrow::after {
  top: 5px;
  right: 1px;
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.hc-nav-panel__cta-arrow--diagonal::before { transform: translateY(-50%) rotate(-45deg); }
.hc-nav-panel__cta-arrow--right::before { transform: translateY(-50%); }
.hc-nav-panel__cta-arrow--right::after {
  top: 8px;
  right: 2px;
  transform: rotate(45deg);
}
.hc-nav-panel__cta:hover .hc-nav-panel__cta-arrow { transform: translate(3px,-3px); }
.hc-nav-panel__utility {
  margin-top: 18px;
  opacity: .66;
  text-align: var(--hc-panel-content-align);
}

.hc-nav-panel--composition-compact .hc-nav-panel__header { align-items: center; }
.hc-nav-panel--composition-compact { --hc-panel-content-justify: flex-start; }
.hc-nav-panel--composition-compact .hc-nav-panel__menu { gap: 4px; }
.hc-nav-panel--composition-centered { --hc-panel-content-align: center; }
.hc-nav-panel--composition-centered .hc-nav-panel__header { align-items: flex-start; }
.hc-nav-panel--composition-split { --hc-panel-content-justify: center; }
.hc-nav-panel--composition-split .hc-nav-panel__footer { margin-top: auto; }

body.hc-nav-panel-lock { overflow: hidden; }

.elementor-editor-active .hc-nav-panel.is-editor-preview {
  position: relative;
  z-index: 1;
  inset: auto;
  min-height: 320px;
  pointer-events: auto;
  visibility: visible;
}
.elementor-editor-active .hc-nav-panel.is-editor-preview .hc-nav-panel__backdrop { display: none; }
.elementor-editor-active .hc-nav-panel.is-editor-preview .hc-nav-panel__surface {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: none;
  min-height: 320px;
  height: auto;
  opacity: 1;
  transform: none;
  clip-path: none;
}

.hc-header-button {
  --hc-button-x: 0px;
  --hc-button-y: 0px;
  --hc-button-hover-y: -2px;
  --hc-button-hover-scale: 1.02;
  --hc-button-duration: 260ms;
  --hc-button-ease: cubic-bezier(.2,.78,.25,1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6em;
  text-decoration: none;
  transform: translate3d(var(--hc-button-x), var(--hc-button-y), 0);
  transition:
    transform var(--hc-button-duration) var(--hc-button-ease),
    color var(--hc-button-duration) var(--hc-button-ease),
    background var(--hc-button-duration) var(--hc-button-ease),
    border-color var(--hc-button-duration) var(--hc-button-ease),
    box-shadow var(--hc-button-duration) var(--hc-button-ease);
}
.hc-header-button--hover-lift:hover { transform: translate3d(var(--hc-button-x), calc(var(--hc-button-y) + var(--hc-button-hover-y)), 0) scale(var(--hc-button-hover-scale)); }
.hc-header-button--hover-scale:hover { transform: translate3d(var(--hc-button-x), var(--hc-button-y), 0) scale(var(--hc-button-hover-scale)); }
.hc-header-button__icon { display: inline-flex; transition: transform var(--hc-button-duration) var(--hc-button-ease); }
.hc-header-button:hover .hc-header-button__icon { transform: translateX(var(--hc-button-icon-shift, 4px)); }

@media (max-width: 767px) {
  .hc-header-button--icon-mobile .hc-header-button__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hc-site-logo *,
  .hc-nav-trigger,
  .hc-nav-trigger *,
  .hc-nav-panel *,
  .hc-header-button,
  .hc-header-button * {
    animation: none !important;
    transition-duration: .01ms !important;
  }
  .hc-site-logo--hover-tilt .hc-site-logo__media-wrap { transform: none; }
}
