/* DO NOT EDIT. Generated by listings/scripts/build_chrome_css.py from the canon's
   kit/site.css and tokens (as vendored in static/). The site header and footer,
   styled on any page: this app's, or Webflow's via the www Worker. */

.tch-nav, .tch-footer {
  --tch-alt: #F5F7FA;
  --tch-bw-1: 1px;
  --tch-bw-15: 1.5px;
  --tch-bw-2: 2px;
  --tch-canvas: #FAFEFF;
  --tch-card: #FFFFFF;
  --tch-dur-1: 140ms;
  --tch-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --tch-focus: #126B69;
  --tch-focus-offset: 3px;
  --tch-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tch-fs-body: 1rem;
  --tch-fs-label: 0.875rem;
  --tch-fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --tch-fs-small: 0.875rem;
  --tch-fw-medium: 500;
  --tch-fw-regular: 400;
  --tch-fw-semibold: 600;
  --tch-gold: #FFBD15;
  --tch-gold-tint: #FFD754;
  --tch-gutter: clamp(1.25rem, 0.6rem + 2.8vw, 3rem);
  --tch-ink: #1A1B1F;
  --tch-lh-body: 1.6;
  --tch-lh-heading: 1.25;
  --tch-line: #D7E1E4;
  --tch-line-soft: #E6EDEF;
  --tch-ls-label: 0.08em;
  --tch-muted: #63686E;
  --tch-nav-h: 4.5rem;
  --tch-press: 0.97;
  --tch-r-md: 0.875rem;
  --tch-r-pill: 999px;
  --tch-r-sm: 0.625rem;
  --tch-r-xs: 0.375rem;
  --tch-rule: linear-gradient(90deg, var(--tch-gold), var(--tch-gold-tint));
  --tch-rule-h: 3px;
  --tch-rule-w: 3.5rem;
  --tch-shadow-2: 0 1px 2px rgba(18, 56, 62, 0.05), 0 8px 24px rgba(18, 56, 62, 0.08);
  --tch-sp-1: 0.25rem;
  --tch-sp-2: 0.5rem;
  --tch-sp-3: 0.75rem;
  --tch-sp-4: 1rem;
  --tch-sp-5: 1.5rem;
  --tch-sp-6: 2rem;
  --tch-sp-7: 3rem;
  --tch-sp-8: 4rem;
  --tch-tap: 2.75rem;
  --tch-teal: #126B69;
  --tch-teal-ink: #0D524F;
  --tch-teal-on: #FFFFFF;
  --tch-teal-tint: #E7F1F0;
  --tch-text: #525252;
  --tch-w-page: 75rem;
}
@media (prefers-reduced-motion: reduce) {
  .tch-nav, .tch-footer {
    --tch-dur-1: 1ms;
  }
}
:is(.tch-nav, .tch-footer) { font-family: var(--tch-font-body); font-size: var(--tch-fs-body); line-height: var(--tch-lh-body); color: var(--tch-text); text-align: left; -webkit-font-smoothing: antialiased; }
:is(.tch-nav, .tch-footer), :is(.tch-nav, .tch-footer) *, :is(.tch-nav, .tch-footer) *::before, :is(.tch-nav, .tch-footer) *::after { box-sizing: border-box; }
:is(.tch-nav, .tch-footer) :is(ul, ol) { margin: 0; padding: 0; list-style: none; }
:is(.tch-nav, .tch-footer) :is(h2, p, address) { margin: 0; font-style: normal; }
:is(.tch-nav, .tch-footer) h2 { line-height: var(--tch-lh-heading); }
:is(.tch-nav, .tch-footer) img { display: block; max-width: 100%; height: auto; border: 0; }
:is(.tch-nav, .tch-footer) a { color: var(--tch-teal); background: transparent; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
:is(.tch-nav, .tch-footer) summary { list-style: none; }
:is(.tch-nav, .tch-footer) :focus-visible { outline: var(--tch-bw-2) solid var(--tch-focus); outline-offset: var(--tch-focus-offset); border-radius: var(--tch-r-xs); }
:is(.tch-nav, .tch-footer) .tch-container { width: 100%; max-width: calc(var(--tch-w-page) + 2 * var(--tch-gutter)); margin-inline: auto; padding-inline: var(--tch-gutter); }
:is(.tch-nav, .tch-footer) .tch-rule { display: block; width: var(--tch-rule-w); height: var(--tch-rule-h); border-radius: var(--tch-r-pill); background: var(--tch-rule); }
:is(.tch-nav, .tch-footer) .tch-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--tch-sp-2); min-height: var(--tch-tap); padding: 0 var(--tch-sp-5); border: var(--tch-bw-15) solid transparent; border-radius: var(--tch-r-pill); font-size: var(--tch-fs-body); font-weight: var(--tch-fw-semibold); line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background var(--tch-dur-1) var(--tch-ease), color var(--tch-dur-1) var(--tch-ease), border-color var(--tch-dur-1) var(--tch-ease), scale var(--tch-dur-1) var(--tch-ease); }
:is(.tch-nav, .tch-footer) .tch-btn:active { scale: 0.98; }
:is(.tch-nav, .tch-footer) .tch-btn--primary { background: var(--tch-teal); color: var(--tch-teal-on); }
:is(.tch-nav, .tch-footer) .tch-btn--primary:hover { background: var(--tch-teal-ink); color: var(--tch-teal-on); }
:is(.tch-nav, .tch-footer) .tch-btn--outline { background: transparent; border-color: var(--tch-teal); color: var(--tch-teal); }
:is(.tch-nav, .tch-footer) .tch-btn--outline:hover { background: var(--tch-teal-tint); color: var(--tch-teal-ink); }
:is(.tch-nav, .tch-footer) .tch-btn--light { background: var(--tch-card); color: var(--tch-teal-ink); }
:is(.tch-nav, .tch-footer) .tch-btn--light:hover { background: var(--tch-teal-tint); color: var(--tch-teal-ink); }
:is(.tch-nav, .tch-footer) .tch-btn--lg { min-height: 3.25rem; padding-inline: var(--tch-sp-6); font-size: var(--tch-fs-lead); }
:is(.tch-nav, .tch-footer) .tch-btn--block { width: 100%; }
.tch-nav { position: sticky; top: 0; z-index: 50; background: var(--tch-canvas); border-bottom: var(--tch-bw-1) solid var(--tch-line-soft); }
:is(.tch-nav, .tch-footer) .tch-nav__bar { display: flex; align-items: center; gap: var(--tch-sp-5); min-height: var(--tch-nav-h); }
:is(.tch-nav, .tch-footer) .tch-nav__logo { display: inline-flex; align-items: center; min-height: var(--tch-tap); flex: none; }
:is(.tch-nav, .tch-footer) .tch-nav__logo img { width: 9.5rem; height: auto; }
:is(.tch-nav, .tch-footer) .tch-nav__links { display: none; align-items: center; gap: var(--tch-sp-2); margin-left: auto; }
:is(.tch-nav, .tch-footer) .tch-nav__link, :is(.tch-nav, .tch-footer) .tch-nav__drop > summary { display: inline-flex; align-items: center; gap: var(--tch-sp-2); min-height: var(--tch-tap); padding: 0 var(--tch-sp-3); border-radius: var(--tch-r-pill); color: var(--tch-ink); font-weight: var(--tch-fw-medium); text-decoration: none; cursor: pointer; list-style: none; white-space: nowrap; }
:is(.tch-nav, .tch-footer) .tch-nav__drop > summary::-webkit-details-marker { display: none; }
:is(.tch-nav, .tch-footer) .tch-nav__link:hover, :is(.tch-nav, .tch-footer) .tch-nav__drop > summary:hover { background: var(--tch-teal-tint); color: var(--tch-teal-ink); }
:is(.tch-nav, .tch-footer) .tch-nav__link[aria-current="page"] { color: var(--tch-teal); }
:is(.tch-nav, .tch-footer) .tch-caret { width: 0.45rem; height: 0.45rem; border-right: var(--tch-bw-15) solid currentColor; border-bottom: var(--tch-bw-15) solid currentColor; rotate: 45deg; margin-top: -0.2rem; transition: rotate var(--tch-dur-1) var(--tch-ease); }
:is(.tch-nav, .tch-footer) details[open] > summary .tch-caret { rotate: 225deg; margin-top: 0.2rem; }
:is(.tch-nav, .tch-footer) .tch-nav__drop { position: relative; }
:is(.tch-nav, .tch-footer) .tch-nav__menu { position: absolute; top: calc(100% + var(--tch-sp-2)); left: 0; min-width: 13rem; padding: var(--tch-sp-2); background: var(--tch-card); border: var(--tch-bw-1) solid var(--tch-line); border-radius: var(--tch-r-md); box-shadow: var(--tch-shadow-2); }
:is(.tch-nav, .tch-footer) .tch-nav__menu a { display: flex; align-items: center; min-height: var(--tch-tap); padding: 0 var(--tch-sp-3); border-radius: var(--tch-r-sm); color: var(--tch-ink); text-decoration: none; }
:is(.tch-nav, .tch-footer) .tch-nav__menu a:hover { background: var(--tch-teal-tint); color: var(--tch-teal-ink); }
:is(.tch-nav, .tch-footer) .tch-nav__cta { display: none; align-items: center; gap: var(--tch-sp-3); }
:is(.tch-nav, .tch-footer) .tch-nav__mobile { margin-left: auto; }
:is(.tch-nav, .tch-footer) .tch-nav__mobile > summary { display: inline-flex; align-items: center; gap: var(--tch-sp-2); min-height: var(--tch-tap); padding: 0 var(--tch-sp-4); border: var(--tch-bw-15) solid var(--tch-line); border-radius: var(--tch-r-pill); font-weight: var(--tch-fw-semibold); color: var(--tch-ink); cursor: pointer; list-style: none; }
:is(.tch-nav, .tch-footer) .tch-nav__mobile > summary::-webkit-details-marker { display: none; }
:is(.tch-nav, .tch-footer) .tch-burger { width: 1.1rem; height: 0.75rem; border-block: var(--tch-bw-2) solid currentColor; position: relative; }
:is(.tch-nav, .tch-footer) .tch-burger::after { content: ""; position: absolute; inset: 50% 0 auto 0; height: 2px; margin-top: -1px; background: currentColor; }
:is(.tch-nav, .tch-footer) .tch-nav__panel { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100dvh - var(--tch-nav-h)); overflow-y: auto; background: var(--tch-canvas); border-bottom: var(--tch-bw-1) solid var(--tch-line); box-shadow: var(--tch-shadow-2); padding: var(--tch-sp-4) var(--tch-gutter) var(--tch-sp-6); display: grid; gap: var(--tch-sp-1); }
:is(.tch-nav, .tch-footer) .tch-nav__panel a { display: flex; align-items: center; min-height: var(--tch-tap); color: var(--tch-ink); text-decoration: none; font-weight: var(--tch-fw-medium); }
:is(.tch-nav, .tch-footer) .tch-nav__panel .tch-nav__group { margin-top: var(--tch-sp-3); font-size: var(--tch-fs-label); letter-spacing: var(--tch-ls-label); text-transform: uppercase; color: var(--tch-muted); font-weight: var(--tch-fw-semibold); }
:is(.tch-nav, .tch-footer) .tch-nav__panel .tch-nav__sub { padding-left: var(--tch-sp-4); font-weight: var(--tch-fw-regular); }
:is(.tch-nav, .tch-footer) .tch-nav__panel .tch-btn { margin-top: var(--tch-sp-3); color: var(--tch-teal); font-weight: var(--tch-fw-semibold); }
:is(.tch-nav, .tch-footer) .tch-nav__panel .tch-btn--primary { color: var(--tch-teal-on); }
@media (min-width: 1080px) {
  :is(.tch-nav, .tch-footer) .tch-nav__links, :is(.tch-nav, .tch-footer) .tch-nav__cta { display: flex; }
  :is(.tch-nav, .tch-footer) .tch-nav__mobile { display: none; }
}
.tch-footer { background: var(--tch-alt); border-top: var(--tch-bw-1) solid var(--tch-line-soft); padding-block: var(--tch-sp-8) var(--tch-sp-6); color: var(--tch-text); }
:is(.tch-nav, .tch-footer) .tch-footer__grid { display: grid; gap: var(--tch-sp-7) var(--tch-sp-6); grid-template-columns: 1fr 1fr; }
:is(.tch-nav, .tch-footer) .tch-footer__brand { grid-column: 1 / -1; display: grid; gap: var(--tch-sp-4); align-content: start; }
:is(.tch-nav, .tch-footer) .tch-lockup { display: inline-grid; justify-items: center; gap: var(--tch-sp-3); width: max-content; text-decoration: none; }
:is(.tch-nav, .tch-footer) .tch-lockup img { width: 11rem; }
:is(.tch-nav, .tch-footer) .tch-footer__contact { display: grid; gap: 0; }
:is(.tch-nav, .tch-footer) .tch-footer__contact a, :is(.tch-nav, .tch-footer) .tch-footer__col a, :is(.tch-nav, .tch-footer) .tch-footer__social a, :is(.tch-nav, .tch-footer) .tch-footer__legal a { display: inline-flex; align-items: center; min-height: var(--tch-tap); color: var(--tch-text); text-decoration: none; }
:is(.tch-nav, .tch-footer) .tch-footer__contact a:hover, :is(.tch-nav, .tch-footer) .tch-footer__col a:hover, :is(.tch-nav, .tch-footer) .tch-footer__social a:hover, :is(.tch-nav, .tch-footer) .tch-footer__legal a:hover { color: var(--tch-teal); text-decoration: underline; }
:is(.tch-nav, .tch-footer) .tch-footer__social { display: flex; flex-wrap: wrap; gap: 0 var(--tch-sp-5); }
:is(.tch-nav, .tch-footer) .tch-footer__col h2 { font-family: var(--tch-font-body); font-size: var(--tch-fs-label); letter-spacing: var(--tch-ls-label); text-transform: uppercase; color: var(--tch-ink); font-weight: var(--tch-fw-semibold); margin-bottom: var(--tch-sp-2); }
:is(.tch-nav, .tch-footer) .tch-footer__col li { line-height: 1.3; }
:is(.tch-nav, .tch-footer) .tch-footer__legal { margin-top: var(--tch-sp-7); padding-top: var(--tch-sp-4); border-top: var(--tch-bw-1) solid var(--tch-line); display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--tch-sp-5); font-size: var(--tch-fs-small); color: var(--tch-muted); }
:is(.tch-nav, .tch-footer) .tch-footer__legal span { margin-right: auto; min-height: var(--tch-tap); display: inline-flex; align-items: center; }
@media (min-width: 900px) {
  :is(.tch-nav, .tch-footer) .tch-footer__grid { grid-template-columns: 1.5fr repeat(4, 1fr); }
  :is(.tch-nav, .tch-footer) .tch-footer__brand { grid-column: auto; }
}
:is(.tch-nav, .tch-footer) .tch-footer__contact { font-style: normal; }
:is(.tch-nav, .tch-footer) .tch-lockup { justify-items: start; }
:is(.tch-nav, .tch-footer) .tch-btn:active { scale: var(--tch-press); }
@media (prefers-reduced-motion: reduce) {
  :is(.tch-nav, .tch-footer) .tch-btn:active { scale: 1; }
}