/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: Bitter, serif;
    --font-mono: "Source Code Pro", monospace;
    --color-white: var(--white);
    --spacing: 0.25rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-gray-9: var(--gray-9);
    --color-whimper: var(--whimper);
    --color-kibble: var(--kibble);
    --text--3: 10px;
    --text--3--line-height: 14px;
    --text--2: 12px;
    --text--2--line-height: 16px;
    --text--1: 14px;
    --text--1--line-height: 20px;
    --text-0: 16px;
    --text-0--line-height: 22px;
    --text-1: 18px;
    --text-1--line-height: 24px;
    --text-2: 20px;
    --text-2--line-height: 28px;
    --text-3: 22px;
    --text-3--line-height: 30px;
    --text-4: 24px;
    --text-4--line-height: 32px;
    --text-5: 28px;
    --text-5--line-height: 36px;
    --text-6: 32px;
    --text-6--line-height: 40px;
    --text-7: 36px;
    --text-7--line-height: 44px;
    --text-8: 40px;
    --text-8--line-height: 48px;
    --text-9: 44px;
    --text-9--line-height: 52px;
    --text-10: 48px;
    --text-10--line-height: 56px;
    --text-11: 56px;
    --text-11--line-height: 64px;
    --text-12: 64px;
    --text-12--line-height: 72px;
    --text-13: 72px;
    --text-13--line-height: 80px;
    --text-14: 88px;
    --text-14--line-height: 96px;
    --text-15: 104px;
    --text-15--line-height: 116px;
    --text-16: 120px;
    --text-16--line-height: 132px;
    --text-17: 156px;
    --text-17--line-height: 172px;
    --spacing-0: 0px;
    --spacing-4px: 4px;
    --spacing-8px: 8px;
    --spacing-12px: 12px;
    --spacing-16px: 16px;
    --spacing-24px: 24px;
    --spacing-28px: 28px;
    --spacing-32px: 32px;
    --spacing-40px: 40px;
    --spacing-48px: 48px;
    --spacing-64px: 64px;
    --spacing-76px: 76px;
    --spacing-100px: 100px;
    --spacing-118px: 118px;
    --spacing-200px: 200px;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 75rem) {
    .container {
      max-width: 75rem;
    }
  }
  @media (width >= 90rem) {
    .container {
      max-width: 90rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  @media (width >= 100rem) {
    .container {
      max-width: 100rem;
    }
  }
  @media (width >= 120rem) {
    .container {
      max-width: 120rem;
    }
  }
  .layout-container {
    padding-inline: 16px;
    max-width: 1800px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
  }
  @media (min-width: 768px) {
    .layout-container {
      padding-inline: 40px;
    }
  }
  @media (min-width: 1280px) {
    .layout-container {
      padding-inline: 60px;
    }
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-32px {
    margin-top: var(--spacing-32px);
  }
  .mt-\[150px\] {
    margin-top: 150px;
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-16px {
    margin-bottom: var(--spacing-16px);
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[108px\] {
    max-height: 108px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[50px\] {
    width: 50px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[125px\] {
    max-width: 125px;
  }
  .max-w-\[165px\] {
    max-width: 165px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-\[32px\] {
    column-gap: 32px;
  }
  :where(.space-x-0 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing-0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)));
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .object-contain {
    object-fit: contain;
  }
  .px-100px {
    padding-inline: var(--spacing-100px);
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[40px\] {
    padding-inline: 40px;
  }
  .px-\[60px\] {
    padding-inline: 60px;
  }
  .px-\[84px\] {
    padding-inline: 84px;
  }
  .py-32px {
    padding-block: var(--spacing-32px);
  }
  .pt-\[150px\] {
    padding-top: 150px;
  }
  .pb-12px {
    padding-bottom: var(--spacing-12px);
  }
  .pb-16px {
    padding-bottom: var(--spacing-16px);
  }
  .pb-24px {
    padding-bottom: var(--spacing-24px);
  }
  .pb-32px {
    padding-bottom: var(--spacing-32px);
  }
  .pb-48px {
    padding-bottom: var(--spacing-48px);
  }
  .text-left {
    text-align: left;
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .fs-4 {
    font-size: var(--text-3);
    line-height: var(--tw-leading, var(--text-3--line-height));
  }
  @media (width >= 75rem) {
    .fs-4 {
      font-size: var(--text-4);
      line-height: var(--tw-leading, var(--text-4--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-4 {
      font-size: var(--text-6);
      line-height: var(--tw-leading, var(--text-6--line-height));
    }
  }
  .fs-5 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
  @media (width >= 75rem) {
    .fs-5 {
      font-size: var(--text-5);
      line-height: var(--tw-leading, var(--text-5--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-5 {
      font-size: var(--text-8);
      line-height: var(--tw-leading, var(--text-8--line-height));
    }
  }
  .fs-6 {
    font-size: var(--text-5);
    line-height: var(--tw-leading, var(--text-5--line-height));
  }
  @media (width >= 75rem) {
    .fs-6 {
      font-size: var(--text-7);
      line-height: var(--tw-leading, var(--text-7--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-6 {
      font-size: var(--text-11);
      line-height: var(--tw-leading, var(--text-11--line-height));
    }
  }
  .fs-7 {
    font-size: var(--text-6);
    line-height: var(--tw-leading, var(--text-6--line-height));
  }
  @media (width >= 75rem) {
    .fs-7 {
      font-size: var(--text-9);
      line-height: var(--tw-leading, var(--text-9--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-7 {
      font-size: var(--text-13);
      line-height: var(--tw-leading, var(--text-13--line-height));
    }
  }
  .fs-8 {
    font-size: var(--text-8);
    line-height: var(--tw-leading, var(--text-8--line-height));
  }
  @media (width >= 75rem) {
    .fs-8 {
      font-size: var(--text-11);
      line-height: var(--tw-leading, var(--text-11--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-8 {
      font-size: var(--text-14);
      line-height: var(--tw-leading, var(--text-14--line-height));
    }
  }
  .fs-9 {
    font-size: var(--text-10);
    line-height: var(--tw-leading, var(--text-10--line-height));
  }
  @media (width >= 75rem) {
    .fs-9 {
      font-size: var(--text-13);
      line-height: var(--tw-leading, var(--text-13--line-height));
    }
  }
  @media (width >= 90rem) {
    .fs-9 {
      font-size: var(--text-15);
      line-height: var(--tw-leading, var(--text-15--line-height));
    }
  }
  .fs-0 {
    font-size: var(--text--1);
    line-height: var(--tw-leading, var(--text--1--line-height));
  }
  @media (width >= 90rem) {
    .fs-0 {
      font-size: var(--text-0);
      line-height: var(--tw-leading, var(--text-0--line-height));
    }
  }
  .fs-1 {
    font-size: var(--text-0);
    line-height: var(--tw-leading, var(--text-0--line-height));
  }
  @media (width >= 90rem) {
    .fs-1 {
      font-size: var(--text-1);
      line-height: var(--tw-leading, var(--text-1--line-height));
    }
  }
  .fs-2 {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
  @media (width >= 90rem) {
    .fs-2 {
      font-size: var(--text-2);
      line-height: var(--tw-leading, var(--text-2--line-height));
    }
  }
  .fs-3 {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
  @media (width >= 90rem) {
    .fs-3 {
      font-size: var(--text-4);
      line-height: var(--tw-leading, var(--text-4--line-height));
    }
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .text-gray-9 {
    color: var(--color-gray-9);
  }
  .text-white {
    color: var(--color-white);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  @media (width >= 48rem) {
    .sm\:top-\[100\%\] {
      top: 100%;
    }
  }
  @media (width >= 48rem) {
    .sm\:mt-16px {
      margin-top: var(--spacing-16px);
    }
  }
  @media (width >= 48rem) {
    .sm\:h-\[90px\] {
      height: 90px;
    }
  }
  @media (width >= 48rem) {
    .sm\:h-\[150px\] {
      height: 150px;
    }
  }
  @media (width >= 48rem) {
    .sm\:h-\[250px\] {
      height: 250px;
    }
  }
  @media (width >= 48rem) {
    .sm\:w-\[85px\] {
      width: 85px;
    }
  }
  @media (width >= 48rem) {
    .sm\:w-\[100px\] {
      width: 100px;
    }
  }
  @media (width >= 48rem) {
    .sm\:w-\[125px\] {
      width: 125px;
    }
  }
  @media (width >= 48rem) {
    .sm\:w-\[150px\] {
      width: 150px;
    }
  }
  @media (width >= 48rem) {
    .sm\:w-full {
      width: 100%;
    }
  }
  @media (width >= 48rem) {
    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }
  }
  @media (width >= 48rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .sm\:pb-28px {
      padding-bottom: var(--spacing-28px);
    }
  }
  @media (width >= 48rem) {
    .sm\:pb-32px {
      padding-bottom: var(--spacing-32px);
    }
  }
  @media (width >= 48rem) {
    .sm\:pb-48px {
      padding-bottom: var(--spacing-48px);
    }
  }
  @media (width >= 48rem) {
    .sm\:pb-64px {
      padding-bottom: var(--spacing-64px);
    }
  }
  @media (width >= 48rem) {
    .sm\:pb-100px {
      padding-bottom: var(--spacing-100px);
    }
  }
  @media (width >= 75rem) {
    .md\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 75rem) {
    .md\:h-\[75px\] {
      height: 75px;
    }
  }
  @media (width >= 75rem) {
    .md\:h-\[95px\] {
      height: 95px;
    }
  }
  @media (width >= 75rem) {
    .md\:h-\[300px\] {
      height: 300px;
    }
  }
  @media (width >= 75rem) {
    .md\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 75rem) {
    .md\:w-\[150px\] {
      width: 150px;
    }
  }
  @media (width >= 75rem) {
    .md\:max-w-\[700px\] {
      max-width: 700px;
    }
  }
  @media (width >= 75rem) {
    .md\:px-\[40px\] {
      padding-inline: 40px;
    }
  }
  @media (width >= 90rem) {
    .lg\:h-\[200px\] {
      height: 200px;
    }
  }
  @media (width >= 90rem) {
    .lg\:h-\[500px\] {
      height: 500px;
    }
  }
  @media (width >= 90rem) {
    .lg\:w-\[150px\] {
      width: 150px;
    }
  }
  @media (width >= 90rem) {
    .lg\:w-\[200px\] {
      width: 200px;
    }
  }
  @media (width >= 90rem) {
    .lg\:max-w-\[250px\] {
      max-width: 250px;
    }
  }
  @media (width >= 100rem) {
    .xl\:max-w-\[900px\] {
      max-width: 900px;
    }
  }
  @media (width >= 100rem) {
    .xl\:px-\[60px\] {
      padding-inline: 60px;
    }
  }
}
@layer theme;
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities;
:root {
  --font-bitter: 'Bitter', serif;
  --font-ibm: 'IBM Plex Sans', sans-serif;
}
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
#root, #__next {
  isolation: isolate;
}
:root {
  --page-bg: #fff;
  --text-color: #2e2e2e;
  --black: #000;
  --white: #fff;
  --whimper: #125a74;
  --slobber: #1a7ca0;
  --drool: #219ecc;
  --waterbowl: #4ccbf3;
  --booger: #3d8e58;
  --mange: #6161c9;
  --rabies: #dd2033;
  --treat: #ff8e10;
  --kibble: #fdbd3c;
  --gray-1: #f4f4f4;
  --gray-2: #dedede;
  --gray-3: #ccc;
  --gray-4: #aaa;
  --gray-5: #999;
  --gray-6: #777;
  --gray-7: #555;
  --gray-8: #2b2b2b;
  --gray-9: #111;
  --snowdog: #fff;
  --whimper-darken: #011a23;
  --slobber-darken: #023e54;
  --drool-darken: #005e80;
  --waterbowl-darken: #05769a;
  --booger-darken: #1c492b;
  --mange-darken: #282871;
  --rabies-darken: #760713;
  --treat-darken: #91520b;
  --kibble-darken: #866116;
  --white-lighten: #fff;
  --whimper-lighten: #22abdd;
  --slobber-lighten: #24aadb;
  --drool-lighten: #4fbbe3;
  --waterbowl-lighten: #9fe3f9;
  --booger-lighten: #4db26f;
  --mange-lighten: #8d8dd8;
  --rabies-lighten: #ec7985;
  --treat-lighten: #ffb766;
  --kibble-lighten: #fedd9a;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --jui-dialog-close-button-size: 32px;
  --jui-dialog-close-button-border-radius: 50%;
}
.logged-in .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  transform: none !important;
}
.bg-page-color {
  background-color: var(--page-color);
}
.bg-snowdog {
  background-color: var(--snowdog);
}
.bg-whimper {
  background-color: var(--whimper);
}
.bg-slobber {
  background-color: var(--slobber);
}
.bg-drool {
  background-color: var(--drool);
}
.bg-waterbowl {
  background-color: var(--waterbowl);
}
.bg-booger {
  background-color: var(--booger);
}
.bg-mange {
  background-color: var(--mange);
}
.bg-rabies {
  background-color: var(--rabies);
}
.bg-treat {
  background-color: var(--treat);
}
.bg-kibble {
  background-color: var(--kibble);
}
.bg-whimper-darken {
  background-color: var(--whimper-darken);
}
.bg-slobber-darken {
  background-color: var(--slobber-darken);
}
.bg-drool-darken {
  background-color: var(--drool-darken);
}
.bg-waterbowl-darken {
  background-color: var(--waterbowl-darken);
}
.bg-booger-darken {
  background-color: var(--booger-darken);
}
.bg-mange-darken {
  background-color: var(--mange-darken);
}
.bg-rabies-darken {
  background-color: var(--rabies-darken);
}
.bg-treat-darken {
  background-color: var(--treat-darken);
}
.bg-kibble-darken {
  background-color: var(--kibble-darken);
}
.snowdog-text,
.snowdog_text {
  color: var(--snowdog);
}
.snowdog-text a, .snowdog-text p, .snowdog-text span, .snowdog-text li, .snowdog_text a, .snowdog_text p, .snowdog_text span, .snowdog_text li {
  color: var(--snowdog) !important;
}
.snowdog-text ul li::before, .snowdog_text ul li::before {
  background-color: var(--snowdog) !important;
}
.blacklab-text,
.blacklab_text {
  color: var(--black);
}
.blacklab-text a, .blacklab-text p, .blacklab-text span, .blacklab-text li, .blacklab_text a, .blacklab_text p, .blacklab_text span, .blacklab_text li {
  color: var(--black) !important;
}
.blacklab-text ul li::before, .blacklab_text ul li::before {
  background-color: var(--black) !important;
}
.whimper-text,
.whimper_text {
  color: var(--whimper);
}
.whimper-text a, .whimper-text p, .whimper-text span, .whimper-text li, .whimper_text a, .whimper_text p, .whimper_text span, .whimper_text li {
  color: var(--whimper) !important;
}
.whimper-text ul li::before, .whimper_text ul li::before {
  background-color: var(--whimper) !important;
}
.whimper-text_light, .whimper_text_light {
  color: var(--whimper-lighten);
}
.whimper-text_light a, .whimper-text_light p, .whimper-text_light span, .whimper-text_light li, .whimper_text_light a, .whimper_text_light p, .whimper_text_light span, .whimper_text_light li {
  color: var(--whimper-lighten) !important;
}
.whimper-text_light ul li::before, .whimper_text_light ul li::before {
  background-color: var(--whimper-lighten) !important;
}
.slobber-text,
.slobber_text {
  color: var(--slobber);
}
.slobber-text a, .slobber-text p, .slobber-text span, .slobber-text li, .slobber_text a, .slobber_text p, .slobber_text span, .slobber_text li {
  color: var(--slobber) !important;
}
.slobber-text ul li::before, .slobber_text ul li::before {
  background-color: var(--slobber) !important;
}
.slobber-text_light, .slobber_text_light {
  color: var(--slobber-lighten);
}
.slobber-text_light a, .slobber-text_light p, .slobber-text_light span, .slobber-text_light li, .slobber_text_light a, .slobber_text_light p, .slobber_text_light span, .slobber_text_light li {
  color: var(--slobber-lighten) !important;
}
.slobber-text_light ul li::before, .slobber_text_light ul li::before {
  background-color: var(--slobber-lighten) !important;
}
.drool-text,
.drool_text {
  color: var(--drool);
}
.drool-text a, .drool-text p, .drool-text span, .drool-text li, .drool_text a, .drool_text p, .drool_text span, .drool_text li {
  color: var(--drool) !important;
}
.drool-text ul li::before, .drool_text ul li::before {
  background-color: var(--drool) !important;
}
.waterbowl-text,
.waterbowl_text {
  color: var(--waterbowl);
}
.waterbowl-text a, .waterbowl-text p, .waterbowl-text span, .waterbowl-text li, .waterbowl_text a, .waterbowl_text p, .waterbowl_text span, .waterbowl_text li {
  color: var(--waterbowl) !important;
}
.waterbowl-text ul li::before, .waterbowl_text ul li::before {
  background-color: var(--waterbowl) !important;
}
.waterbowl-text_light, .waterbowl_text_light {
  color: var(--waterbowl-lighten);
}
.waterbowl-text_light a, .waterbowl-text_light p, .waterbowl-text_light span, .waterbowl-text_light li, .waterbowl_text_light a, .waterbowl_text_light p, .waterbowl_text_light span, .waterbowl_text_light li {
  color: var(--waterbowl-lighten) !important;
}
.waterbowl-text_light ul li::before, .waterbowl_text_light ul li::before {
  background-color: var(--waterbowl-lighten) !important;
}
.booger-text,
.booger_text {
  color: var(--booger);
}
.booger-text a, .booger-text p, .booger-text span, .booger-text li, .booger_text a, .booger_text p, .booger_text span, .booger_text li {
  color: var(--booger) !important;
}
.booger-text ul li::before, .booger_text ul li::before {
  background-color: var(--booger) !important;
}
.booger-text_light, .booger_text_light {
  color: var(--booger-lighten);
}
.booger-text_light a, .booger-text_light p, .booger-text_light span, .booger-text_light li, .booger_text_light a, .booger_text_light p, .booger_text_light span, .booger_text_light li {
  color: var(--booger-lighten) !important;
}
.booger-text_light ul li::before, .booger_text_light ul li::before {
  background-color: var(--booger-lighten) !important;
}
.mange-text,
.mange_text {
  color: var(--mange);
}
.mange-text a, .mange-text p, .mange-text span, .mange-text li, .mange_text a, .mange_text p, .mange_text span, .mange_text li {
  color: var(--mange) !important;
}
.mange-text ul li::before, .mange_text ul li::before {
  background-color: var(--mange) !important;
}
.mange-text_light, .mange_text_light {
  color: var(--mange-lighten);
}
.mange-text_light a, .mange-text_light p, .mange-text_light span, .mange-text_light li, .mange_text_light a, .mange_text_light p, .mange_text_light span, .mange_text_light li {
  color: var(--mange-lighten) !important;
}
.mange-text_light ul li::before, .mange_text_light ul li::before {
  background-color: var(--mange-lighten) !important;
}
.rabies-text,
.rabies_text {
  color: var(--rabies);
}
.rabies-text a, .rabies-text p, .rabies-text span, .rabies-text li, .rabies_text a, .rabies_text p, .rabies_text span, .rabies_text li {
  color: var(--rabies) !important;
}
.rabies-text ul li::before, .rabies_text ul li::before {
  background-color: var(--rabies) !important;
}
.rabies-text_light, .rabies_text_light {
  color: var(--rabies-lighten);
}
.rabies-text_light a, .rabies-text_light p, .rabies-text_light span, .rabies-text_light li, .rabies_text_light a, .rabies_text_light p, .rabies_text_light span, .rabies_text_light li {
  color: var(--rabies-lighten) !important;
}
.rabies-text_light ul li::before, .rabies_text_light ul li::before {
  background-color: var(--rabies-lighten) !important;
}
.treat-text,
.treat_text {
  color: var(--treat);
}
.treat-text a, .treat-text p, .treat-text span, .treat-text li, .treat_text a, .treat_text p, .treat_text span, .treat_text li {
  color: var(--treat) !important;
}
.treat-text ul li::before, .treat_text ul li::before {
  background-color: var(--treat) !important;
}
.treat-text_light, .treat_text_light {
  color: var(--treat-lighten);
}
.treat-text_light a, .treat-text_light p, .treat-text_light span, .treat-text_light li, .treat_text_light a, .treat_text_light p, .treat_text_light span, .treat_text_light li {
  color: var(--treat-lighten) !important;
}
.treat-text_light ul li::before, .treat_text_light ul li::before {
  background-color: var(--treat-lighten) !important;
}
.kibble-text,
.kibble_text {
  color: var(--kibble);
}
.kibble-text a, .kibble-text p, .kibble-text span, .kibble-text li, .kibble_text a, .kibble_text p, .kibble_text span, .kibble_text li {
  color: var(--kibble) !important;
}
.kibble-text ul li::before, .kibble_text ul li::before {
  background-color: var(--kibble) !important;
}
.kibble-text_light, .kibble_text_light {
  color: var(--kibble-lighten);
}
.kibble-text_light a, .kibble-text_light p, .kibble-text_light span, .kibble-text_light li, .kibble_text_light a, .kibble_text_light p, .kibble_text_light span, .kibble_text_light li {
  color: var(--kibble-lighten) !important;
}
.kibble-text_light ul li::before, .kibble_text_light ul li::before {
  background-color: var(--kibble-lighten) !important;
}
body {
  font-size: var(--text-1);
  line-height: var(--tw-leading, var(--text-1--line-height));
}
@media (width >= 90rem) {
  body {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
}
body {
  background-color: var(--white);
  font-family: var(--font-bitter);
  color: var(--slobber);
}
h2, h3, h4, h5, h6, li, a, span {
  color: var(--page-color);
}
h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, li::selection, a::selection, span::selection {
  background-color: var(--page-color);
  color: var(--snowdog);
}
a {
  color: var(--drool);
  text-decoration: none;
}
.layout-content ul:not(.contextual-links) {
  list-style: none;
  padding-left: 24px;
  margin-bottom: 32px;
}
.layout-content ul:not(.contextual-links) li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 4px;
  color: var(--black);
}
.layout-content ul:not(.contextual-links) li:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: -20px;
  transition: all 150ms ease;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  background-color: var(--page-color, var(--whimper));
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 1):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_1.svg");
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 2):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_2.svg");
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 3):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_3.svg");
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 4):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_4.svg");
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 5):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_5.svg");
}
.layout-content ul:not(.contextual-links) li:nth-child(6n + 6):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_6.svg");
}
ol {
  list-style: decimal;
  padding-left: 28px;
  margin-bottom: 32px;
}
ol li {
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  ol li {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
ol li {
  color: var(--black);
  margin-bottom: 4px;
}
ol li::marker {
  color: var(--page-color);
}
h1 {
  font-size: var(--text-4);
  line-height: var(--tw-leading, var(--text-4--line-height));
}
@media (width >= 75rem) {
  h1 {
    font-size: var(--text-5);
    line-height: var(--tw-leading, var(--text-5--line-height));
  }
}
@media (width >= 90rem) {
  h1 {
    font-size: var(--text-8);
    line-height: var(--tw-leading, var(--text-8--line-height));
  }
}
h2 {
  font-size: var(--text-3);
  line-height: var(--tw-leading, var(--text-3--line-height));
}
@media (width >= 75rem) {
  h2 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
@media (width >= 90rem) {
  h2 {
    font-size: var(--text-6);
    line-height: var(--tw-leading, var(--text-6--line-height));
  }
}
h3 {
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  h3 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
h4 {
  font-size: var(--text-1);
  line-height: var(--tw-leading, var(--text-1--line-height));
}
@media (width >= 90rem) {
  h4 {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
}
h5 {
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  h5 {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
h6 {
  font-size: var(--text--1);
  line-height: var(--tw-leading, var(--text--1--line-height));
}
@media (width >= 90rem) {
  h6 {
    font-size: var(--text-0);
    line-height: var(--tw-leading, var(--text-0--line-height));
  }
}
.fs--2 {
  font-size: var(--text--3);
  line-height: var(--tw-leading, var(--text--3--line-height));
}
@media (width >= 90rem) {
  .fs--2 {
    font-size: var(--text--2);
    line-height: var(--tw-leading, var(--text--2--line-height));
  }
}
.fs--1 {
  font-size: var(--text--2);
  line-height: var(--tw-leading, var(--text--2--line-height));
}
@media (width >= 90rem) {
  .fs--1 {
    font-size: var(--text--1);
    line-height: var(--tw-leading, var(--text--1--line-height));
  }
}
.fs-0 {
  font-size: var(--text--1);
  line-height: var(--tw-leading, var(--text--1--line-height));
}
@media (width >= 90rem) {
  .fs-0 {
    font-size: var(--text-0);
    line-height: var(--tw-leading, var(--text-0--line-height));
  }
}
.fs-1 {
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  .fs-1 {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
.fs-2 {
  font-size: var(--text-1);
  line-height: var(--tw-leading, var(--text-1--line-height));
}
@media (width >= 90rem) {
  .fs-2 {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
}
.fs-3 {
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  .fs-3 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
.fs-4 {
  font-size: var(--text-3);
  line-height: var(--tw-leading, var(--text-3--line-height));
}
@media (width >= 75rem) {
  .fs-4 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
@media (width >= 90rem) {
  .fs-4 {
    font-size: var(--text-6);
    line-height: var(--tw-leading, var(--text-6--line-height));
  }
}
.fs-5 {
  font-size: var(--text-4);
  line-height: var(--tw-leading, var(--text-4--line-height));
}
@media (width >= 75rem) {
  .fs-5 {
    font-size: var(--text-5);
    line-height: var(--tw-leading, var(--text-5--line-height));
  }
}
@media (width >= 90rem) {
  .fs-5 {
    font-size: var(--text-8);
    line-height: var(--tw-leading, var(--text-8--line-height));
  }
}
.fs-6 {
  font-size: var(--text-5);
  line-height: var(--tw-leading, var(--text-5--line-height));
}
@media (width >= 75rem) {
  .fs-6 {
    font-size: var(--text-7);
    line-height: var(--tw-leading, var(--text-7--line-height));
  }
}
@media (width >= 90rem) {
  .fs-6 {
    font-size: var(--text-11);
    line-height: var(--tw-leading, var(--text-11--line-height));
  }
}
.fs-7 {
  font-size: var(--text-6);
  line-height: var(--tw-leading, var(--text-6--line-height));
}
@media (width >= 75rem) {
  .fs-7 {
    font-size: var(--text-9);
    line-height: var(--tw-leading, var(--text-9--line-height));
  }
}
@media (width >= 90rem) {
  .fs-7 {
    font-size: var(--text-13);
    line-height: var(--tw-leading, var(--text-13--line-height));
  }
}
.fs-8 {
  font-size: var(--text-8);
  line-height: var(--tw-leading, var(--text-8--line-height));
}
@media (width >= 75rem) {
  .fs-8 {
    font-size: var(--text-11);
    line-height: var(--tw-leading, var(--text-11--line-height));
  }
}
@media (width >= 90rem) {
  .fs-8 {
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
  }
}
.fs-9 {
  font-size: var(--text-10);
  line-height: var(--tw-leading, var(--text-10--line-height));
}
@media (width >= 75rem) {
  .fs-9 {
    font-size: var(--text-13);
    line-height: var(--tw-leading, var(--text-13--line-height));
  }
}
@media (width >= 90rem) {
  .fs-9 {
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
  }
}
.fs-10 {
  font-size: var(--text-11);
  line-height: var(--tw-leading, var(--text-11--line-height));
}
@media (width >= 75rem) {
  .fs-10 {
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
  }
}
@media (width >= 90rem) {
  .fs-10 {
    font-size: var(--text-16);
    line-height: var(--tw-leading, var(--text-16--line-height));
  }
}
.fs-11 {
  font-size: var(--text-12);
  line-height: var(--tw-leading, var(--text-12--line-height));
}
@media (width >= 75rem) {
  .fs-11 {
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
  }
}
@media (width >= 90rem) {
  .fs-11 {
    font-size: var(--text-17);
    line-height: var(--tw-leading, var(--text-17--line-height));
  }
}
header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 99;
  transition: background-color 0.3s ease;
}
.logged-in header {
  top: 62px;
}
header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header #block-hounder-base-sitebranding a > img {
  max-width: 100px;
  display: inline-block;
  vertical-align: middle;
}
header #block-hounder-base-mainnavigation > ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: flex-end;
  list-style: none;
  gap: 32px;
}
header #block-hounder-base-mainnavigation > ul a, header #block-hounder-base-mainnavigation > ul span {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-ibm);
  line-height: 22px;
  letter-spacing: -0.176px;
  color: var(--kibble);
}
main[role="main"] {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-white);
}
footer {
  bottom: var(--spacing-0);
  width: 100%;
  background-color: var(--color-whimper);
}
@media (width >= 48rem) {
  footer {
    position: sticky;
  }
}
footer .container {
  padding-top: var(--spacing-64px);
  font-family: var(--font-serif);
  color: var(--color-white);
}
@media (width >= 75rem) {
  footer .container {
    gap: var(--spacing-100px);
  }
}
@media (width >= 75rem) {
  footer .container {
    padding-top: var(--spacing-200px);
  }
}
@media (width >= 90rem) {
  footer .container {
    gap: 200px;
  }
}
footer .container {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  footer .container {
    padding-left: 40px;
    padding-right: 40px;
    display: grid;
    grid-template-columns: repeat(2, minmax(335px, 1fr));
    gap: 25px;
  }
}
@media (min-width: 1000px) {
  footer .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
footer .facts-wrapper {
  margin-bottom: var(--spacing-64px);
  max-width: 550px;
}
@media (width < 48rem) {
  footer .facts-wrapper {
    margin-inline: auto;
  }
}
@media (width >= 75rem) {
  footer .facts-wrapper {
    max-width: 800px;
  }
}
footer .facts-wrapper .title {
  margin-bottom: var(--spacing-12px);
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  footer .facts-wrapper .title {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
footer .facts-wrapper .title {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
footer .facts-wrapper .facts {
  font-size: var(--text-4);
  line-height: var(--tw-leading, var(--text-4--line-height));
}
@media (width >= 75rem) {
  footer .facts-wrapper .facts {
    font-size: var(--text-5);
    line-height: var(--tw-leading, var(--text-5--line-height));
  }
}
@media (width >= 90rem) {
  footer .facts-wrapper .facts {
    font-size: var(--text-8);
    line-height: var(--tw-leading, var(--text-8--line-height));
  }
}
footer .facts-wrapper .facts {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  font-style: italic;
}
footer .social-wrapper {
  display: flex;
  padding-bottom: var(--spacing-24px);
}
footer .social-wrapper .social-link {
  margin-right: var(--spacing-12px);
  display: flex;
  height: var(--spacing-32px);
  width: var(--spacing-32px);
  align-items: center;
  justify-content: center;
  background-color: var(--kibble);
  transition: background-color 150ms ease-in-out;
}
footer .social-wrapper .social-link:hover, 
      footer .social-wrapper .social-link:focus {
  background-color: var(--white);
}
footer .social-wrapper .social-icon {
  height: var(--spacing-16px);
  width: var(--spacing-16px);
  background-color: var(--color-whimper);
  mask-size: contain;
  mask-repeat: no-repeat;
}
footer .social-wrapper .social-icon.instagram {
  mask-image: url("/themes/custom/hounder_base/images/icons/social-instagram.png");
}
footer .social-wrapper .social-icon.facebook {
  mask-image: url("/themes/custom/hounder_base/images/icons/social-facebook.png");
}
footer .social-wrapper .social-icon.twitter {
  mask-image: url("/themes/custom/hounder_base/images/icons/social-twitter.png");
}
footer .social-wrapper .social-icon.linkedin {
  mask-image: url("/themes/custom/hounder_base/images/icons/social-linkedin.png");
}
footer .copyright-wrapper {
  margin-top: var(--spacing-32px);
  max-width: 550px;
}
@media (width < 48rem) {
  footer .copyright-wrapper {
    margin-inline: auto;
  }
}
footer .copyright-wrapper .copyright {
  padding-bottom: 56px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-kibble);
}
footer .copyright-wrapper .copyright a {
  color: var(--kibble);
}
footer .copyright-wrapper .dog-logo {
  margin-bottom: var(--spacing-24px);
  height: var(--spacing-76px);
  width: var(--spacing-76px);
  background-color: var(--color-kibble);
  mask: url('/themes/custom/hounder_base/masks/hounder-icon.svg') no-repeat;
  transition: background-color 150ms ease-in-out;
}
footer .copyright-wrapper .dog-logo:hover, footer .copyright-wrapper .dog-logo focus {
  background-color: var(--white);
}
footer .copyright-wrapper .line {
  color: var(--color-white);
  font-size: x-large;
  display: inline-block;
  transform: translateY(3px);
}
footer .copyright-wrapper .link {
  text-decoration-line: underline;
  transition: all 150ms ease-in-out;
}
footer .copyright-wrapper .link:hover, footer .copyright-wrapper .link focus {
  color: var(--color-white);
}
footer .copyright-wrapper .number {
  margin-bottom: 24px;
}
footer .copyright-wrapper .number a {
  margin-bottom: var(--spacing-32px);
  cursor: pointer;
  font-family: var(--font-serif);
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  footer .copyright-wrapper .number a {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
footer .copyright-wrapper .number a {
  color: var(--color-kibble);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
@media (hover: hover) {
  footer .copyright-wrapper .number a:hover {
    color: var(--color-white);
  }
}
footer .copyright-wrapper .number a {
  transition: color 150ms ease-in-out;
}
@media (min-width: 768px) {
  footer #block-hounder-base-hubspotfooterformblock {
    grid-row: 1 / 3;
    grid-column: 2;
  }
}
footer .email-popup {
  position: relative;
  margin-inline: auto;
  max-width: 550px;
  background-color: var(--color-kibble);
  padding: var(--spacing-32px);
  color: var(--color-whimper);
}
@media (min-width: 768px) {
  footer .email-popup {
    grid-row: 1 / 3;
    grid-column: 2;
  }
}
footer .email-popup .newspaper {
  position: absolute;
  top: var(--spacing-0);
  right: var(--spacing-0);
  height: var(--spacing-118px);
  width: var(--spacing-118px);
}
footer .email-popup .email-flair-container {
  margin-inline: auto;
  max-width: 350px;
}
footer .email-popup .email-flair-container .email-flair h1,footer .email-popup .email-flair-container .email-flair h2,footer .email-popup .email-flair-container .email-flair h3,footer .email-popup .email-flair-container .email-flair h4,footer .email-popup .email-flair-container .email-flair h5,footer .email-popup .email-flair-container .email-flair h6 {
  margin-bottom: var(--spacing-12px);
  font-size: var(--text-5);
  line-height: var(--tw-leading, var(--text-5--line-height));
}
@media (width >= 75rem) {
  footer .email-popup .email-flair-container .email-flair h1,footer .email-popup .email-flair-container .email-flair h2,footer .email-popup .email-flair-container .email-flair h3,footer .email-popup .email-flair-container .email-flair h4,footer .email-popup .email-flair-container .email-flair h5,footer .email-popup .email-flair-container .email-flair h6 {
    font-size: var(--text-7);
    line-height: var(--tw-leading, var(--text-7--line-height));
  }
}
@media (width >= 90rem) {
  footer .email-popup .email-flair-container .email-flair h1,footer .email-popup .email-flair-container .email-flair h2,footer .email-popup .email-flair-container .email-flair h3,footer .email-popup .email-flair-container .email-flair h4,footer .email-popup .email-flair-container .email-flair h5,footer .email-popup .email-flair-container .email-flair h6 {
    font-size: var(--text-11);
    line-height: var(--tw-leading, var(--text-11--line-height));
  }
}
footer .email-popup .email-flair-container .email-flair h1,footer .email-popup .email-flair-container .email-flair h2,footer .email-popup .email-flair-container .email-flair h3,footer .email-popup .email-flair-container .email-flair h4,footer .email-popup .email-flair-container .email-flair h5,footer .email-popup .email-flair-container .email-flair h6 {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--whimper) !important;
}
footer .email-popup .email-flair-container .email-flair p {
  margin-top: var(--spacing-12px);
  font-size: var(--text-1);
  line-height: var(--tw-leading, var(--text-1--line-height));
}
@media (width >= 90rem) {
  footer .email-popup .email-flair-container .email-flair p {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
}
footer .email-popup .email-flair-container .email-flair p {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--whimper) !important;
}
footer .email-popup .email-flair-container .email-flair small {
  font-size: 70%;
}
footer .email-popup .sib-form .sib-form-block {
  padding: var(--spacing-0);
}
footer .email-popup .sib-form .sib-form-container #sib-container {
  background-color: var(--color-kibble);
}
footer .email-popup .sib-form .sib-form-container #sib-container .entry__label {
  font-family: var(--font-serif);
  color: var(--color-whimper);
}
footer .email-popup .sib-form .sib-form-container #sib-container label:after {
  content: none;
}
footer .email-popup .sib-form .sib-form-container #sib-container .entry__field {
  border-radius: calc(infinity * 1px);
  background-color: inherit !important;
  border: 2px solid var(--whimper) !important;
}
footer .email-popup .sib-form .sib-form-container #sib-container .entry__field .input {
  background-color: var(--color-kibble);
  font-family: var(--font-serif);
  color: var(--color-whimper);
}
footer .email-popup .sib-form .sib-form-container #sib-container .entry__field .input:focus {
  border-color: var(--whimper) !important;
}
footer .email-popup .sib-form .sib-form-container #sib-container .entry__field:focus-within {
  box-shadow: none !important;
  border-color: var(--white) !important;
}
footer .email-popup .sib-form .entry__field {
  border: 2px solid var(--whimper) !important;
}
footer .email-popup .sib-form .entry__field:focus-within {
  box-shadow: none !important;
  border-color: var(--white) !important;
}
footer .email-popup .sib-form .entry__field .input {
  font-family: var(--font-serif);
}
footer .email-popup .sib-form .entry__field .input:focus {
  border-color: var(--whimper) !important;
}
footer .email-popup .sib-form .entry__error {
  color: var(--whimper) !important;
}
footer .email-popup .hs-form-private .hs-input {
  border: 2px solid var(--whimper) !important;
  background-color: transparent !important;
}
footer .email-popup .hs-form-private .hs-input:focus,
        footer .email-popup .hs-form-private .hs-input:focus-visible,
        footer .email-popup .hs-form-private .hs-input:hover {
  border-color: var(--white) !important;
  outline: none !important;
}
footer .email-popup .hs-form-private .hs-input:focus-within {
  border-color: var(--white) !important;
  box-shadow: none !important;
  outline: none !important;
}
footer .email-popup .hs-form-private .hs-input::placeholder {
  color: var(--whimper) !important;
}
footer .email-popup .hs-form-private .actions {
  margin-right: auto;
  margin-left: var(--spacing-0);
}
footer .email-popup .hs-form-private .actions button {
  margin-left: var(--spacing-0);
}
footer .email-popup .hs-form-private * {
  color: var(--color-whimper);
}
.layout--fourcol-section {
  display: block;
}
.layout--fourcol-section .layout__container {
  gap: 16px;
}
.layout--fourcol-section .layout__region {
  flex: 0 1 calc(50% - 16px);
  margin-bottom: 24px;
}
@media (min-width: 1000px) {
  .layout--fourcol-section .layout__region {
    flex: 0 1 calc(25% - 16px);
    margin-bottom: 0;
  }
}
@media (max-width: 568px) {
  .layout--fourcol-section.highlight-reel-mask .layout__region {
    flex: 0 1 100% !important;
  }
}
.layout--threecol-section {
  display: block;
}
.layout--threecol-section .layout__container {
  gap: 16px;
}
.layout--threecol-section .layout__region {
  flex: 0 1 100%;
  margin-bottom: 24px;
}
@media (min-width: 1000px) {
  .layout--threecol-section .layout__region {
    flex: 0 1 calc((100% / 3) - 16px);
    margin-bottom: 0;
  }
}
.layout__container {
  padding-inline: 16px;
  max-width: 1800px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .layout__container {
    padding-inline: 40px;
  }
}
@media (min-width: 1280px) {
  .layout__container {
    padding-inline: 60px;
  }
}
.full-width-block .layout__container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  max-width: 100% !important;
  width: 100%;
}
.layout--twocol-section--50-50 .layout__region.layout__region--first,
  .layout--twocol-section--50-50 .layout__region.layout__region--second {
  width: 100%;
  max-width: 50%;
}
@media (max-width: 767px) {
  .layout--twocol-section--50-50 .layout__region.layout__region--first,
  .layout--twocol-section--50-50 .layout__region.layout__region--second {
    max-width: 100%;
  }
}
#block-hounder-base-tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--drool);
  z-index: 999;
}
#block-hounder-base-tabs > .contextual {
  display: none;
}
#block-hounder-base-tabs ul {
  max-width: 75%;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
#block-hounder-base-tabs ul li {
  display: flex;
}
#block-hounder-base-tabs ul li a {
  background: var(--kibble);
  color: var(--kibble-darken);
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
}
#block-hounder-base-tabs ul li a:hover {
  background: var(--treat);
}
#block-hounder-base-tabs ul li a.is-active {
  background: var(--treat);
}
#block-hounder-base-tabs ul li::before {
  display: none;
}
.inline-block-list a {
  font-size: 12px !important;
}
.layout-builder-form {
  background: #fff;
  padding: 0;
  margin: 0;
}
.layout-builder-form .form-actions {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.layout-builder-form .form-actions .button--primary {
  background: #0073e6;
  color: #fff;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.layout-builder-form .form-actions .button--primary:hover {
  background: #0060c0;
  box-shadow: 0 2px 4px rgba(0, 115, 230, 0.2);
  transform: translateY(-1px);
}
.layout-builder-form .form-actions .button:not(.button--primary) {
  background: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.layout-builder-form .form-actions .button:not(.button--primary):hover {
  background: #f9fafb;
  border-color: #9ca3af;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.layout-builder-form .form-actions .form-type-checkbox {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.layout-builder-form .form-actions .form-checkbox {
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  cursor: pointer;
  transition: all 0.2s ease;
}
.layout-builder-form .form-actions .form-checkbox:checked {
  background: #0073e6;
  border-color: #0073e6;
}
.layout-builder-form .form-actions label.option {
  margin: 0;
  font-size: 0.9375rem;
  color: #374151;
  cursor: pointer;
  user-select: none;
}
.layout-builder-form .layout-builder__message {
  font-size: 12px;
  background: #fff;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
}
.layout-builder-form .layout-builder__message [role="contentinfo"] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.layout-builder-form .layout-builder__message [role="contentinfo"] > :first-child {
  color: #374151;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.layout-builder-form .layout-builder__message a {
  color: #0073e6;
  text-decoration: none;
  font-weight: 500;
}
.layout-builder-form .layout-builder__message a:hover {
  text-decoration: underline;
}
.layout-builder-form .messages--warning {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: 0.875rem 1rem;
  border-radius: 6px;
  color: #92400e;
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 0;
}
.layout-builder-form .vertical-tabs {
  margin: 1.5rem;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.layout-builder-form .vertical-tabs__menu {
  background: #f9fafb;
  border-right: 1px solid #e5e7eb;
  padding: 0;
  margin: 0;
  list-style: none;
  min-width: 200px;
}
.layout-builder-form .vertical-tabs__menu-item {
  border-bottom: 1px solid #e5e7eb;
}
.layout-builder-form .vertical-tabs__menu-item a {
  display: block;
  padding: 1rem;
  color: #6b7280;
  text-decoration: none;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
}
.layout-builder-form .vertical-tabs__menu-item.is-selected a {
  background: #fff;
  color: #0073e6;
  border-left-color: #0073e6;
  font-weight: 500;
}
.layout-builder-form .vertical-tabs__menu-item a:hover {
  background: #f3f4f6;
}
.layout-builder-form .vertical-tabs__menu-item-title {
  display: block;
  font-size: 0.9375rem;
}
.layout-builder-form .vertical-tabs__menu-item-summary {
  display: block;
  font-size: 0.8125rem;
  color: #9ca3af;
  margin-top: 0.25rem;
}
.layout-builder-form .vertical-tabs__panes {
  background: #fff;
  padding: 1.5rem;
}
.layout-builder-form details.vertical-tabs__pane {
  border: none;
  margin: 0;
}
.layout-builder-form details.vertical-tabs__pane summary {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  padding: 0 0 1rem 0;
  cursor: pointer;
  list-style: none;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 1rem;
}
.layout-builder-form details.vertical-tabs__pane summary::-webkit-details-marker {
  display: none;
}
.layout-builder-form details.vertical-tabs__pane .form-type-checkbox {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
}
.layout-builder-form details.vertical-tabs__pane .form-checkbox {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 4px;
  border: 1px solid #d1d5db;
  cursor: pointer;
}
.layout-builder-form details.vertical-tabs__pane .form-checkbox:checked {
  background: #0073e6;
  border-color: #0073e6;
}
.layout-builder-form details.vertical-tabs__pane label.option {
  margin: 0;
  color: #374151;
  font-size: 0.9375rem;
  cursor: pointer;
}
.layout-builder-form > div:last-child {
  background: #f0f7ff;
  padding: 1.25rem 1.5rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  border-top: 1px solid #bfdbfe;
  flex-wrap: wrap;
}
.layout-builder-form .js-show {
  margin-left: auto;
}
.layout-builder-form .form-type-vertical-tabs {
  display: none !important;
}
.layout-builder-form > div:last-child .button {
  background: #0073e6;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 115, 230, 0.15);
  text-transform: capitalize;
}
.layout-builder-form > div:last-child .button:hover {
  background: #0060c0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 115, 230, 0.25);
}
@media (max-width: 767px) {
  .form-actions {
    padding: 0.875rem;
  }
  .vertical-tabs {
    margin: 1rem;
  }
  .vertical-tabs__menu {
    min-width: 150px;
  }
  .vertical-tabs__panes {
    padding: 1rem;
  }
}
.button:focus-visible,
.form-checkbox:focus-visible {
  outline: 2px solid #0073e6;
  outline-offset: 2px;
}
.hidden {
  display: none !important;
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
ul.toolbar-menu .menu-item a {
  justify-content: flex-start !important;
}
div[role="contentinfo"] {
  background: var(--gray-2);
  color: var(--drool);
  margin: 12p 0;
  padding: 12px;
}
.field--name-moderation-state {
  background: var(--gray-1);
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#edit-moderation-state-0 {
  display: flex;
  align-items: center;
  gap: 24px;
}
#edit-moderation-state-0 .form-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
#edit-moderation-state-0 label {
  font-weight: 500;
  margin: 0;
}
#edit-moderation-state-0-current {
  color: var(--black);
  font-weight: 700;
}
#edit-moderation-state-0-state {
  padding: 8px 36px 8px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  background: var(--snowdog);
}
.layout-builder-discard-changes.confirmation {
  background: var(--snowdog);
  border-radius: 8px;
  padding: 24px;
}
.layout-builder-discard-changes .form-actions {
  display: flex;
  gap: 12px;
}
.layout-builder-discard-changes .button--primary {
  background: var(--rabies);
  color: var(--snowdog);
  padding: 10px 24px;
  border-radius: 6px;
  border: none;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.layout-builder-discard-changes .button--primary:hover {
  background: var(--rabies-darken);
}
.layout-builder-discard-changes #edit-actions {
  margin-top: 12px;
}
.layout-builder-discard-changes .dialog-cancel {
  background: transparent;
  border: 1px solid var(--drool);
  padding: 10px 24px;
  border-radius: 6px;
  font-weight: 500;
  transition: background 0.2s ease;
}
.layout-builder-discard-changes .dialog-cancel:hover {
  background: var(--gray-1);
  border: 1px solid var(--drool-darken);
  color: var(--drool-darken);
}
[class*=container] {
  margin: auto;
}
.mt-large {
  margin-top: 48px;
}
.mt-medium {
  margin-top: 32px;
}
.mt-small {
  margin-top: 16px;
}
.mb-large {
  margin-bottom: 48px;
}
.mb-medium {
  margin-bottom: 32px;
}
.mb-small {
  margin-bottom: 16px;
}
.pt-large {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .pt-large {
    padding-top: 56px;
  }
}
@media (min-width: 1000px) {
  .pt-large {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  .pt-large {
    padding-top: 72px;
  }
}
.pt-medium {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .pt-medium {
    padding-top: 40px;
  }
}
@media (min-width: 1000px) {
  .pt-medium {
    padding-top: 48px;
  }
}
@media (min-width: 1280px) {
  .pt-medium {
    padding-top: 56px;
  }
}
.pt-small {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .pt-small {
    padding-top: 24px;
  }
}
@media (min-width: 1000px) {
  .pt-small {
    padding-top: 32px;
  }
}
@media (min-width: 1280px) {
  .pt-small {
    padding-top: 40px;
  }
}
.pb-large {
  padding-bottom: 48px;
}
@media (min-width: 768px) {
  .pb-large {
    padding-bottom: 56px;
  }
}
@media (min-width: 1000px) {
  .pb-large {
    padding-bottom: 64px;
  }
}
@media (min-width: 1280px) {
  .pb-large {
    padding-bottom: 72px;
  }
}
.pb-medium {
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .pb-medium {
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) {
  .pb-medium {
    padding-bottom: 48px;
  }
}
@media (min-width: 1280px) {
  .pb-medium {
    padding-bottom: 56px;
  }
}
.pb-small {
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .pb-small {
    padding-bottom: 24px;
  }
}
@media (min-width: 1000px) {
  .pb-small {
    padding-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .pb-small {
    padding-bottom: 40px;
  }
}
.highlight-reel-mask .layout__container {
  mask-image: url('../masks/highlight-reel.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  margin: auto;
  background-color: var(--page-color, var(--whimper, var(--black)));
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 1000px) {
  .highlight-reel-mask .layout__container {
    padding-top: 80px;
    padding-bottom: 80px;
    mask-size: 100% 100%;
  }
}
@media (max-width: 999px) {
  .highlight-reel-mask .layout__container {
    mask-image: url('../masks/highlight-reel-tablet.svg') !important;
  }
}
@media (max-width: 568px) {
  .highlight-reel-mask .layout__container {
    mask-image: url('../masks/highlight-reel-mobile.svg') !important;
  }
}
.banner-subsection .layout__region {
  margin-top: var(--spacing-0);
  padding-inline: 12px;
  width: 50%;
}
@media (max-width: 999px) {
  .banner-subsection .layout__region {
    max-width: 700px;
    width: 100%;
    margin: auto;
    padding-right: 12px;
  }
  .banner-subsection .layout__region p {
    text-align: center;
  }
}
.nodetype--basic-page .banner-subsection {
  font-size: var(--text-1);
  line-height: var(--tw-leading, var(--text-1--line-height));
}
@media (width >= 90rem) {
  .nodetype--basic-page .banner-subsection {
    font-size: var(--text-2);
    line-height: var(--tw-leading, var(--text-2--line-height));
  }
}
.nodetype--basic-page .banner-subsection .layout__region {
  padding-left: 10%;
}
@media (max-width: 999px) {
  .nodetype--basic-page .banner-subsection .layout__region {
    max-width: 50%;
    width: auto;
    margin: 0;
    margin-right: auto;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .nodetype--basic-page .banner-subsection .layout__region {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}
.top-mask,
.bottom-mask {
  position: relative;
}
.top-mask.bg-slobber::before,
    .top-mask.bg-slobber::after,
    .bottom-mask.bg-slobber::before,
    .bottom-mask.bg-slobber::after {
  background-color: var(--slobber);
}
.top-mask.bg-whimper::before,
    .top-mask.bg-whimper::after,
    .bottom-mask.bg-whimper::before,
    .bottom-mask.bg-whimper::after {
  background-color: var(--whimper);
}
.top-mask.bg-waterbowl::before,
    .top-mask.bg-waterbowl::after,
    .bottom-mask.bg-waterbowl::before,
    .bottom-mask.bg-waterbowl::after {
  background-color: var(--waterbowl);
}
.top-mask.bg-drool::before,
    .top-mask.bg-drool::after,
    .bottom-mask.bg-drool::before,
    .bottom-mask.bg-drool::after {
  background-color: var(--drool);
}
.top-mask.bg-booger::before,
    .top-mask.bg-booger::after,
    .bottom-mask.bg-booger::before,
    .bottom-mask.bg-booger::after {
  background-color: var(--booger);
}
.top-mask.bg-mange::before,
    .top-mask.bg-mange::after,
    .bottom-mask.bg-mange::before,
    .bottom-mask.bg-mange::after {
  background-color: var(--mange);
}
.top-mask.bg-rabies::before,
    .top-mask.bg-rabies::after,
    .bottom-mask.bg-rabies::before,
    .bottom-mask.bg-rabies::after {
  background-color: var(--rabies);
}
.top-mask.bg-treat::before,
    .top-mask.bg-treat::after,
    .bottom-mask.bg-treat::before,
    .bottom-mask.bg-treat::after {
  background-color: var(--treat);
}
.top-mask.bg-kibble::before,
    .top-mask.bg-kibble::after,
    .bottom-mask.bg-kibble::before,
    .bottom-mask.bg-kibble::after {
  background-color: var(--kibble);
}
.top-mask::before {
  content: '';
  position: absolute;
  top: -59px;
  left: 0;
  width: 100%;
  height: 60px;
  mask-image: url('../masks/general-section-1.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  z-index: 2;
}
.bottom-mask::after {
  content: '';
  position: absolute;
  bottom: -59px;
  left: 0;
  width: 100%;
  height: 60px;
  mask-image: url('../masks/general-section-2.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
  transform: rotate(180deg);
  z-index: 2;
}
.is-layout-builder-editing .layout-builder__link--configure {
  background-color: var(--snowdog);
  z-index: 100;
  position: relative;
  padding: 10px;
  border-radius: 10px;
}
.home-banner svg path {
  fill: var(--white);
}
.industry-heavy-banner,
.service-heavy-banner,
.basic-heavy-banner {
  padding: 48px 24px;
  padding-top: 96px;
  height: auto;
  position: relative;
  mask-image: url('/themes/custom/hounder_base/masks/heavy-banner-desktop.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: bottom;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.industry-heavy-banner.content-left, .service-heavy-banner.content-left, .basic-heavy-banner.content-left {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.industry-heavy-banner__headings, .service-heavy-banner__headings, .basic-heavy-banner__headings {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.industry-heavy-banner__headings-title, .service-heavy-banner__headings-title, .basic-heavy-banner__headings-title {
  font-weight: 500;
}
.industry-heavy-banner__headings svg, .service-heavy-banner__headings svg, .basic-heavy-banner__headings svg {
  width: 100%;
}
.industry-heavy-banner__headings svg path, .service-heavy-banner__headings svg path, .basic-heavy-banner__headings svg path {
  fill: #004158;
}
.industry-heavy-banner-centered__content, .service-heavy-banner-centered__content, .basic-heavy-banner-centered__content {
  margin: 0 auto;
  max-width: 1800px;
  position: relative;
  width: 100%;
  height: auto;
}
.industry-heavy-banner-centered__content.content-left, .service-heavy-banner-centered__content.content-left, .basic-heavy-banner-centered__content.content-left {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.industry-heavy-banner-centered__content.content-left .basic-heavy-banner__media, .service-heavy-banner-centered__content.content-left .basic-heavy-banner__media, .basic-heavy-banner-centered__content.content-left .basic-heavy-banner__media {
  position: static;
  right: auto;
  bottom: auto;
  --animation-duration: 0.3s;
}
@media (max-width: 767px) {
  .industry-heavy-banner-centered__content.content-left, .service-heavy-banner-centered__content.content-left, .basic-heavy-banner-centered__content.content-left {
    flex-direction: column;
  }
}
.industry-heavy-banner__content, .service-heavy-banner__content, .basic-heavy-banner__content {
  margin: 48px 0;
  font-weight: 500;
  max-width: 540px;
}
.industry-heavy-banner__content.content-left, .service-heavy-banner__content.content-left, .basic-heavy-banner__content.content-left {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  margin-top: 0px;
  max-width: 45%;
}
@media (max-width: 767px) {
  .industry-heavy-banner__content.content-left, .service-heavy-banner__content.content-left, .basic-heavy-banner__content.content-left {
    max-width: 100%;
    margin-bottom: 0px;
  }
}
.industry-heavy-banner__content-subtext, .service-heavy-banner__content-subtext, .basic-heavy-banner__content-subtext {
  margin-top: 32px;
}
.industry-heavy-banner__content-sets-apart, .service-heavy-banner__content-sets-apart, .basic-heavy-banner__content-sets-apart {
  margin-top: 36px;
}
.industry-heavy-banner__content-sets-apart p, .service-heavy-banner__content-sets-apart p, .basic-heavy-banner__content-sets-apart p {
  color: var(--snowdog);
}
.industry-heavy-banner__content-ctas, .service-heavy-banner__content-ctas, .basic-heavy-banner__content-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  margin-top: 16px;
}
@media (max-width: 1280px) {
  .industry-heavy-banner__content, .service-heavy-banner__content, .basic-heavy-banner__content {
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .industry-heavy-banner__content, .service-heavy-banner__content, .basic-heavy-banner__content {
    padding-right: 24px;
    padding-left: 24px;
    max-width: 100%;
  }
}
.industry-heavy-banner__media, .service-heavy-banner__media, .basic-heavy-banner__media {
  position: absolute;
  height: auto;
  right: 0px;
  bottom: 0px;
  width: 100%;
  z-index: -1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.industry-heavy-banner__media img, .service-heavy-banner__media img, .basic-heavy-banner__media img {
  width: 100%;
  max-width: 100%;
  min-height: 0px;
  object-fit: cover;
  object-position: bottom left;
  height: 100%;
}
@media (min-width: 1000px) {
  .industry-heavy-banner__media img, .service-heavy-banner__media img, .basic-heavy-banner__media img {
    height: 100%;
  }
}
@media (min-width: 1000px) {
  .industry-heavy-banner__media, .service-heavy-banner__media, .basic-heavy-banner__media {
    max-width: 900px;
  }
}
@media (min-width: 1280px) {
  .industry-heavy-banner__media, .service-heavy-banner__media, .basic-heavy-banner__media {
    height: auto;
    max-width: 1100px;
  }
}
@media (min-width: 1480px) {
  .industry-heavy-banner__media, .service-heavy-banner__media, .basic-heavy-banner__media {
    max-width: 1100px;
  }
}
@media (max-width: 767px) {
  .industry-heavy-banner__media, .service-heavy-banner__media, .basic-heavy-banner__media {
    position: relative;
    max-width: 100%;
    bottom: auto;
    right: -20px;
    z-index: 0;
  }
}
.industry-heavy-banner .basic-banner-preheading, .service-heavy-banner .basic-banner-preheading, .basic-heavy-banner .basic-banner-preheading {
  font-family: Bitter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.198px;
  position: relative;
  display: block;
  width: fit-content;
  color: inherit !important;
  margin-bottom: 24px;
}
.industry-heavy-banner .basic-banner-preheading a, .service-heavy-banner .basic-banner-preheading a, .basic-heavy-banner .basic-banner-preheading a {
  color: inherit !important;
}
.industry-heavy-banner .basic-banner-preheading .basic-banner-preheading-underline, .service-heavy-banner .basic-banner-preheading .basic-banner-preheading-underline, .basic-heavy-banner .basic-banner-preheading .basic-banner-preheading-underline {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -7px;
  left: 0;
  mask-image: url('/themes/custom/hounder_base/masks/preheading-underline.svg');
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center;
  background-color: inherit;
}
.industry-heavy-banner-arrow, .service-heavy-banner-arrow, .basic-heavy-banner-arrow {
  width: 42px;
  height: 54px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  mask-image: url('/themes/custom/hounder_base/masks/banner-down-arrow.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  cursor: pointer;
}
@media (min-width: 1000px) {
  .industry-heavy-banner,
.service-heavy-banner,
.basic-heavy-banner {
    min-height: 70vh;
    height: auto;
    max-height: 1200px;
  }
}
@media (max-width: 999px) {
  .industry-heavy-banner,
.service-heavy-banner,
.basic-heavy-banner {
    min-height: 70vh;
    height: auto;
    max-height: 1000px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .industry-heavy-banner,
.service-heavy-banner,
.basic-heavy-banner {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
}
.service-light-banner,
.basic-light-banner {
  padding: 24px;
  padding-top: 96px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  position: relative;
  align-items: flex-end;
}
.service-light-banner__content, .basic-light-banner__content {
  width: 100%;
  height: auto;
  max-width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 72px;
}
.service-light-banner__content-ctas, .basic-light-banner__content-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .service-light-banner__content, .basic-light-banner__content {
    width: 100%;
    max-width: 100%;
    padding-bottom: 16px;
  }
}
.service-light-banner__content-headline, .basic-light-banner__content-headline {
  font-weight: 700;
}
.service-light-banner__content-inner, .basic-light-banner__content-inner {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  max-width: 1800px;
  margin: 0 auto;
  transform: translateY(24px);
  z-index: 2;
}
.service-light-banner__media, .basic-light-banner__media {
  width: 100%;
  height: auto;
  max-width: 55%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  --animation-duration: 0.3s;
}
@media (max-width: 900px) {
  .service-light-banner__media, .basic-light-banner__media {
    max-width: 100%;
  }
}
.service-light-banner__media-image, .basic-light-banner__media-image {
  mask-image: url('/themes/custom/hounder_base/masks/hounder-mask_subpage-banner-video.svg');
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  object-fit: cover;
  height: 100%;
  aspect-ratio: 16 / 9;
}
.service-light-banner .basic-banner-preheading, .basic-light-banner .basic-banner-preheading {
  font-family: Bitter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.198px;
  position: relative;
  display: block;
  width: fit-content;
  color: inherit !important;
  margin-bottom: 8px;
}
.service-light-banner .basic-banner-preheading .basic-banner-preheading-underline, .basic-light-banner .basic-banner-preheading .basic-banner-preheading-underline {
  content: '';
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -7px;
  left: 0;
  mask-image: url('/themes/custom/hounder_base/masks/preheading-underline.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: left;
  background-color: inherit;
}
.service-light-banner .basic-banner-mask.umbrella, .basic-light-banner .basic-banner-mask.umbrella {
  width: 100%;
  height: 65px;
  mask-image: url('/themes/custom/hounder_base/masks/industries-banner-desktop.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 1;
  transform: rotate(180deg);
}
.service-light-banner .service-banner-mask.service-parent,
  .service-light-banner .basic-banner-mask.parent,
  .basic-light-banner .service-banner-mask.service-parent,
  .basic-light-banner .basic-banner-mask.parent {
  width: 100%;
  height: 100px;
  mask-image: url('/themes/custom/hounder_base/masks/service-parent-mask-original.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: bottom;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
  z-index: 1;
}
.service-light-banner-woosh, .basic-light-banner-woosh {
  width: 60%;
  height: 100%;
  max-width: 90%;
  max-height: 255px;
  position: absolute;
  bottom: -200px;
  left: 50%;
  right: auto;
  z-index: 20;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .service-light-banner-woosh, .basic-light-banner-woosh {
    width: 100%;
    max-width: 455px;
    max-height: 380px;
    bottom: -240px;
    right: auto;
  }
}
@media (min-width: 1200px) {
  .service-light-banner-woosh, .basic-light-banner-woosh {
    max-width: 838px;
    max-height: 800px;
    transform: translateX(-50%);
  }
}
@media (min-width: 1600px) {
  .service-light-banner-woosh, .basic-light-banner-woosh {
    bottom: -400px;
  }
}
.service-light-banner-woosh svg, .basic-light-banner-woosh svg {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.service-light-banner-woosh.slobber svg g path, .basic-light-banner-woosh.slobber svg g path {
  fill: var(--slobber);
}
.service-light-banner-woosh.drool svg g path, .basic-light-banner-woosh.drool svg g path {
  fill: var(--drool);
}
.service-light-banner-woosh.waterbowl svg g path, .basic-light-banner-woosh.waterbowl svg g path {
  fill: var(--waterbowl);
}
.service-light-banner-woosh.booger svg g path, .basic-light-banner-woosh.booger svg g path {
  fill: var(--booger);
}
.service-light-banner-woosh.mange svg g path, .basic-light-banner-woosh.mange svg g path {
  fill: var(--mange);
}
.service-light-banner-woosh.rabies svg g path, .basic-light-banner-woosh.rabies svg g path {
  fill: var(--rabies);
}
.service-light-banner-woosh.treat svg g path, .basic-light-banner-woosh.treat svg g path {
  fill: var(--treat);
}
.service-light-banner-woosh.kibble svg g path, .basic-light-banner-woosh.kibble svg g path {
  fill: var(--kibble);
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.about_woosh, .basic-light-banner-woosh.about_woosh {
    bottom: -280px;
    left: 54%;
  }
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.industries_woosh, .basic-light-banner-woosh.industries_woosh {
    bottom: -240px;
    left: 59%;
  }
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.case_studies_woosh, .basic-light-banner-woosh.case_studies_woosh {
    bottom: -240px;
    left: 66%;
  }
}
.service-light-banner-woosh.case_studies_woosh svg, .basic-light-banner-woosh.case_studies_woosh svg {
  transform: translateX(-20%);
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.services_woosh, .basic-light-banner-woosh.services_woosh {
    bottom: -240px;
    left: 59%;
  }
}
.service-light-banner-woosh.service_page_subpage_woosh, .basic-light-banner-woosh.service_page_subpage_woosh {
  transform: translateX(-5%);
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.service_page_subpage_woosh, .basic-light-banner-woosh.service_page_subpage_woosh {
    transform: translateX(-65%);
  }
}
.service-light-banner-woosh.service_page_subpage_woosh svg, .basic-light-banner-woosh.service_page_subpage_woosh svg {
  max-height: 400px;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .service-light-banner-woosh.service_page_subpage_woosh svg, .basic-light-banner-woosh.service_page_subpage_woosh svg {
    max-height: 800px;
  }
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.service_page_subpage_woosh svg, .basic-light-banner-woosh.service_page_subpage_woosh svg {
    transform: rotate(45deg);
  }
}
@media (min-width: 1200px) {
  .service-light-banner-woosh.dog_bowl_woosh, .basic-light-banner-woosh.dog_bowl_woosh {
    bottom: -240px;
  }
}
.service-light-banner-nav, .basic-light-banner-nav {
  width: 100%;
  height: 100%;
  min-height: 165px;
  padding-top: 24px;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}
.service-light-banner-nav-header, .basic-light-banner-nav-header {
  color: var(--gray-5, #999);
  font-family: Bitter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.154px;
}
.service-light-banner-nav-link, .basic-light-banner-nav-link {
  color: var(--gray-8, #2B2B2B);
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.176px;
  position: relative;
}
.service-light-banner-nav-link:hover div, .service-light-banner-nav-link:focus div, .basic-light-banner-nav-link:hover div, .basic-light-banner-nav-link:focus div {
  animation: revealLeft 0.25s ease-in-out forwards;
}
.service-light-banner-nav-link:hover,
      .service-light-banner-nav-link:focus,
      .service-light-banner-nav-link:visited,
      .basic-light-banner-nav-link:hover,
      .basic-light-banner-nav-link:focus,
      .basic-light-banner-nav-link:visited {
  color: var(--gray-8, #2B2B2B);
}
.service-light-banner-nav-link div, .basic-light-banner-nav-link div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.54;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.service-light-banner-nav-link div svg, .basic-light-banner-nav-link div svg {
  width: 100%;
}
.service-light-banner-nav.whimper svg path, .basic-light-banner-nav.whimper svg path {
  fill: var(--whimper);
}
.service-light-banner-nav.slobber svg path, .basic-light-banner-nav.slobber svg path {
  fill: var(--slobber);
}
.service-light-banner-nav.drool svg path, .basic-light-banner-nav.drool svg path {
  fill: var(--drool);
}
.service-light-banner-nav.rabies svg path, .basic-light-banner-nav.rabies svg path {
  fill: var(--rabies);
}
.service-light-banner-nav.treat svg path, .basic-light-banner-nav.treat svg path {
  fill: var(--treat);
}
.service-light-banner-nav.booger svg path, .basic-light-banner-nav.booger svg path {
  fill: var(--booger);
}
.service-light-banner-nav.mange svg path, .basic-light-banner-nav.mange svg path {
  fill: var(--mange);
}
.service-light-banner-nav.kibble svg path, .basic-light-banner-nav.kibble svg path {
  fill: var(--kibble);
}
@media (min-width: 1600px) {
  .service-light-banner,
.basic-light-banner {
    min-height: 715px;
  }
}
@media (max-width: 900px) {
  .service-light-banner,
.basic-light-banner {
    padding-top: 72px;
  }
}
.service-banner.whimper, .industry-banner.whimper, .service-light-banner.whimper, .service-heavy-banner.whimper, .basic-light-banner.whimper, .basic-heavy-banner.whimper, .industry-heavy-banner.whimper {
  background-color: var(--whimper);
  color: var(--whimper-darken);
}
.service-banner.whimper p, .industry-banner.whimper p, .service-light-banner.whimper p, .service-heavy-banner.whimper p, .basic-light-banner.whimper p, .basic-heavy-banner.whimper p, .industry-heavy-banner.whimper p {
  color: var(--whimper-darken);
}
.service-banner.whimper svg path, .industry-banner.whimper svg path, .service-light-banner.whimper svg path, .service-heavy-banner.whimper svg path, .basic-light-banner.whimper svg path, .basic-heavy-banner.whimper svg path, .industry-heavy-banner.whimper svg path {
  fill: var(--whimper-darken);
}
.service-banner.whimper .basic-banner-preheading-underline, .industry-banner.whimper .basic-banner-preheading-underline, .service-light-banner.whimper .basic-banner-preheading-underline, .service-heavy-banner.whimper .basic-banner-preheading-underline, .basic-light-banner.whimper .basic-banner-preheading-underline, .basic-heavy-banner.whimper .basic-banner-preheading-underline, .industry-heavy-banner.whimper .basic-banner-preheading-underline {
  background-color: var(--whimper-darken);
}
.service-banner.whimper ul li:before, .industry-banner.whimper ul li:before, .service-light-banner.whimper ul li:before, .service-heavy-banner.whimper ul li:before, .basic-light-banner.whimper ul li:before, .basic-heavy-banner.whimper ul li:before, .industry-heavy-banner.whimper ul li:before {
  background-color: var(--whimper-darken);
}
.service-banner.slobber, .industry-banner.slobber, .service-light-banner.slobber, .service-heavy-banner.slobber, .basic-light-banner.slobber, .basic-heavy-banner.slobber, .industry-heavy-banner.slobber {
  background-color: var(--slobber);
  color: var(--slobber-darken);
}
.service-banner.slobber p, .industry-banner.slobber p, .service-light-banner.slobber p, .service-heavy-banner.slobber p, .basic-light-banner.slobber p, .basic-heavy-banner.slobber p, .industry-heavy-banner.slobber p {
  color: var(--slobber-darken);
}
.service-banner.slobber svg path, .industry-banner.slobber svg path, .service-light-banner.slobber svg path, .service-heavy-banner.slobber svg path, .basic-light-banner.slobber svg path, .basic-heavy-banner.slobber svg path, .industry-heavy-banner.slobber svg path {
  fill: var(--slobber-darken);
}
.service-banner.slobber .basic-banner-preheading-underline, .industry-banner.slobber .basic-banner-preheading-underline, .service-light-banner.slobber .basic-banner-preheading-underline, .service-heavy-banner.slobber .basic-banner-preheading-underline, .basic-light-banner.slobber .basic-banner-preheading-underline, .basic-heavy-banner.slobber .basic-banner-preheading-underline, .industry-heavy-banner.slobber .basic-banner-preheading-underline {
  background-color: var(--slobber-darken);
}
.service-banner.slobber ul li:before, .industry-banner.slobber ul li:before, .service-light-banner.slobber ul li:before, .service-heavy-banner.slobber ul li:before, .basic-light-banner.slobber ul li:before, .basic-heavy-banner.slobber ul li:before, .industry-heavy-banner.slobber ul li:before {
  background-color: var(--slobber-darken);
}
.service-banner.drool, .industry-banner.drool, .service-light-banner.drool, .service-heavy-banner.drool, .basic-light-banner.drool, .basic-heavy-banner.drool, .industry-heavy-banner.drool {
  background-color: var(--drool);
  color: var(--drool-darken);
}
.service-banner.drool p, .industry-banner.drool p, .service-light-banner.drool p, .service-heavy-banner.drool p, .basic-light-banner.drool p, .basic-heavy-banner.drool p, .industry-heavy-banner.drool p {
  color: var(--drool-darken);
}
.service-banner.drool svg path, .industry-banner.drool svg path, .service-light-banner.drool svg path, .service-heavy-banner.drool svg path, .basic-light-banner.drool svg path, .basic-heavy-banner.drool svg path, .industry-heavy-banner.drool svg path {
  fill: var(--drool-darken);
}
.service-banner.drool .basic-banner-preheading-underline, .industry-banner.drool .basic-banner-preheading-underline, .service-light-banner.drool .basic-banner-preheading-underline, .service-heavy-banner.drool .basic-banner-preheading-underline, .basic-light-banner.drool .basic-banner-preheading-underline, .basic-heavy-banner.drool .basic-banner-preheading-underline, .industry-heavy-banner.drool .basic-banner-preheading-underline {
  background-color: var(--drool-darken);
}
.service-banner.drool ul li:before, .industry-banner.drool ul li:before, .service-light-banner.drool ul li:before, .service-heavy-banner.drool ul li:before, .basic-light-banner.drool ul li:before, .basic-heavy-banner.drool ul li:before, .industry-heavy-banner.drool ul li:before {
  background-color: var(--drool-darken);
}
.service-banner.rabies, .industry-banner.rabies, .service-light-banner.rabies, .service-heavy-banner.rabies, .basic-light-banner.rabies, .basic-heavy-banner.rabies, .industry-heavy-banner.rabies {
  background-color: var(--rabies);
  color: var(--rabies-darken);
}
.service-banner.rabies p, .industry-banner.rabies p, .service-light-banner.rabies p, .service-heavy-banner.rabies p, .basic-light-banner.rabies p, .basic-heavy-banner.rabies p, .industry-heavy-banner.rabies p {
  color: var(--rabies-darken);
}
.service-banner.rabies svg path, .industry-banner.rabies svg path, .service-light-banner.rabies svg path, .service-heavy-banner.rabies svg path, .basic-light-banner.rabies svg path, .basic-heavy-banner.rabies svg path, .industry-heavy-banner.rabies svg path {
  fill: var(--rabies-darken);
}
.service-banner.rabies .basic-banner-preheading-underline, .industry-banner.rabies .basic-banner-preheading-underline, .service-light-banner.rabies .basic-banner-preheading-underline, .service-heavy-banner.rabies .basic-banner-preheading-underline, .basic-light-banner.rabies .basic-banner-preheading-underline, .basic-heavy-banner.rabies .basic-banner-preheading-underline, .industry-heavy-banner.rabies .basic-banner-preheading-underline {
  background-color: var(--rabies-darken);
}
.service-banner.rabies ul li:before, .industry-banner.rabies ul li:before, .service-light-banner.rabies ul li:before, .service-heavy-banner.rabies ul li:before, .basic-light-banner.rabies ul li:before, .basic-heavy-banner.rabies ul li:before, .industry-heavy-banner.rabies ul li:before {
  background-color: var(--rabies-darken);
}
.service-banner.treat, .industry-banner.treat, .service-light-banner.treat, .service-heavy-banner.treat, .basic-light-banner.treat, .basic-heavy-banner.treat, .industry-heavy-banner.treat {
  background-color: var(--treat);
  color: var(--treat-darken);
}
.service-banner.treat p, .industry-banner.treat p, .service-light-banner.treat p, .service-heavy-banner.treat p, .basic-light-banner.treat p, .basic-heavy-banner.treat p, .industry-heavy-banner.treat p {
  color: var(--treat-darken);
}
.service-banner.treat svg path, .industry-banner.treat svg path, .service-light-banner.treat svg path, .service-heavy-banner.treat svg path, .basic-light-banner.treat svg path, .basic-heavy-banner.treat svg path, .industry-heavy-banner.treat svg path {
  fill: var(--treat-darken);
}
.service-banner.treat .basic-banner-preheading-underline, .industry-banner.treat .basic-banner-preheading-underline, .service-light-banner.treat .basic-banner-preheading-underline, .service-heavy-banner.treat .basic-banner-preheading-underline, .basic-light-banner.treat .basic-banner-preheading-underline, .basic-heavy-banner.treat .basic-banner-preheading-underline, .industry-heavy-banner.treat .basic-banner-preheading-underline {
  background-color: var(--treat-darken);
}
.service-banner.treat ul li:before, .industry-banner.treat ul li:before, .service-light-banner.treat ul li:before, .service-heavy-banner.treat ul li:before, .basic-light-banner.treat ul li:before, .basic-heavy-banner.treat ul li:before, .industry-heavy-banner.treat ul li:before {
  background-color: var(--treat-darken);
}
.service-banner.booger, .industry-banner.booger, .service-light-banner.booger, .service-heavy-banner.booger, .basic-light-banner.booger, .basic-heavy-banner.booger, .industry-heavy-banner.booger {
  background-color: var(--booger);
  color: var(--booger-darken);
}
.service-banner.booger p, .industry-banner.booger p, .service-light-banner.booger p, .service-heavy-banner.booger p, .basic-light-banner.booger p, .basic-heavy-banner.booger p, .industry-heavy-banner.booger p {
  color: var(--booger-darken);
}
.service-banner.booger svg path, .industry-banner.booger svg path, .service-light-banner.booger svg path, .service-heavy-banner.booger svg path, .basic-light-banner.booger svg path, .basic-heavy-banner.booger svg path, .industry-heavy-banner.booger svg path {
  fill: var(--booger-darken);
}
.service-banner.booger .basic-banner-preheading-underline, .industry-banner.booger .basic-banner-preheading-underline, .service-light-banner.booger .basic-banner-preheading-underline, .service-heavy-banner.booger .basic-banner-preheading-underline, .basic-light-banner.booger .basic-banner-preheading-underline, .basic-heavy-banner.booger .basic-banner-preheading-underline, .industry-heavy-banner.booger .basic-banner-preheading-underline {
  background-color: var(--booger-darken);
}
.service-banner.booger ul li:before, .industry-banner.booger ul li:before, .service-light-banner.booger ul li:before, .service-heavy-banner.booger ul li:before, .basic-light-banner.booger ul li:before, .basic-heavy-banner.booger ul li:before, .industry-heavy-banner.booger ul li:before {
  background-color: var(--booger-darken);
}
.service-banner.mange, .industry-banner.mange, .service-light-banner.mange, .service-heavy-banner.mange, .basic-light-banner.mange, .basic-heavy-banner.mange, .industry-heavy-banner.mange {
  background-color: var(--mange);
  color: var(--mange-darken);
}
.service-banner.mange p, .industry-banner.mange p, .service-light-banner.mange p, .service-heavy-banner.mange p, .basic-light-banner.mange p, .basic-heavy-banner.mange p, .industry-heavy-banner.mange p {
  color: var(--mange-darken);
}
.service-banner.mange svg path, .industry-banner.mange svg path, .service-light-banner.mange svg path, .service-heavy-banner.mange svg path, .basic-light-banner.mange svg path, .basic-heavy-banner.mange svg path, .industry-heavy-banner.mange svg path {
  fill: var(--mange-darken);
}
.service-banner.mange .basic-banner-preheading-underline, .industry-banner.mange .basic-banner-preheading-underline, .service-light-banner.mange .basic-banner-preheading-underline, .service-heavy-banner.mange .basic-banner-preheading-underline, .basic-light-banner.mange .basic-banner-preheading-underline, .basic-heavy-banner.mange .basic-banner-preheading-underline, .industry-heavy-banner.mange .basic-banner-preheading-underline {
  background-color: var(--mange-darken);
}
.service-banner.mange ul li:before, .industry-banner.mange ul li:before, .service-light-banner.mange ul li:before, .service-heavy-banner.mange ul li:before, .basic-light-banner.mange ul li:before, .basic-heavy-banner.mange ul li:before, .industry-heavy-banner.mange ul li:before {
  background-color: var(--mange-darken);
}
.service-banner.kibble, .industry-banner.kibble, .service-light-banner.kibble, .service-heavy-banner.kibble, .basic-light-banner.kibble, .basic-heavy-banner.kibble, .industry-heavy-banner.kibble {
  background-color: var(--kibble);
  color: var(--kibble-darken);
}
.service-banner.kibble p, .industry-banner.kibble p, .service-light-banner.kibble p, .service-heavy-banner.kibble p, .basic-light-banner.kibble p, .basic-heavy-banner.kibble p, .industry-heavy-banner.kibble p {
  color: var(--kibble-darken);
}
.service-banner.kibble svg path, .industry-banner.kibble svg path, .service-light-banner.kibble svg path, .service-heavy-banner.kibble svg path, .basic-light-banner.kibble svg path, .basic-heavy-banner.kibble svg path, .industry-heavy-banner.kibble svg path {
  fill: var(--kibble-darken);
}
.service-banner.kibble .basic-banner-preheading-underline, .industry-banner.kibble .basic-banner-preheading-underline, .service-light-banner.kibble .basic-banner-preheading-underline, .service-heavy-banner.kibble .basic-banner-preheading-underline, .basic-light-banner.kibble .basic-banner-preheading-underline, .basic-heavy-banner.kibble .basic-banner-preheading-underline, .industry-heavy-banner.kibble .basic-banner-preheading-underline {
  background-color: var(--kibble-darken);
}
.service-banner.kibble ul li:before, .industry-banner.kibble ul li:before, .service-light-banner.kibble ul li:before, .service-heavy-banner.kibble ul li:before, .basic-light-banner.kibble ul li:before, .basic-heavy-banner.kibble ul li:before, .industry-heavy-banner.kibble ul li:before {
  background-color: var(--kibble-darken);
}
.service-banner,
.industry-banner,
.basic-banner {
  position: relative;
}
.service-banner.service-parent,
.basic-banner.parent {
  margin-bottom: 24px;
}
.basic-banner.home {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 786px) {
  .basic-banner.home {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1000px) {
  .basic-banner.home {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.home-banner {
  width: 100%;
  height: auto;
  min-height: 600px;
  position: relative;
  padding-top: 96px;
  padding-bottom: 72px;
  margin: 0px auto;
}
.home-banner__content {
  z-index: 2;
  text-align: left;
  max-width: 900px;
  margin-top: 106px;
  position: relative;
  z-index: 20;
}
.home-banner__content-ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0px;
  margin-top: 12px;
}
@media (max-width: 1600px) {
  .home-banner__content {
    max-width: 50%;
  }
}
@media (max-width: 999px) {
  .home-banner__content {
    max-width: 100%;
    margin-top: 0px;
  }
}
.home-banner__content-centered {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 999px) {
  .home-banner__content-centered {
    position: static;
  }
}
.home-banner__media-image {
  position: absolute;
  top: -104px;
  right: -12px;
  z-index: 1;
  width: auto;
  height: auto;
  max-width: 717px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1180px) {
  .home-banner__media-image {
    right: -26px;
    max-width: 610px;
  }
}
@media (max-width: 609px) {
  .home-banner__media-image {
    max-width: 100%;
  }
}
@media (max-width: 999px) {
  .home-banner__media-image {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.home-banner__logo-row {
  width: 100%;
  height: auto;
  display: grid;
  gap: 80px 90px;
  grid-template-columns: repeat(2, minmax(155px, 1fr));
  justify-content: center;
  justify-items: center;
  align-items: start;
  position: relative;
  z-index: 20;
  margin-top: 150px;
  max-width: 1990px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .home-banner__logo-row {
    grid-template-columns: repeat(3, minmax(155px, 1fr));
  }
}
@media (min-width: 1000px) {
  .home-banner__logo-row {
    grid-template-columns: repeat(4, minmax(155px, 1fr));
  }
}
.home-banner__logo-row-item {
  display: block;
  width: 100%;
  height: 90px;
  background-color: hsla(0, 0%, 100%, 1);
  mask-size: 155px 90px;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: 155px 90px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.home-banner.whimper {
  background-color: var(--whimper);
  color: var(--kibble);
}
.home-banner.whimper svg path {
  fill: var(--whimper-darken);
}
.home-banner.whimper ul li:before {
  background-color: var(--whimper-darken);
}
.home-banner.slobber {
  background-color: var(--slobber);
  color: var(--slobber-darken);
}
.home-banner.slobber svg path {
  fill: var(--slobber-darken);
}
.home-banner.slobber ul li:before {
  background-color: var(--slobber-darken);
}
.home-banner.drool {
  background-color: var(--drool);
  color: var(--drool-darken);
}
.home-banner.drool svg path {
  fill: var(--drool-darken);
}
.home-banner.drool ul li:before {
  background-color: var(--drool-darken);
}
.home-banner.rabies {
  background-color: var(--rabies);
  color: var(--rabies-darken);
}
.home-banner.rabies svg path {
  fill: var(--rabies-darken);
}
.home-banner.rabies ul li:before {
  background-color: var(--rabies-darken);
}
.home-banner.treat {
  background-color: var(--treat);
  color: var(--treat-darken);
}
.home-banner.treat svg path {
  fill: var(--treat-darken);
}
.home-banner.treat ul li:before {
  background-color: var(--treat-darken);
}
.home-banner.booger {
  background-color: var(--booger);
  color: var(--booger-darken);
}
.home-banner.booger svg path {
  fill: var(--booger-darken);
}
.home-banner.booger ul li:before {
  background-color: var(--booger-darken);
}
.home-banner.mange {
  background-color: var(--mange);
  color: var(--mange-darken);
}
.home-banner.mange svg path {
  fill: var(--mange-darken);
}
.home-banner.mange ul li:before {
  background-color: var(--mange-darken);
}
.home-banner.kibble {
  background-color: var(--kibble);
  color: var(--kibble-darken);
}
.home-banner.kibble svg path {
  fill: var(--kibble-darken);
}
.home-banner.kibble ul li:before {
  background-color: var(--kibble-darken);
}
.home-banner-mask {
  position: absolute;
  bottom: -35px;
  left: 0px;
  width: 100%;
  height: 100px;
  mask-image: url('/themes/custom/hounder_base/masks/home-banner-mask.svg');
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: bottom;
}
.basic-heavy-banner .snowdog_text a, .basic-heavy-banner .snowdog_text p, .basic-light-banner .snowdog_text a, .basic-light-banner .snowdog_text p, .home-banner .snowdog_text a, .home-banner .snowdog_text p {
  color: var(--snowdog) !important;
}
.basic-heavy-banner .snowdog_text .basic-banner-preheading-underline, .basic-light-banner .snowdog_text .basic-banner-preheading-underline, .home-banner .snowdog_text .basic-banner-preheading-underline {
  background-color: var(--snowdog) !important;
}
.basic-heavy-banner .blacklab_text a, .basic-heavy-banner .blacklab_text p, .basic-light-banner .blacklab_text a, .basic-light-banner .blacklab_text p, .home-banner .blacklab_text a, .home-banner .blacklab_text p {
  color: var(--blacklab) !important;
}
.basic-heavy-banner .blacklab_text .basic-banner-preheading-underline, .basic-light-banner .blacklab_text .basic-banner-preheading-underline, .home-banner .blacklab_text .basic-banner-preheading-underline {
  background-color: var(--blacklab) !important;
}
.basic-heavy-banner .whimper_text a, .basic-heavy-banner .whimper_text p, .basic-light-banner .whimper_text a, .basic-light-banner .whimper_text p, .home-banner .whimper_text a, .home-banner .whimper_text p {
  color: var(--whimper) !important;
}
.basic-heavy-banner .whimper_text .basic-banner-preheading-underline, .basic-light-banner .whimper_text .basic-banner-preheading-underline, .home-banner .whimper_text .basic-banner-preheading-underline {
  background-color: var(--whimper) !important;
}
.basic-heavy-banner .slobber_text a, .basic-heavy-banner .slobber_text p, .basic-light-banner .slobber_text a, .basic-light-banner .slobber_text p, .home-banner .slobber_text a, .home-banner .slobber_text p {
  color: var(--slobber) !important;
}
.basic-heavy-banner .slobber_text .basic-banner-preheading-underline, .basic-light-banner .slobber_text .basic-banner-preheading-underline, .home-banner .slobber_text .basic-banner-preheading-underline {
  background-color: var(--slobber) !important;
}
.basic-heavy-banner .drool_text a, .basic-heavy-banner .drool_text p, .basic-light-banner .drool_text a, .basic-light-banner .drool_text p, .home-banner .drool_text a, .home-banner .drool_text p {
  color: var(--drool) !important;
}
.basic-heavy-banner .drool_text .basic-banner-preheading-underline, .basic-light-banner .drool_text .basic-banner-preheading-underline, .home-banner .drool_text .basic-banner-preheading-underline {
  background-color: var(--drool) !important;
}
.basic-heavy-banner .waterbowl_text a, .basic-heavy-banner .waterbowl_text p, .basic-light-banner .waterbowl_text a, .basic-light-banner .waterbowl_text p, .home-banner .waterbowl_text a, .home-banner .waterbowl_text p {
  color: var(--waterbowl) !important;
}
.basic-heavy-banner .waterbowl_text .basic-banner-preheading-underline, .basic-light-banner .waterbowl_text .basic-banner-preheading-underline, .home-banner .waterbowl_text .basic-banner-preheading-underline {
  background-color: var(--waterbowl) !important;
}
.basic-heavy-banner .booger_text a, .basic-heavy-banner .booger_text p, .basic-light-banner .booger_text a, .basic-light-banner .booger_text p, .home-banner .booger_text a, .home-banner .booger_text p {
  color: var(--booger) !important;
}
.basic-heavy-banner .booger_text .basic-banner-preheading-underline, .basic-light-banner .booger_text .basic-banner-preheading-underline, .home-banner .booger_text .basic-banner-preheading-underline {
  background-color: var(--booger) !important;
}
.basic-heavy-banner .mange_text a, .basic-heavy-banner .mange_text p, .basic-light-banner .mange_text a, .basic-light-banner .mange_text p, .home-banner .mange_text a, .home-banner .mange_text p {
  color: var(--mange) !important;
}
.basic-heavy-banner .mange_text .basic-banner-preheading-underline, .basic-light-banner .mange_text .basic-banner-preheading-underline, .home-banner .mange_text .basic-banner-preheading-underline {
  background-color: var(--mange) !important;
}
.basic-heavy-banner .rabies_text a, .basic-heavy-banner .rabies_text p, .basic-light-banner .rabies_text a, .basic-light-banner .rabies_text p, .home-banner .rabies_text a, .home-banner .rabies_text p {
  color: var(--rabies) !important;
}
.basic-heavy-banner .rabies_text .basic-banner-preheading-underline, .basic-light-banner .rabies_text .basic-banner-preheading-underline, .home-banner .rabies_text .basic-banner-preheading-underline {
  background-color: var(--rabies) !important;
}
.basic-heavy-banner .treat_text a, .basic-heavy-banner .treat_text p, .basic-light-banner .treat_text a, .basic-light-banner .treat_text p, .home-banner .treat_text a, .home-banner .treat_text p {
  color: var(--treat) !important;
}
.basic-heavy-banner .treat_text .basic-banner-preheading-underline, .basic-light-banner .treat_text .basic-banner-preheading-underline, .home-banner .treat_text .basic-banner-preheading-underline {
  background-color: var(--treat) !important;
}
.basic-heavy-banner .kibble_text a, .basic-heavy-banner .kibble_text p, .basic-light-banner .kibble_text a, .basic-light-banner .kibble_text p, .home-banner .kibble_text a, .home-banner .kibble_text p {
  color: var(--kibble) !important;
}
.basic-heavy-banner .kibble_text .basic-banner-preheading-underline, .basic-light-banner .kibble_text .basic-banner-preheading-underline, .home-banner .kibble_text .basic-banner-preheading-underline {
  background-color: var(--kibble) !important;
}
@keyframes revealLeft {
  0% {
    clip-path: polygon(0% 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    clip-path: polygon(-50% 0, 100% 0, 100% 100%, -50% 100%);
  }
}
.basic-banner.parent .has-case-study {
  min-height: 450px;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .basic-banner.parent .has-case-study {
    flex-wrap: wrap;
  }
}
.basic-banner.parent .has-case-study .basic-light-banner__content {
  max-width: 45%;
  padding: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .basic-banner.parent .has-case-study .basic-light-banner__content {
    max-width: 100%;
    padding-top: 75px;
    padding-right: 0;
    margin-bottom: 32px;
    text-align: center;
  }
}
.basic-banner.parent .has-case-study .list-card {
  max-width: 400px;
  z-index: 999;
  position: relative;
  top: 100px;
  right: 20px;
}
@media (max-width: 767px) {
  .basic-banner.parent .has-case-study .list-card {
    top: 0;
    right: 0;
  }
}
.block--basic {
  max-width: 800px;
  margin: auto;
}
.block--basic .media-embed-resized {
  max-width: 100%;
}
.block--basic p {
  margin-bottom: 32px;
  color: var(--black);
}
.block--basic p::selection {
  background-color: var(--text-color);
  color: var(--snowdog);
}
.block--basic h2, .block--basic h3, .block--basic h4 {
  font-weight: 700;
  margin-bottom: 32px;
}
.block--basic video {
  width: 100%;
}
.block--basic .img {
  margin-bottom: 32px;
}
.block--basic .media-oembed-content {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}
.block--basic iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#views-exposed-form-client-logos-block-1 {
  display: none;
}
.main-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  align-items: center;
}
.menu-item > a, .menu-item > span {
  color: var(--kibble, #FDBD3C);
  font-family: "IBM Plex Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.165px;
  padding: 12px 16px;
  display: inline-flex;
  justify-content: center;
}
@media screen and (min-width: 1440px) {
  .menu-item > a, .menu-item > span {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.176px;
    padding: 12px 24px;
  }
}
#mobile-menu-toggle {
  display: none;
}
@media (max-width: 1220px) {
  #mobile-menu-toggle {
    display: block;
  }
}
.menu-item.dropdown-open span {
  display: flex;
  flex-direction: column;
  position: relative;
}
.menu-item.dropdown-open > span::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  background-color: var(--kibble, #FDBD3C);
  width: 100%;
  height: 5px;
  mask-image: url('/themes/custom/hounder_base/images/icons/nav-active-icon.svg');
  mask-size: cover;
  mask-repeat: no-repeat;
}
.menu-item.has-dropdown.dropdown-open .dropdown-menu {
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
}
@media (min-width: 768px) and (max-width: 1135px) {
  .menu-item.has-dropdown.dropdown-open .dropdown-menu {
    transform: translateX(-20%);
  }
}
@media (min-width: 768px) and (max-width: 920px) {
  .menu-item.has-dropdown.dropdown-open .dropdown-menu {
    transform: translateX(-15%);
  }
}
.main-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0;
  text-decoration: none;
  color: var(--kibble, #FDBD3C);
  font-weight: 500;
  transition: color 0.3s ease;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
  font-size: inherit;
}
.main-link a,
.menu-item a {
  color: var(--kibble, #FDBD3C);
}
.main-link a:visited,
.menu-item a:visited {
  color: var(--kibble, #FDBD3C);
}
.dropdown-trigger {
  pointer-events: auto;
}
.dropdown-menu {
  position: absolute;
  top: -100%;
  left: 0;
  background: white;
  border: 1px solid #dedede;
  border-radius: 8px;
  min-width: 600px;
  z-index: 1000;
  transform-origin: top center;
  overflow: hidden;
}
.dropdown-hidden {
  visibility: hidden;
  opacity: 0;
}
.dropdown-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.dropdown-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  position: relative;
}
.dropdown-grid::after {
  content: '';
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ddd;
  z-index: 10;
}
.dropdown-column {
  padding: 0;
  position: relative;
  z-index: 2;
  opacity: 0;
}
.column-title {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--gray-6);
  padding: 24px 32px;
  background: white;
  position: relative;
  z-index: 3;
}
.column-list {
  list-style: none;
  margin: 12px 0;
  padding: 0px 24px;
}
.column-item {
  display: flex;
  align-items: center;
}
.column-item:hover .service-link {
  background-color: #f8f9fa;
  border-radius: 8px;
}
.column-item .service-link {
  text-decoration: none;
  color: #2B2B2B;
  padding: 0.5rem;
  width: 100%;
  transition: background-color 0.15s ease;
}
.service-link::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  mask-size: cover;
  mask-repeat: no-repeat;
}
.service-link.drupal::before {
  background-color: var(--drool);
  mask-image: url('/themes/custom/hounder_base/images/icons/hounder-icons_drupal.svg');
}
.service-link.wordpress::before {
  background-color: var(--booger);
  mask-image: url('/themes/custom/hounder_base/images/icons/hounder-icons_wordpress.svg');
}
.service-link.creative-design::before {
  background-color: var(--mange, #125A74);
  mask-image: url('/themes/custom/hounder_base/images/icons/hounder-icons_creative.svg');
}
.service-link.digital-marketing::before {
  background-color: var(--treat);
  mask-image: url('/themes/custom/hounder_base/images/icons/hounder-icons_marketing.svg');
}
.service-link {
  position: relative;
  text-decoration: none;
  transition: color 0.15s ease;
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--gray-8, #2B2B2B);
  font-family: Bitter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.264px;
}
.service-detail {
  padding: 0.5rem;
  border-radius: 8px;
  transition: background-color 0.15s ease;
  cursor: pointer;
}
.service-detail-title {
  color: var(--blacklab);
}
.service-detail:hover {
  background-color: #f8f9fa;
}
.service-detail:last-child {
  margin-bottom: 0;
}
a.service-detail-link {
  color: var(--blacklab, #000);
  font-family: Bitter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.198px;
}
.service-description {
  margin: 0.25rem 0 0 0;
  font-size: 0.9rem;
  color: #666;
  line-height: 1.4;
}
.dropdown-footer {
  text-align: left;
  position: relative;
  transition: background-color 0.15s ease;
}
.dropdown-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ddd;
  z-index: 10;
}
.dropdown-footer a.view-all-link {
  color: var(--slobber, #1A7CA0) !important;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
  padding-left: 20px;
}
.dropdown-footer:hover {
  background-color: #f8f9fa;
}
@media (max-width: 1220px) {
  .dropdown-menu {
    min-width: 300px;
    left: -50px;
  }
  .dropdown-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .main-menu {
    flex-direction: column;
  }
  .menu-item {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.active-trail > .main-link {
  color: var(--kibble);
}
@media (min-width: 1280px) {
  .menu-item:not(.contact-us):hover > span::after,
  .menu-item:not(.contact-us):hover > a::after,
  .menu-item:not(.contact-us).dropdown-open > span::after,
  .menu-item:not(.contact-us).dropdown-open > a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--kibble, #FDBD3C);
    height: 5px;
    mask-image: url('/themes/custom/hounder_base/images/icons/nav-active-icon.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: opacity 150ms ease, transform 150ms ease;
    transform: scaleX(1);
  }
  .menu-item:not(.contact-us) > span::after,
  .menu-item:not(.contact-us) > a::after {
    content: '';
    opacity: 0;
    transform: scaleX(0.7);
    transition: opacity 150ms ease, transform 150ms ease;
  }
  .menu-item > span,
  .menu-item > a {
    position: relative;
  }
}
.burger-button {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 0;
}
.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 1050;
  display: flex;
  justify-content: start;
  flex-direction: column;
  padding: 16px;
  background-color: rgba(255,255,255,0);
  opacity: 0;
}
.mobile-nav.open {
  background-color: rgba(255,255,255,1);
  opacity: 1;
}
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
}
.mobile-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu-item {
  margin-bottom: 1rem;
}
.mobile-link {
  text-decoration: none;
  font-size: 1.1rem;
  color: #125A74;
  font-weight: 600;
}
.has-submenu .submenu-toggle {
  background: none;
  border: none;
  cursor: pointer;
}
.has-submenu:has(.dropdown-visible) {
  position: absolute;
  z-index: 40;
  background: white;
  width: 100%;
  left: 0;
}
.mobile-submenu {
  padding-left: 1rem;
  list-style: none;
}
.mobile-submenu-item {
  margin-bottom: 0.5rem;
}
.mobile-sublink {
  text-decoration: none;
  font-size: 0.95rem;
  color: #333;
}
.close-button {
  border: none;
  cursor: pointer;
  background-color: var(--whimper, #125A74);
  padding: 12px;
  border-radius: 100px;
}
.close-button::after {
  content: '';
  display: flex;
  background-color: #fff;
  width: 24px;
  height: 24px;
  mask-image: url('/themes/custom/hounder_base/images/icons/icon-close.svg');
  mask-size: cover;
  mask-repeat: no-repeat;
}
.contact-us.mobile {
  display: none;
}
.contact-us.mobile span {
  visibility: hidden;
  display: none;
}
@media (max-width: 1220px) {
  .burger-button {
    display: flex;
  }
  .main-menu {
    display: none;
  }
  .contact-us.mobile {
    display: flex;
    margin-right: 16px;
  }
  .contact-us.mobile a {
    padding: 14px;
  }
}
.mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 2rem;
}
.mobile-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mobile-menu-list .mobile-menu-item.dropdown-open {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 40;
  background: white;
  width: 100%;
}
.mobile-menu-list:has(.dropdown-open) {
  width: 100%;
}
a.mobile-menu-item {
  margin-bottom: 1rem;
}
a.mobile-link,
span.mobile-link {
  color: var(--whimper, #125A74);
  font-family: "IBM Plex Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.22px;
  padding: 23px 0;
  align-items: center;
}
a.mobile-link:hover,
span.mobile-link:hover {
  color: #0d4a5f;
}
.contact-us.mobile-menu-item a.mobile-link {
  padding: 14px 16px;
  gap: 12px;
  align-items: flex-end;
}
.menu-item.dropdown-open span.mobile-link {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.menu-item.dropdown-open span.mobile-link::after {
  display: none;
}
.submenu-toggle {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
  width: 100%;
  text-align: left;
}
.dropdown-open .submenu-toggle::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #125A74;
  border-bottom: 2px solid #125A74;
  transition: transform 0.3s ease;
  margin-right: 12px;
  flex-shrink: 0;
  transform: rotate(135deg);
}
:not(.dropdown-open) .submenu-toggle::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #125A74;
  border-bottom: 2px solid #125A74;
  transition: transform 0.3s ease;
  margin-right: 12px;
  flex-shrink: 0;
  transform: rotate(-45deg);
  margin-left: 4px;
}
.mobile-submenu {
  padding-left: 1rem;
  border-radius: 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.dropdown-open .mobile-submenu {
  display: block;
  top: 100%;
  visibility: visible;
  opacity: 1;
  max-height: 100vh;
}
.m-sub-group {
  padding-top: 1.5rem;
  border-top: 1px solid #DEDEDE;
}
.m-sub-group:last-child {
  margin-bottom: 0;
}
.m-sub-heading {
  color: var(--gray-6, #777);
  font-family: "IBM Plex Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.176px;
}
.m-sub-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.m-sub-item {
  margin-bottom: 0.5rem;
}
a.m-sublink {
  color: var(--gray-8, #2B2B2B);
  font-family: Bitter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.198px;
  padding: 0.5rem 0;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.m-sub-desc {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.25rem;
  line-height: 1.3;
}
.m-sub-footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}
.view-all-link {
  color: #1A7CA0 !important;
  padding: 12px 8px;
  text-decoration: none;
  display: block;
  font-weight: 500;
  font-size: 0.9rem;
  transition: background-color 0.2s ease;
}
.close-button {
  border: none;
  cursor: pointer;
  background-color: var(--whimper, #125A74);
  padding: 12px;
  border-radius: 100px;
}
.close-button::after {
  content: '';
  display: flex;
  background-color: #fff;
  width: 24px;
  height: 24px;
  mask-image: url('/themes/custom/hounder_base/images/icons/icon-close.svg');
  mask-size: cover;
  mask-repeat: no-repeat;
}
@media (max-width: 1220px) {
  .burger-button {
    display: flex;
  }
  .main-menu {
    display: none;
  }
  .contact-us.mobile {
    display: flex;
    margin-right: 16px;
  }
  .contact-us.mobile a {
    padding: 12px;
  }
}
* {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-nav {
  transition: opacity 0.4s ease-in-out;
}
.mobile-nav.open {
  transform: translateX(0);
}
.mobile-nav.open .mobile-nav-header .mobile-nav-logo {
  animation: zoomIn 0.3s ease-out 0.2s both;
}
.mobile-nav.open .mobile-nav-header .close-button {
  animation: fadeIn 0.3s ease-out 0.15s both;
}
.mobile-nav.open .mobile-menu-list {
  animation: fadeUp 0.4s ease-out 0.2s both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item {
  opacity: 0;
  transform: translateY(20px);
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(1) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (1 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(2) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (2 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(3) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (3 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(4) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (4 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(5) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (5 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(6) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (6 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(7) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (7 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(8) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (8 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(9) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (9 - 1) * 0.05s) both;
}
.mobile-nav.open .mobile-menu-list .mobile-menu-item:nth-child(10) {
  animation: fadeUpItem 0.3s ease-out calc(0.25s + (10 - 1) * 0.05s) both;
}
.contact-us.mobile {
  animation: fadeLeft 0.3s ease-out 0.1s both;
}
.burger-button {
  animation: fadeLeft 0.3s ease-out 0.05s both;
}
.mobile-submenu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.35s ease-in-out;
}
.mobile-submenu.dropdown-visible {
  max-height: 1000px;
  opacity: 1;
}
.mobile-submenu.dropdown-visible .m-sub-group {
  animation: fadeLeft 0.3s ease-out 0.1s both;
}
.mobile-submenu.dropdown-visible .m-sub-group:nth-child(1) {
  animation-delay: 0.15s;
}
.mobile-submenu.dropdown-visible .m-sub-group:nth-child(2) {
  animation-delay: 0.2s;
}
.mobile-submenu.dropdown-visible .m-sub-group:nth-child(3) {
  animation-delay: 0.25s;
}
.mobile-submenu.dropdown-visible .m-sub-group:nth-child(4) {
  animation-delay: 0.3s;
}
.mobile-submenu.dropdown-visible .m-sub-group:nth-child(5) {
  animation-delay: 0.35s;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-heading {
  animation: fadeLeft 0.25s ease-out 0.2s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item {
  opacity: 1;
  transform: translateX(-20px);
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(1) {
  animation: fadeLeft 0.25s ease-out 0.25s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(2) {
  animation: fadeLeft 0.25s ease-out 0.28s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(3) {
  animation: fadeLeft 0.25s ease-out 0.31s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(4) {
  animation: fadeLeft 0.25s ease-out 0.34s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(5) {
  animation: fadeLeft 0.25s ease-out 0.37s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(6) {
  animation: fadeLeft 0.25s ease-out 0.4s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(7) {
  animation: fadeLeft 0.25s ease-out 0.43s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(8) {
  animation: fadeLeft 0.25s ease-out 0.46s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(9) {
  animation: fadeLeft 0.25s ease-out 0.49s both;
}
.mobile-submenu.dropdown-visible .m-sub-group .m-sub-item:nth-child(10) {
  animation: fadeLeft 0.25s ease-out 0.52s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item {
  opacity: 1;
  transform: translateX(-20px);
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(1) {
  animation: fadeLeft 0.25s ease-out 0.25s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(2) {
  animation: fadeLeft 0.25s ease-out 0.28s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(3) {
  animation: fadeLeft 0.25s ease-out 0.31s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(4) {
  animation: fadeLeft 0.25s ease-out 0.34s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(5) {
  animation: fadeLeft 0.25s ease-out 0.37s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(6) {
  animation: fadeLeft 0.25s ease-out 0.4s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(7) {
  animation: fadeLeft 0.25s ease-out 0.43s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(8) {
  animation: fadeLeft 0.25s ease-out 0.46s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(9) {
  animation: fadeLeft 0.25s ease-out 0.49s both;
}
.mobile-submenu.dropdown-visible .m-sub-list .m-sub-item:nth-child(10) {
  animation: fadeLeft 0.25s ease-out 0.52s both;
}
.mobile-submenu.dropdown-visible .m-sub-footer {
  animation: fadeLeft 0.3s ease-out 0.4s both;
}
.dropdown-menu {
  opacity: 0;
  transform: translateY(-20px) scaleY(0) translateX(-50%);
  transition: all 0.25s ease-out;
  pointer-events: none;
}
.dropdown-menu.dropdown-visible {
  opacity: 1;
  transform: translateY(0) scaleY(1);
  pointer-events: all;
}
.dropdown-menu.dropdown-visible .dropdown-grid .dropdown-column {
  opacity: 0;
}
.dropdown-menu.dropdown-visible .dropdown-grid .dropdown-column.left-column {
  transform: translateX(-10px);
  animation: fadeRight 0.2s ease-out 0.15s both;
}
.dropdown-menu.dropdown-visible .dropdown-grid .dropdown-column.right-column {
  transform: translateX(10px);
  animation: fadeLeft 0.2s ease-out 0.15s both;
}
.dropdown-menu.dropdown-visible .dropdown-footer {
  animation: fadeIn 0.3s ease-out 0.25s both;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeUpItem {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeRightToLeft {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 1220px) {
  .mobile-nav.open .mobile-menu-item {
    animation-duration: 0.25s;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.1s !important;
    transition-duration: 0.1s !important;
  }
  .mobile-nav,
  .dropdown-menu,
  .mobile-submenu {
    transition-duration: 0.1s;
  }
}
.is-layout-builder-editing .layout-content {
  margin-top: 100px;
}
.btn-solid-treat {
  width: fit-content;
  height: auto;
  background-color: var(--treat);
  color: var(--snowdog);
  border-radius: 100px;
  padding: 8px 24px;
}
.btn-solid-kibble {
  width: fit-content;
  height: auto;
  background-color: var(--kibble);
  color: var(--snowdog);
  border-radius: 100px;
  padding: 8px 24px;
}
@media (min-width: 1000px) {
  .nodetype--case-study .banner-subsection .block--basic {
    margin: 0;
    margin-right: auto !important;
  }
}
.nodetype--case-study h2, .nodetype--case-study h3, .nodetype--case-study h4, .nodetype--case-study h5, .nodetype--case-study h6 {
  color: var(--page-color);
}
.nodetype--case-study h2::selection, .nodetype--case-study h3::selection, .nodetype--case-study h4::selection, .nodetype--case-study h5::selection, .nodetype--case-study h6::selection {
  background-color: var(--page-color);
  color: var(--snowdog);
}
.nodetype--case-study .block--basic p {
  margin-bottom: 32px;
  color: var(--black);
}
.nodetype--case-study .block--basic p::selection {
  background-color: var(--page-color);
  color: var(--snowdog);
}
.nodetype--case-study h2, .nodetype--case-study h3, .nodetype--case-study h4 {
  font-weight: 700;
  margin-bottom: 32px;
}
.nodetype--case-study .block--basic img {
  margin-bottom: 32px;
}
.nodetype--case-study .case-study-footer {
  padding-top: 32px;
  padding-bottom: 64px;
}
.nodetype--case-study .case-study-footer__svg {
  height: 60px;
  left: 0;
  -webkit-mask-image: url('/themes/custom/hounder_base/masks/case-study-bottom-mask.svg');
  mask-image: url('/themes/custom/hounder_base/masks/case-study-bottom-mask.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: 48px;
  width: 100%;
  z-index: -1;
  background-color: var(--page-color);
  margin-bottom: 150px;
}
.nodetype--case-study .case-study-footer__view {
  padding-inline: 16px;
  max-width: 1800px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .nodetype--case-study .case-study-footer__view {
    padding-inline: 40px;
  }
}
@media (min-width: 1280px) {
  .nodetype--case-study .case-study-footer__view {
    padding-inline: 60px;
  }
}
.nodetype--case-study .read-more {
  font-size: var(--text-4);
  line-height: var(--tw-leading, var(--text-4--line-height));
}
@media (width >= 75rem) {
  .nodetype--case-study .read-more {
    font-size: var(--text-5);
    line-height: var(--tw-leading, var(--text-5--line-height));
  }
}
@media (width >= 90rem) {
  .nodetype--case-study .read-more {
    font-size: var(--text-8);
    line-height: var(--tw-leading, var(--text-8--line-height));
  }
}
.nodetype--case-study .read-more {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  padding-bottom: 64px;
  margin-bottom: 0;
}
.hs-form-private label, .hs-form-private span {
  margin-bottom: var(--spacing-4px);
  font-family: var(--font-serif);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--page-color) !important;
}
.hs-form-private .hs-form-field .hs-error-msgs .hs-error-msg {
  margin-top: 6px;
  color: var(--color-kibble) !important;
}
.hs-form-private .input input[type="checkbox"] {
  border: 2px solid var(--page-color) !important;
  width: fit-content !important;
}
.hs-form-private .input input[type="checkbox"].checkbox_tick_positive:before {
  border-color: var(--page-color) !important;
}
.hs-form-private .hs-form-field {
  padding-inline: var(--spacing-16px);
  padding-block: var(--spacing-8px);
}
.hs-form-private .hs-fieldtype-textarea.hs-form-field {
  height: auto;
  width: 100%;
}
.hs-form-private .hs_submit {
  height: auto;
  width: 100%;
}
.hs-form-private .hs_submit .actions {
  margin-inline: auto;
  width: fit-content;
}
.hs-form-private .input {
  margin-top: var(--spacing-8px);
  transition: all 0.15s ease;
}
.hs-form-private .input span {
  margin-left: var(--spacing-8px);
}
.hs-form-private .input:focus input,
      .hs-form-private .input:focus textarea,
      .hs-form-private .input:hover input,
      .hs-form-private .input:hover textarea {
  border-color: var(--kibble) !important;
  outline: none !important;
}
.hs-form-private .input:focus-within input,
      .hs-form-private .input:focus-within textarea {
  box-shadow: none !important;
  border-color: var(--kibble) !important;
  outline: none !important;
}
.hs-form-private .input .hs-input {
  height: auto;
  width: 100%;
  border-radius: calc(infinity * 1px);
  padding-block: var(--spacing-12px);
  padding-right: 2px;
  padding-left: 30px;
  font-family: var(--font-serif);
  background-color: inherit !important;
  border: 2px solid var(--gray-3) !important;
  transition: all 0.15s ease;
  color: var(--snowdog);
}
.hs-form-private .input .hs-input:focus,
      .hs-form-private .input .hs-input:focus-visible,
      .hs-form-private .input .hs-input:hover {
  border-color: var(--kibble) !important;
  outline: none !important;
}
.hs-form-private .input .hs-input:focus-within {
  border-color: var(--kibble) !important;
  box-shadow: none !important;
  outline: none !important;
}
.hs-form-private .input .hs-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
  -webkit-text-fill-color: var(--page-color) !important;
  width: 90%;
}
.hs-form-private .input .hs-input.hs-fieldtype-textarea {
  width: 100%;
  border-radius: calc(infinity * 1px);
  padding-inline: var(--spacing-32px);
  padding-block: var(--spacing-12px);
  font-family: var(--font-serif);
  background-color: inherit !important;
  border: 2px solid var(--snowdog) !important;
  border-radius: 16px !important;
}
.hs-form-private .input .hs-input.hs-fieldtype-textarea:focus,
      .hs-form-private .input .hs-input.hs-fieldtype-textarea:focus-visible,
      .hs-form-private .input .hs-input.hs-fieldtype-textarea:hover {
  border: 2px solid var(--kibble) !important;
}
.hs-form-private .input .hs-input.hs-fieldtype-textarea:focus-within {
  box-shadow: none !important;
}
.hs-form-private .input .hs-input.hs-fieldtype-textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
  -webkit-text-fill-color: var(--page-color) !important;
  width: 90%;
}
.article {
  box-sizing: border-box;
  height: auto;
  width: 100%;
}
.article-full {
  max-width: 100%;
}
.body-text-section {
  width: 100%;
  height: auto;
  position: relative;
}
.body-text-container {
  width: 100%;
  height: auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.body-text-container h2, .body-text-container h3, .body-text-container h4, .body-text-container h5, .body-text-container h6 {
  color: var(--black);
  margin-bottom: 32px;
}
.body-text-container h2 {
  font-size: var(--text-3);
  line-height: var(--tw-leading, var(--text-3--line-height));
}
@media (width >= 75rem) {
  .body-text-container h2 {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
@media (width >= 90rem) {
  .body-text-container h2 {
    font-size: var(--text-6);
    line-height: var(--tw-leading, var(--text-6--line-height));
  }
}
.body-text-container p {
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  .body-text-container p {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
.body-text-container p {
  color: var(--black);
  margin-bottom: 32px;
}
.body-text-container img {
  margin-bottom: 32px;
}
.body-text-container iframe {
  width: 100%;
  height: 350px;
  margin-bottom: 32px;
}
.blog-side-nav {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-left: 22px;
}
.blog-side-nav ul.blog-side-nav-container-mobile {
  padding-left: 0;
}
@media (min-width: 1201px) {
  .blog-side-nav {
    max-width: 199px;
  }
}
@media (min-width: 1320px) {
  .blog-side-nav {
    max-width: 241px;
    margin-left: 24px;
  }
}
.blog-side-nav-container {
  padding-top: 16px;
  height: auto;
}
.blog-side-nav-container-mobile {
  padding-inline-start: 0;
  height: 0px;
  overflow: hidden;
  list-style: none;
  transition: height 0.8s ease;
}
@media (min-width: 640px) {
  .blog-side-nav-container-mobile {
    height: auto;
    overflow: visible;
  }
}
.blog-side-nav-container .nav-option {
  padding-left: 0px;
  width: 48%;
  height: auto;
  padding-bottom: 20px;
  position: relative;
  z-index: 50;
  transition: all 150ms ease;
  font-weight: 400 !important;
  font-style: normal !important;
  color: var(--gray-7);
  cursor: pointer;
}
@media (min-width: 640px) {
  .blog-side-nav-container .nav-option {
    width: 29%;
  }
}
@media (min-width: 1201px) {
  .blog-side-nav-container .nav-option {
    width: 100%;
  }
}
.blog-side-nav-container .nav-option p {
  font-size: var(--text--1);
  line-height: var(--tw-leading, var(--text--1--line-height));
}
@media (width >= 90rem) {
  .blog-side-nav-container .nav-option p {
    font-size: var(--text-0);
    line-height: var(--tw-leading, var(--text-0--line-height));
  }
}
.blog-side-nav-container .nav-option p {
  overflow: hidden;
  display: -webkit-box;
  --webkit-line-clamp: 2;
  --webkit-box-orient: vertical;
}
.blog-side-nav-container .nav-option.is-active {
  position: relative;
  color: var(--black);
}
.blog-side-nav-container .nav-option.is-active:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: -20px;
  transition: all 150ms ease;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  background-color: var(--rabies);
  display: block;
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 1):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_1.svg");
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 2):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_2.svg");
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 3):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_3.svg");
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 4):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_4.svg");
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 5):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_5.svg");
}
.blog-side-nav-container .nav-option.is-active:nth-child(6n + 6):before {
  mask-image: url("/themes/custom/hounder_base/masks/hounder-bullets/Bullet-Bloop_6.svg");
}
.blog-side-nav-container .nav-option:before {
  display: none;
}
.blog-side-nav-title {
  width: fit-content;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 2px;
}
@media (min-width: 640px) {
  .blog-side-nav-title {
    cursor: default;
  }
}
@media (max-width: 1200px) {
  .blog-side-nav-title {
    margin-right: auto;
    margin-left: auto;
  }
}
.blog-side-nav-title:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -54px;
  transform: translateY(-50%);
  width: 29px;
  height: 26px;
  mask-image: url("/themes/custom/hounder_base/libraries/assets/icons/blog_chevron-down.svg") !important;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: all 500ms ease;
}
@media (min-width: 640px) {
  .blog-side-nav-title:before {
    opacity: 0;
  }
}
.blog-side-nav-title.active:before {
  transform: translateY(-50%) rotate(180deg);
}
.blog-side-nav-title-underline {
  content: '';
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: -5px;
  left: 0;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-image: url('/themes/custom/hounder_base/masks/preheading-underline.svg');
}
.side-nav-wrapper {
  height: 0px;
  position: sticky;
  top: 135px;
  z-index: 50;
}
@media (max-width: 1200px) {
  .side-nav-wrapper {
    position: relative;
    top: 0px;
    max-width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
  }
  .side-nav-wrapper .blog-side-nav {
    margin-left: 0;
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
  @media (min-width: 640px) {
    .side-nav-wrapper .blog-side-nav {
      padding-left: 40px;
      padding-right: 40px;
    }
  }
  .side-nav-wrapper .blog-side-nav-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    column-gap: 12px;
  }
  @media (min-width: 640px) {
    .side-nav-wrapper .blog-side-nav-container {
      column-gap: 40px;
    }
  }
  .side-nav-wrapper .blog-side-nav-container .nav-option.is-active:before {
    display: none !important;
  }
}
.blog-banner-section {
  position: relative;
  height: auto;
  width: 100%;
  margin-bottom: 126px;
}
.blog-banner-top {
  position: relative;
  height: auto;
  min-height: 290px;
  width: 100%;
  align-items: center;
}
@media (width >= 48rem) {
  .blog-banner-top {
    min-height: 390px;
  }
}
@media (width >= 75rem) {
  .blog-banner-top {
    min-height: 490px;
  }
}
.blog-banner-top {
  display: flex;
  flex-direction: column;
}
.blog-banner-text {
  margin-inline: auto;
  height: 100%;
  width: 100%;
  padding-top: 80px;
  text-align: center;
}
@media (width >= 48rem) {
  .blog-banner-text {
    padding-top: 115px;
  }
}
@media (width >= 90rem) {
  .blog-banner-text {
    padding-top: 195px;
  }
}
.blog-banner-text {
  position: relative;
  color: var(--snowdog);
  max-width: 1545px !important;
  padding-bottom: 32px;
}
.blog-banner-mask {
  width: 100%;
  height: 71px;
  position: absolute;
  bottom: -70px;
  left: 0;
  mask-position: bottom;
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-image: url('/themes/custom/hounder_base/masks/service-parent-mask.svg');
}
.blog-banner-image-wrapper {
  max-height: 150px;
  width: 100%;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  transform: translateY(50%);
}
@media (min-width: 1200px) {
  .blog-banner-image-wrapper {
    max-height: 300px;
    transform: translateY(30%);
  }
}
.blog-banner-image {
  z-index: 1;
  width: 100%;
  max-width: 1545px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-image: url('/themes/custom/hounder_base/masks/article-banner-media.svg');
  object-fit: cover;
}
.blog-banner-category-link {
  position: relative;
  margin-inline: auto;
  margin-bottom: var(--spacing-24px);
  height: auto;
  width: fit-content;
  padding-bottom: 10px;
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  .blog-banner-category-link {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
.blog-banner-category-link {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  color: var(--snowdog);
}
.blog-banner-category-link:hover, .blog-banner-category-link:focus {
  text-decoration: none;
}
.blog-banner-title {
  margin-inline: auto;
  margin-bottom: var(--spacing-24px);
  height: auto;
  width: fit-content;
  font-family: var(--font-serif);
  font-size: var(--text-8);
  line-height: var(--tw-leading, var(--text-8--line-height));
}
@media (width >= 75rem) {
  .blog-banner-title {
    font-size: var(--text-11);
    line-height: var(--tw-leading, var(--text-11--line-height));
  }
}
@media (width >= 90rem) {
  .blog-banner-title {
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
  }
}
.blog-banner-title {
  font-weight: 700;
}
.blog-banner-date {
  margin-inline: auto;
  margin-bottom: var(--spacing-24px);
  height: auto;
  width: fit-content;
  font-family: var(--font-serif);
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  .blog-banner-date {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
.blog-banner-date {
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase !important;
  color: var(--snowdog);
}
.blog-share-section {
  margin-inline: auto;
  margin-top: var(--spacing-40px);
  display: flex;
  height: auto;
  width: 100%;
  max-width: 800px;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 24px;
  padding-block: var(--spacing-64px);
}
@media (width >= 48rem) {
  .blog-share-section {
    flex-wrap: nowrap;
  }
}
.blog-share-section {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}
.blog-share-section-wrapper {
  height: auto;
  width: 100%;
  padding-inline: var(--spacing-16px);
}
@media (width >= 48rem) {
  .blog-share-section-wrapper {
    padding-inline: var(--spacing-40px);
  }
}
@media (width >= 75rem) {
  .blog-share-section-wrapper {
    padding-inline: var(--spacing-0);
  }
}
.blog-share-section .blog-subscribe-title {
  margin-bottom: var(--spacing-32px);
  font-family: var(--font-serif);
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  .blog-share-section .blog-subscribe-title {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
.blog-share-section .blog-subscribe-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--black);
}
.blog-share-section .subscribe-form-container {
  margin-inline: auto;
  text-align: center;
}
.blog-share-section .subscribe-form-container .subscribe-form-title {
  margin-bottom: var(--spacing-32px);
  font-family: var(--font-serif);
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  .blog-share-section .subscribe-form-container .subscribe-form-title {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
.blog-share-section .subscribe-form-container .subscribe-form-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--black);
}
.blog-share-section .subscribe-form-container .sib-input .entry__field {
  border: 2px solid var(--gray-3);
  transition: 150ms all ease;
}
.blog-share-section .subscribe-form-container .sib-input .entry__field:hover, .blog-share-section .subscribe-form-container .sib-input .entry__field:focus {
  border-color: var(--page-color);
}
.blog-share-section .subscribe-form-container .sib-input .entry__field .input {
  font-family: var(--font-serif);
}
.blog-share-section .subscribe-form-container .sib-input .entry__field .input::placeholder {
  color: var(--gray-5) !important;
}
.blog-share-section .a2a_kit a {
  padding: 0 !important;
}
.blog-share-section .a2a_svg {
  background-color: var(--mange) !important;
  border-radius: 0 !important;
  margin-right: 12px;
  display: flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease-in-out;
}
.blog-share-section .a2a_svg svg {
  height: 20px;
}
.blog-share-section .hs-form-private .input .hs-input {
  color: var(--black) !important;
}
.blog-share-section .hs-form-private label:not(.hs-error-msg) {
  color: var(--kibble) !important;
}
.blog-share-section .hs-form-private .hs_error_rollup {
  padding-inline: var(--spacing-16px);
}
.blog-share-block {
  margin-inline: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: var(--spacing-16px);
  text-align: center;
}
@media (width >= 48rem) {
  .blog-share-block {
    width: calc(1/2 * 100%);
  }
}
.blog-share-title {
  margin-bottom: var(--spacing-32px);
  font-family: var(--font-serif);
  font-size: var(--text-2);
  line-height: var(--tw-leading, var(--text-2--line-height));
}
@media (width >= 90rem) {
  .blog-share-title {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
.blog-share-title {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--black);
}
.blog-share-icons {
  margin-top: var(--spacing-24px);
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.blog-share-link {
  margin-top: var(--spacing-24px);
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .team-members .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
  }
}
.team-members .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  row-gap: 48px;
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 1) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-1.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 1) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-1.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 2) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-2.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 2) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-2.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 3) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-3.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 3) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-3.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 4) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-4.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 4) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-4.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 5) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-5.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 5) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-5.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 6) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-6.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 6) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-6.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 7) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-7.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 7) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-7.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 8) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-8.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 8) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-8.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 9) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-9.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 9) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-9.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 10) .user-blip-image-overlay {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-10.svg");
}
.team-members .views-view-responsive-grid__item:nth-child(10n + 10) img {
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-10.svg");
}
.team-members .user-blip-image-container {
  position: relative;
  margin-inline: auto;
  display: flex;
  height: auto;
  width: 80%;
  justify-content: center;
  overflow: hidden;
}
@media (width >= 75rem) {
  .team-members .user-blip-image-container {
    width: 60%;
  }
}
.team-members .user-blip-image-container:hover .user-blip-image-overlay, .team-members .user-blip-image-container:focus .user-blip-image-overlay {
  filter: brightness(85%);
}
.team-members .user-blip-image-container img {
  position: relative;
  z-index: 20;
  height: auto;
  width: 100%;
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-1.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: scale(0.9);
}
.team-members .user-blip-image-overlay {
  position: absolute;
  top: var(--spacing-0);
  right: var(--spacing-0);
  height: 100%;
  width: 100%;
  transition: 150ms all ease;
  mask-image: url("/themes/custom/hounder_base/masks/about-us/about_staff-mask-1.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--page-color);
}
.team-members .user-blip-text {
  margin-inline: auto;
  height: auto;
  width: 100%;
  max-width: 85%;
}
@media (width >= 75rem) {
  .team-members .user-blip-text {
    max-width: 55%;
  }
}
.team-members .user-blip-name {
  margin-top: var(--spacing-24px);
  height: auto;
  width: 100%;
  font-family: var(--font-serif);
  font-size: var(--text-3);
  line-height: var(--tw-leading, var(--text-3--line-height));
}
@media (width >= 75rem) {
  .team-members .user-blip-name {
    font-size: var(--text-4);
    line-height: var(--tw-leading, var(--text-4--line-height));
  }
}
@media (width >= 90rem) {
  .team-members .user-blip-name {
    font-size: var(--text-6);
    line-height: var(--tw-leading, var(--text-6--line-height));
  }
}
.team-members .user-blip-name {
  color: var(--page-color);
  margin-bottom: 0;
}
.team-members .user-blip-role {
  margin-top: var(--spacing-12px);
  height: auto;
  width: 100%;
  font-family: var(--font-serif);
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  .team-members .user-blip-role {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
.team-members .user-blip-role {
  color: var(--black);
}
.list-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  align-items: stretch;
}
.list-cards .views-row {
  mask-image: url('/themes/custom/hounder_base/masks/list-card-mask.svg');
  mask-size: cover;
  mask-position: center;
  max-width: 600px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1000px) {
  .list-cards .views-row {
    flex: 0 1 calc((100% / 3) - 32px);
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .list-cards .views-row {
    flex: 0 1 calc((100% / 2) - 32px);
    max-width: 100%;
  }
}
.list-cards-list form {
  width: 100%;
  max-width: 1200px;
  padding: 0 32px;
  margin: 32px auto;
}
.list-cards-list form .form-radios {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 50px;
}
.list-cards-list form .form-radios input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.list-cards-list form .form-radios input[type="radio"]:checked + label {
  color: var(--black);
  font-weight: 700;
}
.list-cards-list form .form-radios label {
  font-size: var(--text-0);
  line-height: var(--tw-leading, var(--text-0--line-height));
}
@media (width >= 90rem) {
  .list-cards-list form .form-radios label {
    font-size: var(--text-1);
    line-height: var(--tw-leading, var(--text-1--line-height));
  }
}
.list-cards-list form .form-radios label {
  display: block;
  paddin: 0 20px;
  color: var(--gray-8);
  font-weight: 500;
  cursor: pointer;
  position: relative;
}
.list-cards-list form .form-radios .count {
  font-size: var(--text--3);
  line-height: var(--tw-leading, var(--text--3--line-height));
}
@media (width >= 90rem) {
  .list-cards-list form .form-radios .count {
    font-size: var(--text--2);
    line-height: var(--tw-leading, var(--text--2--line-height));
  }
}
.list-cards-list form .form-radios .count {
  color: var(--gray-6);
  font-weight: 700;
  width: 100%;
  text-align: center;
  display: block;
}
.list-cards-list form .form-radios .filter-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 75px);
  height: calc(100% + 50px);
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 1000px) {
  .list-cards-list {
    justify-content: flex-start;
  }
  .list-cards-list .views-row:nth-child(3n+1 of .views-row) {
    transform: translateY(0);
  }
  .list-cards-list .views-row:nth-child(3n+2 of .views-row) {
    transform: translateY(3rem);
  }
  .list-cards-list .views-row:nth-child(3n+3 of .views-row) {
    transform: translateY(6rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .list-cards-list {
    justify-content: flex-start;
  }
  .list-cards-list .views-row:nth-child(2n+1 of .views-row) {
    transform: translateY(0);
  }
  .list-cards-list .views-row:nth-child(2n+2 of .views-row) {
    transform: translateY(3rem);
  }
}
.list-cards.no-filters.no-stack .list-card {
  height: 100%;
}
@media screen and (min-width: 1000px) {
  .list-cards.no-filters.no-stack {
    justify-content: flex-start;
  }
  .list-cards.no-filters.no-stack .views-row:nth-child(3n+1 of .views-row) {
    transform: translateY(0);
  }
  .list-cards.no-filters.no-stack .views-row:nth-child(3n+2 of .views-row) {
    transform: translateY(0);
  }
  .list-cards.no-filters.no-stack .views-row:nth-child(3n+3 of .views-row) {
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .list-cards.no-filters.no-stack {
    justify-content: flex-start;
  }
  .list-cards.no-filters.no-stack .views-row:nth-child(2n+1 of .views-row) {
    transform: translateY(0);
  }
  .list-cards.no-filters.no-stack .views-row:nth-child(2n+2 of .views-row) {
    transform: translateY(0);
  }
}
.entity-reference-wrapper-inner {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .entity-reference-wrapper-inner {
    flex-wrap: wrap;
  }
}
.pagination-container {
  align-items: center;
  column-gap: 20px;
  display: flex;
  font-size: 20px;
  height: auto;
  justify-content: center;
  line-height: 28px;
  margin: 160px auto 0;
  width: fit-content;
}
.pagination-container__prev,
  .pagination-container__next {
  width: 48px;
  height: 48px;
  mask-image: url('/themes/custom/hounder_base/images/icons/icon-arrow-16-A.svg');
  background-color: var(--page-color);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: cover;
}
.pagination-container__prev {
  transform: rotate(180deg);
}
.pagination-container__count {
  color: var(--black);
}
@media screen and (max-width: 1199px) {
  .pagination-container {
    width: 100%;
  }
  .pagination-container__prev,
    .pagination-container__next {
    width: 32px;
    height: 32px;
  }
}
.btn-liquid {
  font-family: "IBM Plex Sans";
  background-color: transparent;
  position: relative;
  display: block;
  border-radius: 50px;
  bottom-border: none !important;
  box-shadow: none !important;
}
.btn-liquid .btn-inner-liquid {
  position: relative;
  display: block;
}
.btn-center .btn-inner-liquid {
  margin: 0 auto;
}
.btn-border {
  font-family: "IBM Plex Sans";
}
.btn-border .btn-inner-liquid path:first-of-type {
  transform: translate(-2px, -2px) !important;
}
.wipe-mask-left {
  mask-image: linear-gradient(white, white);
  mask-repeat: no-repeat;
  mask-size: 0% 100%;
  width: 100%;
  height: 100%;
  animation: wipeMaskLeft var(--animation-duration) ease-in-out forwards;
}
@keyframes wipeMaskLeft {
  from {
    mask-size: 0% 100%;
  }
  to {
    mask-size: 100% 100%;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
    }
  }
}
/*# sourceMappingURL=style.css.map */