@import "/tokens.9e9129.css"; html, body { overflow-x: clip; } html { scroll-behavior: smooth; } body { background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-md); line-height: var(--leading-body); letter-spacing: var(--tracking-body); text-rendering: optimizeLegibility; } .ss-main picture, .ss-main img, .directions-board-page picture, .directions-board-page img { display: block; max-inline-size: 100%; } :where(.ss-main, .directions-board-page) :where(figure, picture) { min-inline-size: 0; max-inline-size: 100%; } :where(.ss-main, .directions-board-page) :where(img) { max-inline-size: 100%; } .ss-main img, .directions-board-page img { block-size: auto; } :where(.ss-main) :where(.container, .ss-container) { margin-inline: auto; } .lane-mixed .db-card { width: 100%; padding: 0.65rem; border: 1px solid rgba(54, 43, 36, 0.14); border-radius: 2.25rem; background: rgba(54, 43, 36, 0.03); box-sizing: border-box; } .lane-mixed .db-card-inner { display: flex; flex-direction: column; height: 100%; padding: 2rem 1.25rem; text-align: center; border-radius: 1.6rem; background: linear-gradient(180deg, #fff 0%, #faf8f5 100%); box-sizing: border-box; } .lane-mixed .db-card-inner .text-start { text-align: center !important; } .lane-mixed .ss-main { text-align: center; } .lane-mixed .text-start, .lane-mixed .text-lg-start { text-align: center !important; } .lane-mixed .justify-content-lg-start { justify-content: center !important; } .lane-mixed .db-card-inner ul { width: 100%; padding-left: 0; } .lane-mixed .db-card-inner li { justify-content: center; width: 100%; } .lane-mixed .db-card-inner .badge { display: inline-flex; align-items: center; justify-content: center; width: min(100%, 24rem); min-height: 2.5rem; white-space: normal; text-align: center; line-height: 1.35; box-sizing: border-box; } @media (max-width: 575.98px) { .lane-mixed .db-card-inner { padding: 1.5rem 0.9rem; } } @media (max-width: 47.99rem) { .ss-new-site-footer, .ss-lead-capture-footer { content-visibility: auto; contain-intrinsic-size: auto 52rem; } } :where(h1, h2, h3, h4, h5, h6) { min-width: 0; overflow-wrap: anywhere; color: var(--color-ink); font-family: var(--font-display); font-style: normal; font-weight: var(--display-weight); letter-spacing: var(--tracking-display); text-wrap: balance; } .ss-global-nav-wrapper, .ss-global-nav-wrapper *, .ss-global-nav-wrapper *::before, .ss-global-nav-wrapper *::after, .ss-new-site-footer, .ss-new-site-footer *, .ss-new-site-footer *::before, .ss-new-site-footer *::after, .ss-floating-chat, .ss-mobile-sticky-action, .mobile-sticky-cta, .desktop-sticky-cta, .ss-mobile-actionbar { box-sizing: border-box; } .ss-global-nav-wrapper a:focus-visible, .ss-global-nav-wrapper button:focus-visible, .ss-new-site-footer a:focus-visible, .ss-floating-chat:focus-visible, .ss-mobile-sticky-action:focus-visible, .mobile-sticky-cta a:focus-visible, .desktop-sticky-cta a:focus-visible, .desktop-sticky-cta button:focus-visible, .ss-mobile-actionbar a:focus-visible, .ss-mobile-actionbar button:focus-visible { outline: var(--rule-fine) solid var(--color-focus); outline-offset: var(--space-3xs); } .ss-global-nav-wrapper .ss-nav-cta:focus-visible, .ss-mobile-sticky-action:focus-visible, .mobile-sticky-cta > a:first-child:focus-visible, .mobile-sticky-cta__primary:focus-visible, .desktop-sticky-cta__primary:focus-visible, .ss-mobile-actionbar .ss-action-primary:focus-visible { outline-color: var(--color-focus); } .ss-skip-link { position: absolute; z-index: var(--z-modal); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; pointer-events: none; } .ss-skip-link:focus-visible { inset-block-start: var(--space-sm); inset-inline-start: var(--gutter); width: auto; height: auto; margin: 0; padding: var(--space-xs) var(--space-sm); overflow: visible; clip: auto; clip-path: none; border: var(--rule-hair) solid var(--color-ink); border-radius: var(--radius-button); background: var(--color-ink); color: var(--color-paper); font-family: var(--font-body); font-weight: 700; text-decoration: none; white-space: nowrap; pointer-events: auto; } .ss-global-nav-wrapper { position: relative; z-index: var(--z-nav); width: 100%; margin: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); text-align: center; isolation: isolate; } body .ss-global-nav-wrapper .ss-site-header { position: relative; width: 100%; max-width: none; margin: 0; overflow: visible; border: 0; border-radius: 0; background: var(--color-paper); box-shadow: none; color: var(--color-ink); } body .ss-global-nav-wrapper .ss-site-header::after { content: ""; display: block; width: 100%; height: var(--space-2xs); border-block-start: var(--rule-hair) solid var(--color-rule-2); border-block-end: var(--rule-hair) solid var(--color-rule-2); background: var(--color-paper); pointer-events: none; } .ss-global-nav-wrapper .ss-topbar { display: none; } .ss-global-nav-wrapper .ss-topbar-sms { color: var(--color-accent); text-decoration: none; } .ss-global-nav-wrapper .ss-topbar-inner { width: 100%; max-width: 1100px !important; margin-inline: auto; padding-inline: clamp(1rem, 2.4vw, 1.25rem) !important; } .ss-global-nav-wrapper .ss-navbar { display: block; min-height: 0; padding: var(--space-xs) var(--gutter); border: 0; border-radius: 0; background: var(--color-paper); color: var(--color-ink); } .ss-global-nav-wrapper .ss-navbar > .container { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand toggle" "menu menu"; gap: var(--space-xs); align-items: center; width: 100%; max-width: 1100px !important; margin-inline: auto; padding-inline: clamp(1rem, 2.4vw, 1.25rem) !important; } .ss-global-nav-wrapper .ss-brand { grid-area: brand; display: inline-flex; align-items: center; justify-self: start; min-width: 0; max-width: 100%; margin: 0; padding: 0; gap: var(--space-xs); color: var(--color-ink); font-weight: 400; line-height: 1; text-decoration: none; } .ss-global-nav-wrapper .ss-brand-mark { flex: 0 0 auto; width: 44px; height: 44px; margin: 0; border: 0; border-radius: 0; object-fit: contain; } .ss-global-nav-wrapper .ss-brand-copy { display: inline-flex; min-width: 0; flex-direction: column; } .ss-global-nav-wrapper .ss-brand-main { color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.4rem, 6vw, 1.75rem); font-style: normal; font-weight: var(--display-weight); letter-spacing: var(--tracking-display); line-height: 1; white-space: nowrap; } .ss-global-nav-wrapper .ss-brand-sub { display: none; color: var(--color-muted); font-family: var(--font-body); } .ss-global-nav-wrapper .ss-menu-button { grid-area: toggle; display: inline-flex; align-items: center; justify-content: center; justify-self: end; min-width: 44px; min-height: 44px; margin: 0; padding: var(--space-2xs) var(--space-xs); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-button) !important; background: var(--color-paper); box-shadow: none; color: var(--color-ink); letter-spacing: normal !important; font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; line-height: 1; white-space: nowrap; } .ss-global-nav-wrapper .ss-menu-button[aria-expanded="true"] { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); } .ss-global-nav-wrapper #ssMainNav { grid-area: menu; min-width: 0; width: 100%; } .ss-global-nav-wrapper #ssMainNav.show, .ss-global-nav-wrapper #ssMainNav.collapsing { margin-block-start: var(--space-2xs); border-block-start: var(--rule-hair) solid var(--color-rule); } .ss-global-nav-wrapper #ssMainNav.collapsing { transition: none; } .ss-global-nav-wrapper .navbar-nav { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; margin: 0; padding: var(--space-2xs) 0 0; gap: 0; } .ss-global-nav-wrapper .navbar-nav > .nav-item { min-width: 0; margin: 0; border-block-start: var(--rule-hair) solid var(--color-rule); } .ss-global-nav-wrapper .navbar-nav > .nav-item:first-child { border-block-start: 0; } .ss-global-nav-wrapper .ss-navbar .nav-link, .ss-global-nav-wrapper .ss-nav-cta { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; margin: 0; padding: var(--space-xs) var(--space-2xs); border: 0; border-inline-start: var(--rule-fine) solid transparent; border-radius: 999px !important; background: transparent; box-shadow: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 600; letter-spacing: var(--tracking-body); line-height: 1.2; text-align: start; text-decoration: none; white-space: nowrap; position: relative; transition: background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out) !important; } .ss-global-nav-wrapper .ss-navbar .nav-link.active, .ss-global-nav-wrapper .ss-navbar .nav-link[aria-current="page"] { border-inline-start-color: var(--color-accent); color: var(--color-accent-deep); } .ss-global-nav-wrapper .ss-navbar .dropdown-toggle::after { flex: 0 0 auto; margin-inline-start: var(--space-2xs); } .ss-global-nav-wrapper .ss-navbar .dropdown-menu { position: static; float: none; min-width: 100%; margin: 0; padding: 0 0 var(--space-2xs) var(--space-sm); border: 0; border-radius: 0; background: var(--color-paper-2); box-shadow: none; color: var(--color-ink); } .ss-global-nav-wrapper .ss-navbar .dropdown-item { display: flex; align-items: center; position: relative !important; min-height: 44px; padding: var(--space-2xs) var(--space-xs); border: 0; border-radius: 0; background: transparent; color: var(--color-neutral); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; } .ss-global-nav-wrapper .ss-navbar .dropdown-item.active, .ss-global-nav-wrapper .ss-navbar .dropdown-item[aria-current="page"] { background: var(--color-accent-soft); color: var(--color-accent-deep); } .ss-global-nav-wrapper .ss-nav-cta { justify-content: center; margin-block: var(--space-2xs); padding-inline: var(--space-sm); border: var(--rule-hair) solid var(--color-accent); border-radius: var(--radius-button); background: var(--color-accent); color: var(--color-accent-ink); font-weight: 700; } .ss-global-nav-wrapper .ss-nav-cta:active, .ss-global-nav-wrapper .ss-menu-button:active { background: var(--color-accent-deep); color: var(--color-accent-ink); } .ss-mobile-sticky-action { display: none; align-items: center; justify-content: center; gap: var(--space-2xs); min-height: 52px; padding: var(--space-xs) var(--gutter); border: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: var(--color-ink); box-shadow: none; color: var(--color-paper); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; } footer.ss-new-site-footer { width: 100%; margin: 0; padding: var(--space-xl) 0 var(--space-lg); border-block-start: var(--rule-fine) solid var(--color-ink); background: var(--color-paper-2); color: var(--color-ink); font-family: var(--font-body); text-align: center; } .ss-new-site-footer .ss-new-footer-shell { width: 100%; max-width: var(--container-wide); margin-inline: auto; padding: 0 var(--gutter); border: 0; border-radius: 0; background: transparent; box-shadow: none; } .ss-new-site-footer .ss-new-footer-inner { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .ss-new-site-footer .ss-new-footer-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); margin: 0; } .ss-new-site-footer .ss-new-footer-brand { min-width: 0; padding: 0; } .ss-new-site-footer .ss-new-brand-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-sm); margin: 0 0 var(--space-sm); } .ss-new-site-footer .ss-new-brand-logo { display: block; width: 60px; height: 60px; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--color-ink); object-fit: contain; transition: none; } .ss-new-site-footer .ss-new-brand-title { min-width: 0; color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.85rem, 8vw, 2.6rem); font-style: normal; font-weight: var(--display-weight); letter-spacing: var(--tracking-display); line-height: 1; overflow-wrap: anywhere; } .ss-new-site-footer .ss-new-brand-desc { max-width: 48ch; margin: 0 0 var(--space-md); color: var(--color-muted); font-family: var(--font-body); font-size: var(--text-md); line-height: var(--leading-body); } .ss-new-site-footer .ss-new-contact-list { display: grid; gap: var(--space-xs); } .ss-new-site-footer .ss-new-contact-row { display: flex; align-items: flex-start; gap: var(--space-xs); color: var(--color-neutral); font-family: var(--font-body); font-size: var(--text-sm); line-height: 1.5; transition: none; } .ss-new-site-footer .ss-new-contact-row i { flex: 0 0 auto; width: 16px; height: 16px; margin-block-start: var(--space-3xs); color: var(--color-accent); } .ss-new-site-footer .ss-new-footer-nav { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-lg); min-width: 0; } .ss-new-site-footer .ss-new-nav-col { min-width: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); } .ss-new-site-footer .ss-new-nav-col h3 { margin: 0; padding: var(--space-xs) 0 var(--space-2xs); color: var(--color-accent-deep); font-family: var(--font-body); font-size: var(--text-xs); font-style: normal; font-weight: 700; font-variant-caps: all-small-caps; letter-spacing: var(--tracking-label); line-height: 1.2; text-transform: uppercase; } .ss-new-site-footer .ss-new-nav-col ul { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; } .ss-new-site-footer .ss-new-nav-col li { margin: 0; border-block-start: var(--rule-hair) solid var(--color-rule); color: var(--color-ink); } .ss-new-site-footer .ss-new-nav-col a { display: flex; align-items: center; width: 100%; min-height: 44px; padding: var(--space-2xs) 0; border: 0; border-radius: 0; background: transparent; color: var(--color-neutral); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: none; } .ss-new-site-footer .ss-new-footer-bottom { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; justify-content: space-between; gap: var(--space-sm); margin: var(--space-xl) 0 0; padding: var(--space-md) 0 0; border: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: transparent; box-shadow: none; color: var(--color-muted); font-family: var(--font-body); font-size: var(--text-xs); line-height: 1.6; } .ss-new-site-footer .ss-new-footer-contacts { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-2xs) var(--space-sm); } .ss-new-site-footer .ss-new-footer-contact-link { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2xs); width: auto; min-height: 44px; padding: var(--space-2xs) 0; border: 0; border-block-end: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: transparent; box-shadow: none; color: var(--color-neutral); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; transition: none; } .ss-new-site-footer .ss-new-footer-contact-link i { flex: 0 0 auto; width: 16px; height: 16px; color: var(--color-accent); } .ss-new-site-footer .ss-new-divider { display: none; width: var(--rule-hair); height: var(--space-sm); background: var(--color-rule-2); } .ss-floating-chat { display: flex; align-items: center; justify-content: center; gap: var(--space-2xs); width: 100%; min-height: 48px; margin: 0; padding: var(--space-xs) var(--gutter); border: 0; border-block-end: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: var(--color-paper-3); box-shadow: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; transition: none; } .ss-floating-chat i { flex: 0 0 auto; color: var(--color-accent); font-size: var(--text-md); } .ss-floating-chat-text { display: inline; font-size: inherit; font-weight: inherit; white-space: nowrap; } .ss-lead-capture-footer { padding: var(--space-md) 0; border-block-start: var(--rule-hair) solid var(--color-rule); background: var(--color-paper-2); color: var(--color-ink); } .ss-lead-capture-footer form { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-sm); width: 100%; } .ss-lead-capture-container { width: 100%; margin: 0; padding: var(--space-md) var(--gutter); border-block-end: var(--rule-hair) solid var(--color-rule); background: var(--color-paper-2); color: var(--color-ink); font-family: var(--font-body); } .ss-lead-capture-inner { display: grid; gap: var(--space-md); width: 100%; max-width: var(--container-wide); margin-inline: auto; } .ss-lead-capture-copy h2, .ss-schedule-lead-dialog h2 { margin: 0; color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-xl); font-style: normal; font-weight: var(--display-weight); letter-spacing: var(--tracking-display); line-height: var(--leading-heading); } .ss-lead-capture-copy p, .ss-schedule-lead-dialog > p { max-width: 52ch; margin: var(--space-2xs) 0 0; color: var(--color-muted); font-size: var(--text-sm); line-height: 1.55; } .ss-lead-capture-form { display: grid; gap: var(--space-sm); width: 100%; } .ss-lead-capture-form label { display: grid; gap: var(--space-2xs); margin: 0; color: var(--color-neutral); font-size: var(--text-xs); font-weight: 650; letter-spacing: 0; line-height: 1.2; } .ss-lead-capture-form input { width: 100%; min-width: 0; min-height: 44px; padding: var(--space-2xs) var(--space-xs); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-input); outline: var(--rule-fine) solid transparent; outline-offset: 1px; background: var(--color-paper); color: var(--color-ink); font: inherit; font-size: var(--text-md); } .ss-lead-capture-form input:focus-visible { border-width: var(--rule-hair); border-color: var(--color-neutral); outline-color: var(--color-focus); } .ss-lead-capture-form input:user-invalid { border-color: var(--color-error); } .ss-lead-capture-form input:user-valid { border-color: var(--color-accent); } .ss-lead-capture-form input:active:not(:disabled) { border-color: var(--color-accent); } .ss-lead-capture-form input:disabled { background: var(--color-paper-2); color: var(--color-muted); cursor: not-allowed; opacity: 0.55; } .ss-btn:focus-visible, .ss-schedule-lead-close:focus-visible { outline: var(--rule-fine) solid var(--color-focus); outline-offset: var(--space-3xs); } .ss-lead-capture-form[data-state="loading"] { opacity: 0.72; } .ss-lead-capture-form[data-state="loading"] input, .ss-lead-capture-form[data-state="loading"] button { cursor: wait; } .ss-lead-capture-form .ss-btn { align-self: end; } .ss-lead-capture-status { min-height: 1lh; margin: 0; color: var(--color-accent-deep); font-size: var(--text-sm); font-weight: 650; } .ss-lead-capture-status[data-state="success"] { color: var(--color-accent-deep); } .ss-lead-capture-status[data-state="error"] { color: var(--color-error); } .ss-schedule-lead-modal { position: fixed; inset: 0; width: min(calc(100% - (2 * var(--gutter))), 34rem); height: fit-content; max-height: min(80dvh, 42rem); margin: auto; padding: 0; overflow: auto; border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-card); background: var(--color-paper); box-shadow: var(--shadow-raised); color: var(--color-ink); } .ss-schedule-lead-modal::backdrop { background: var(--color-backdrop); } .ss-schedule-lead-dialog { position: relative; display: grid; gap: var(--space-md); padding: var(--space-xl) var(--space-md) var(--space-md); } .ss-schedule-lead-close { position: absolute; inset-block-start: var(--space-xs); inset-inline-end: var(--space-xs); display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--radius-button); background: transparent; color: var(--color-ink); font: inherit; font-size: var(--text-xl); line-height: 1; } .ss-schedule-lead-close:active:not(:disabled) { transform: translateY(1px); } .ss-schedule-lead-close:disabled { cursor: not-allowed; opacity: 0.55; } .ss-lead-capture-form--stacked { grid-template-columns: minmax(0, 1fr); } .ss-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2xs); min-height: 44px; padding: var(--space-xs) var(--space-sm); border: var(--rule-hair) solid transparent; border-radius: var(--radius-button); font-family: var(--font-body); font-weight: 700; line-height: 1.1; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out); } .ss-btn-primary { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); box-shadow: none; } .ss-btn-secondary { border-color: var(--color-rule-2); background: var(--color-paper-2); color: var(--color-ink); } .ss-btn:active { transform: translateY(1px); } .ss-section { padding: clamp(var(--space-xl), 6vw, var(--space-3xl)) 0; } .ss-card { padding: clamp(var(--space-sm), 2.5vw, var(--space-md)); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-card); background: var(--color-paper); box-shadow: var(--shadow-card); color: var(--color-ink); } .ss-eyebrow { margin-block-end: var(--space-2xs); color: var(--color-accent-deep); font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; } .ss-muted { color: var(--color-muted); } dialog#help-modal::backdrop { background: color-mix(in oklab, var(--color-ink) 72%, transparent); } dialog#help-modal { padding: 0; overflow: visible; border: 0; background: transparent; } .mobile-sticky-cta { position: fixed; z-index: var(--z-sticky); inset-inline: 0; inset-block-end: 0; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: var(--space-2xs); width: 100%; margin: 0; padding: var(--space-2xs) max(var(--space-xs), env(safe-area-inset-right)) max(var(--space-2xs), env(safe-area-inset-bottom)) max(var(--space-xs), env(safe-area-inset-left)); border: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: var(--color-paper); box-shadow: none; transform: translateY(0); transition: transform var(--dur-short) var(--ease-in-out); } .mobile-sticky-cta--hidden { transform: translateY(125%); pointer-events: none; } .mobile-sticky-cta__inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); align-items: center; gap: var(--space-2xs); width: 100%; max-width: var(--container-standard); margin-inline: auto; } .mobile-sticky-cta > a, .mobile-sticky-cta > button, .mobile-sticky-cta__primary, .mobile-sticky-cta__action { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; width: 100%; padding: var(--space-2xs) var(--space-xs); overflow: hidden; border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-button) !important; background: var(--color-paper-2); box-shadow: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; line-height: 1; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; transition: background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out); } .mobile-sticky-cta > a:first-child, .mobile-sticky-cta__primary { border-color: var(--color-accent) !important; background: var(--color-accent) !important; color: var(--color-accent-ink) !important; } .desktop-sticky-cta { position: fixed; z-index: var(--z-sticky); inset-inline-start: 50% !important; inset-inline-end: auto !important; inset-block-end: var(--space-sm); display: none; max-width: calc(100% - (2 * var(--gutter))); padding: var(--space-2xs); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-card); background: var(--color-ink); box-shadow: none; color: var(--color-paper); transform: translateX(-50%); } .desktop-sticky-cta__inner { display: flex; align-items: center; justify-content: center; gap: var(--space-2xs); } .desktop-sticky-cta__primary, .desktop-sticky-cta__action, .desktop-sticky-cta__text { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: var(--space-2xs) var(--space-sm); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-button); background: var(--color-paper); box-shadow: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-sm); font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out); } .desktop-sticky-cta__primary { border-color: var(--color-accent) !important; background: var(--color-accent) !important; color: var(--color-accent-ink) !important; } .desktop-sticky-cta--hidden { display: none !important; } .ss-mobile-actionbar { display: none; } .ss-global-nav-wrapper .ss-brand:active, .ss-global-nav-wrapper .ss-topbar-sms:active, .ss-global-nav-wrapper .ss-navbar .nav-link:active, .ss-global-nav-wrapper .ss-navbar .dropdown-item:active, .ss-new-site-footer a:active, .ss-floating-chat:active, .mobile-sticky-cta > a:active, .mobile-sticky-cta > button:active, .desktop-sticky-cta a:active, .desktop-sticky-cta button:active, .ss-mobile-actionbar a:active, .ss-mobile-actionbar button:active { color: var(--color-accent-deep); } .mobile-sticky-cta > a:first-child:active, .mobile-sticky-cta__primary:active, .desktop-sticky-cta__primary:active, .ss-mobile-actionbar .ss-action-primary:active, .ss-mobile-actionbar a:first-child:active { border-color: var(--color-accent-deep) !important; background: var(--color-accent-deep) !important; color: var(--color-accent-ink) !important; } .ss-global-nav-wrapper button:disabled, .ss-global-nav-wrapper [aria-disabled="true"], .ss-new-site-footer [aria-disabled="true"], .ss-floating-chat[aria-disabled="true"], .ss-mobile-sticky-action[aria-disabled="true"], .ss-btn:disabled, .ss-btn[aria-disabled="true"], .mobile-sticky-cta [aria-disabled="true"], .desktop-sticky-cta [aria-disabled="true"], .ss-mobile-actionbar [aria-disabled="true"] { cursor: not-allowed; opacity: 0.55; pointer-events: none; } @media (hover: hover) and (pointer: fine) { .ss-global-nav-wrapper .ss-brand:hover, .ss-global-nav-wrapper .ss-topbar-sms:hover { color: var(--color-accent-deep); } .ss-global-nav-wrapper .ss-navbar .nav-link:hover { color: var(--color-accent-deep); } .ss-global-nav-wrapper .ss-navbar .dropdown-item:hover { background: var(--color-accent-soft); color: var(--color-accent-deep); } .ss-global-nav-wrapper .ss-nav-cta:hover, .ss-mobile-sticky-action:hover, .mobile-sticky-cta > a:first-child:hover, .mobile-sticky-cta__primary:hover, .desktop-sticky-cta__primary:hover, .ss-mobile-actionbar .ss-action-primary:hover { border-color: var(--color-accent-deep); background: var(--color-accent-deep); color: var(--color-accent-ink); } .ss-new-site-footer .ss-new-brand-logo:hover { transform: none; } .ss-new-site-footer .ss-new-nav-col a:hover, .ss-new-site-footer .ss-new-footer-contact-link:hover, .ss-floating-chat:hover { border-color: var(--color-accent); background: transparent; color: var(--color-accent-deep); transform: none; } .ss-btn:hover, .mobile-sticky-cta > a:hover, .mobile-sticky-cta > button:hover, .desktop-sticky-cta__action:hover, .ss-mobile-actionbar a:hover, .ss-mobile-actionbar button:hover { border-color: var(--color-accent); background: var(--color-accent-soft); color: var(--color-accent-deep); } .ss-lead-capture-form input:hover { border-color: var(--color-neutral); } .ss-schedule-lead-close:hover { background: var(--color-paper-3); color: var(--color-accent-deep); } } @media (min-width: 40rem) { .ss-lead-capture-inner { grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 1.28fr); align-items: end; } .ss-lead-capture-form:not(.ss-lead-capture-form--stacked) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; } .ss-new-site-footer .ss-new-footer-nav { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); } .ss-new-site-footer .ss-new-footer-bottom { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } .ss-new-site-footer .ss-new-footer-contacts { justify-content: flex-end; } .ss-new-site-footer .ss-new-divider { display: block; } } @media (min-width: 62rem) { .ss-global-nav-wrapper .ss-topbar { display: block; border-block-end: var(--rule-hair) solid var(--color-rule); background: var(--color-paper-2); color: var(--color-neutral); } .ss-global-nav-wrapper .ss-topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); width: 100%; max-width: 1100px !important; min-height: 44px; margin-inline: auto; padding-inline: clamp(1rem, 2.4vw, 1.25rem) !important; } .ss-global-nav-wrapper .ss-topbar-left, .ss-global-nav-wrapper .ss-topbar-right, .ss-global-nav-wrapper .ss-topbar-sms { display: inline-flex; align-items: center; gap: var(--space-2xs); } .ss-global-nav-wrapper .ss-topbar-left, .ss-global-nav-wrapper .ss-topbar-right { min-width: 0; } .ss-global-nav-wrapper .ss-topbar-highlight, .ss-global-nav-wrapper .ss-topbar-location, .ss-global-nav-wrapper .ss-topbar-sms, .ss-global-nav-wrapper .ss-topbar-dot { font-family: var(--font-body); font-size: var(--text-xs); line-height: 1; white-space: nowrap; } .ss-global-nav-wrapper .ss-topbar-highlight { color: var(--color-accent-deep); font-weight: 700; letter-spacing: var(--tracking-label); text-transform: uppercase; } .ss-global-nav-wrapper .ss-topbar-location { color: var(--color-neutral); font-weight: 500; } .ss-global-nav-wrapper .ss-topbar-dot { color: var(--color-rule-2); } .ss-global-nav-wrapper .ss-topbar-sms { min-height: 44px; color: var(--color-accent) !important; font-weight: 600; text-decoration: none !important; } .ss-global-nav-wrapper .ss-topbar-sms i { color: inherit !important; background: transparent !important; } .ss-global-nav-wrapper .ss-navbar { padding-block: var(--space-sm); } .ss-global-nav-wrapper .ss-navbar > .container { grid-template-columns: minmax(0, 1fr); grid-template-areas: "brand" "menu"; justify-items: center; gap: var(--space-sm); } .ss-global-nav-wrapper .ss-brand { justify-self: center; gap: var(--space-sm); } .ss-global-nav-wrapper .ss-brand-mark { width: 56px; height: 56px; } .ss-global-nav-wrapper .ss-brand-copy { align-items: center; text-align: center; } .ss-global-nav-wrapper .ss-brand-main { font-size: clamp(2.5rem, 4.4vw, 3.75rem); line-height: var(--leading-tight); } .ss-global-nav-wrapper .ss-brand-sub { display: block; margin-block-start: var(--space-2xs); color: var(--color-muted); font-size: var(--text-xs); font-weight: 500; letter-spacing: var(--tracking-label); line-height: 1.2; text-transform: uppercase; white-space: nowrap; } .ss-global-nav-wrapper .ss-menu-button { display: none; } .ss-global-nav-wrapper #ssMainNav, .ss-global-nav-wrapper #ssMainNav.show, .ss-global-nav-wrapper #ssMainNav.collapsing { display: flex !important; align-items: center; justify-content: center; width: 100%; margin: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); } .ss-global-nav-wrapper .navbar-nav { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: auto; max-width: 100%; margin-inline: auto !important; padding: var(--space-2xs) 0 0; gap: 0 var(--space-2xs); } .ss-global-nav-wrapper .navbar-nav > .nav-item { border: 0; } .ss-global-nav-wrapper .ss-navbar .nav-link, .ss-global-nav-wrapper .ss-nav-cta { position: relative; justify-content: center; width: auto; min-height: 44px; padding: var(--space-2xs) var(--space-xs); border-inline-start: 0; } .ss-global-nav-wrapper .ss-navbar .nav-link::before { content: ""; position: absolute; inset-inline: var(--space-xs); inset-block-end: var(--space-3xs); height: var(--rule-fine); background: var(--color-accent); transform: scaleX(0); transform-origin: center; } .ss-global-nav-wrapper .ss-navbar .nav-link.active::before, .ss-global-nav-wrapper .ss-navbar .nav-link[aria-current="page"]::before { transform: scaleX(1); } .ss-global-nav-wrapper .ss-nav-cta { margin: 0 0 0 var(--space-2xs); padding-inline: var(--space-sm); border: var(--rule-hair) solid var(--color-accent); border-radius: var(--radius-button); } .ss-global-nav-wrapper .ss-navbar .dropdown-menu { position: absolute; min-width: 15rem; margin-block-start: 0; padding: var(--space-2xs); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-button); background: var(--color-paper); box-shadow: var(--shadow-raised); } .ss-global-nav-wrapper .ss-navbar .dropdown-item { border-radius: calc(var(--radius-button) * 0.5); } .ss-new-site-footer .ss-new-footer-top { grid-template-columns: minmax(16rem, 0.78fr) minmax(0, 1.52fr); align-items: start; gap: var(--space-2xl); } .ss-new-site-footer .ss-new-footer-nav { grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) minmax(0, 1fr); gap: var(--space-lg); } .ss-new-site-footer .ss-new-nav-col:nth-child(2) { margin-block-start: 0; } .desktop-sticky-cta:not(.desktop-sticky-cta--hidden) { display: block; } } @media (max-width: 47.999rem) { body { padding-block-end: calc(var(--space-2xl) + env(safe-area-inset-bottom)); } .ss-mobile-sticky-action { position: fixed; z-index: var(--z-sticky); inset-inline: 0; inset-block-end: 0; display: flex; width: 100%; padding-block-end: max(var(--space-xs), env(safe-area-inset-bottom)); } body:has(.mobile-sticky-cta) .ss-mobile-sticky-action, body:has(.ss-mobile-actionbar) .ss-mobile-sticky-action, body.page-contact .ss-mobile-sticky-action { display: none; } body.body-has-sticky { padding-block-end: calc(var(--space-2xl) + env(safe-area-inset-bottom)); } .desktop-sticky-cta { display: none !important; } .ss-mobile-actionbar { position: fixed; z-index: var(--z-sticky); inset-inline: 0; inset-block-end: 0; left: 0; right: 0; bottom: 0; display: flex !important; align-items: center; justify-content: center; gap: 0; width: 100%; margin: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); border: 0; border-block-start: var(--rule-hair) solid var(--color-rule-2); border-radius: 0; background: var(--color-paper); box-shadow: none; opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; transition: opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out); } .ss-mobile-actionbar.is-observed { opacity: 0; pointer-events: none; transform: translateY(100%); visibility: hidden; } .ss-mobile-actionbar.is-observed.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; } .ss-mobile-actionbar a, .ss-mobile-actionbar button { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; width: 100%; padding: var(--space-2xs) var(--space-xs); overflow: hidden; border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-button) !important; background: var(--color-paper-2); box-shadow: none; color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; line-height: 1; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; transition: background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out); } .ss-mobile-actionbar .ss-action-primary, .ss-mobile-actionbar a:first-child { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); } } @media (min-width: 48rem) { .mobile-sticky-cta, .ss-mobile-actionbar { display: none !important; } body.body-has-sticky { padding-block-end: 0; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .ss-global-nav-wrapper *, .ss-global-nav-wrapper *::before, .ss-global-nav-wrapper *::after, .ss-new-site-footer *, .ss-new-site-footer *::before, .ss-new-site-footer *::after, .ss-floating-chat, .ss-mobile-sticky-action, .mobile-sticky-cta, .mobile-sticky-cta *, .desktop-sticky-cta, .desktop-sticky-cta *, .ss-mobile-actionbar, .ss-mobile-actionbar * { animation: none !important; transition: none !important; } } @media print { .ss-mobile-sticky-action, .mobile-sticky-cta, .desktop-sticky-cta, .ss-mobile-actionbar, .ss-floating-chat { display: none !important; } }