/* One actual website header CTA, also used inside the isolated FORMIX document. */
.hx-website-cta { box-sizing: border-box; display: inline-flex; align-items: center; min-block-size: 44px; padding-block: 5px; font-family: var(--font-assistant,"Hermetix Assistant"),Arial,sans-serif; font-weight: 600; line-height: 1.4; text-decoration: none; cursor: pointer; transition: background 280ms cubic-bezier(.22,.61,.36,1),box-shadow 280ms cubic-bezier(.22,.61,.36,1),color 200ms ease,transform 280ms cubic-bezier(.22,.61,.36,1); }
.hx-website-cta .hx-contact-icon svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hx-website-cta:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.hx-website-cta:active:not([aria-disabled="true"]) { transform: scale(.985); }
.hx-website-cta[aria-disabled="true"] { opacity: .48; cursor: wait; box-shadow: none; transform: none; }
@media(prefers-reduced-motion:reduce) { .hx-website-cta { transition: none; transform: none !important; } }

/* Reference-led charcoal pill, with one geometry across desktop widths.
   Drawer contact keeps the shared CTA material. */
body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta,
.hx-website-cta {
  flex-shrink: 0;
  justify-content: center;
  padding-inline: 16px;
  gap: 12px;
  font-size: 16px;
  border: 1px solid #ffffff38;
  border-radius: 999px;
  background: linear-gradient(180deg, #33342f 0%, #252620 100%);
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff12, inset 0 -1px 0 #0000001a, 0 2px 5px #1015100d;
  /* Clear the shared CTA's compositing layer as well as its painted surface. */
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta .hx-contact-label,
.hx-website-cta .hx-contact-label {
  text-decoration: none;
}
body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta .hx-contact-icon,
.hx-website-cta .hx-contact-icon {
  display: grid;
  flex-basis: 16px;
  inline-size: 16px;
  block-size: 16px;
  color: var(--accent);
  background: none;
  box-shadow: none;
}
body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta .hx-contact-icon svg,
.hx-website-cta .hx-contact-icon svg {
  inline-size: 16px;
  block-size: 16px;
}
body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta:focus-visible,
.hx-website-cta:focus-visible {
  border-radius: 999px;
}
@media (hover: hover) {
  body.architectural .site-header.hx-header .hx-header-actions > .hx-contact-cta:hover:not(:disabled):not([aria-disabled="true"]),
.hx-website-cta:hover:not(:disabled):not([aria-disabled="true"]) {
    background: linear-gradient(180deg, #3b3c35 0%, #2d2e28 100%);
    color: #fff;
    border: 1px solid #ffffff52;
    box-shadow: inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #0000001a, 0 2px 6px #10151014;
  }
}

@media(forced-colors:active) { .hx-website-cta { background: ButtonFace; color: ButtonText; border-color: ButtonText; box-shadow: none; } .hx-website-cta .hx-contact-icon { color: ButtonText; } }