:root { --color-primary: #cc092f; --color-text: #191919; --color-text-inverse: #ffffff; --color-bg: #ffffff; --color-bg-utility: #191919; --color-divider: #e5e5e5; --font-heading: "Prompt", sans-serif; --font-body: "DM Sans", sans-serif; --font-body-alt: "Inter", sans-serif; --fs-nav: 1.125rem; --fs-cta: 1.125rem; --fs-mega-label: 2rem; --fs-mega-link: 1.5rem; --fs-mega-body: 1.125rem; --fs-hero-eyebrow: 1rem; --fs-hero-title: 4rem; --fs-hero-title-mobile: 1.625rem; --fs-hero-text: 1.125rem; --fs-hero-text-mobile: 1rem; --fs-hero-rating: 0.75rem; --font-eyebrow: "Poppins", sans-serif; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700; --fw-black: 900; --lh-nav: 1.4375rem; --lh-mega-label: 2.25rem; --lh-mega-link: 1.875rem; --lh-mega-body: 1.875rem; --ls-cta: -0.02em; --ls-mega-label: 0.3em; --ls-mega-link: -0.02em; --ls-mega-body: -0.02em; --space-2xs: 0.25rem; --space-xs: 0.5rem; --space-sm: 0.625rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3.5rem; --space-3xl: 3.75rem; --header-pad-y: 0.625rem; --header-bar-pad-y: 0.375rem; --header-content-band: 80rem; --header-pad-x: clamp(1.5rem, calc((100vw - var(--header-content-band)) / 2), 13.75rem); --header-frame-max: 120rem; --layout-frame-gutter: max( var(--header-pad-x), calc((100vw - var(--header-frame-max)) / 2 + var(--header-pad-x)) ); --layout-section-copy-inset: calc(var(--layout-frame-gutter) + var(--header-pad-x)); --header-logo-w: 8rem; --header-logo-h: 4.473rem; --header-logo-w-mobile: 4.125rem; --header-logo-h-mobile: 2.3125rem; --site-header-bar-scroll: 5.25rem; --site-header-scroll-gap: 0.75rem; --site-header-utility-scroll: 0px; --site-header-scroll-offset: calc(var(--site-header-bar-scroll) + var(--site-header-scroll-gap)); --fs-mobile-submenu: 1rem; --lh-mobile-submenu: 1.875rem; --ls-mobile-submenu: -0.02em; --shadow-mobile-submenu-inset: inset 0 16px 20px 0 rgba(67, 0, 0, 0.14); --nav-gap: 2rem; --nav-cta-gap: 3.75rem; --mega-content-max: 92.5rem; --mega-content-gap: 3.75rem; --mega-col-links: 41rem; --mega-col-feature: 35.75rem; --mega-feature-img-h: 15.875rem; --mega-divider-w: 20.9375rem; --mega-border-b: 0.5rem; --hero-min-h: 46.625rem; --hero-content-w: 41rem; --hero-content-top: 11.125rem; --hero-eyebrow-ls: 0.3em; --hero-title-lh: 4rem; --hero-title-ls: -0.02em; --hero-title-lh-mobile: 1.9375rem; --hero-portrait-left: 876px; --hero-portrait-w: 1042px; --hero-diagonal-w: 1425px; --hero-diagonal-h: 925px; --hero-wedge-top-x: 65.3%; --hero-wedge-run-x: 22.35%; --hero-wedge-ref-h: 925; --hero-wedge-h-scale: 0.806486; --hero-title-max: 52.6875rem; --hero-title-max-detail: 47.1875rem; --hero-content-top-detail: 9.875rem; --local-hero-min-h: calc( var(--local-hero-form-top) + var(--local-hero-form-h) + var(--local-hero-content-top) ); --local-hero-min-h-mobile: 32.875rem; --local-hero-copy-w: 41rem; --local-hero-title-max: 47.375rem; --local-hero-content-top: 6.8125rem; --local-hero-form-w: 29.6875rem; --local-hero-form-h: 33rem; --local-hero-form-top: 6.8125rem; --local-hero-form-pad: 1.5rem; --local-hero-form-col-gap: 2rem; --local-hero-field-h: 3.5rem; --local-hero-field-w: 12.5rem; --fs-local-hero-label: 1rem; --lh-local-hero-label: 1.5rem; --ls-local-hero-label: -0.011em; --fs-local-hero-placeholder: 0.875rem; --ls-local-hero-placeholder: -0.02em; --color-local-hero-muted: #a1a1a1; --local-hero-copy-gap: 2rem; --local-hero-copy-gap-mobile: 1.125rem; --local-hero-pad-y-mobile: 1.75rem; --radius-local-hero-field: 0.5rem; --local-hero-form-panel-pad-y: 3.5rem; --local-hero-form-stack-gap: 2rem; --local-hero-form-btn-w-mobile: 17.8125rem; --radius-local-hero-form-panel: 0.5rem; --fs-brand-intro-shine-title: 3.375rem; --fs-brand-intro-shine-title-mobile: 1.5rem; --lh-brand-intro-shine-title: 3.375rem; --lh-brand-intro-shine-title-mobile: 1.8125rem; --fs-brand-intro-shine-body: 1.125rem; --lh-brand-intro-shine-body: 1.875rem; --ls-brand-intro-shine: -0.02em; --fs-brand-intro-shine-breadcrumb: 1.125rem; --fs-brand-intro-shine-breadcrumb-mobile: 0.75rem; --lh-brand-intro-shine-breadcrumb: 1.875rem; --brand-intro-shine-pad-y: 8.75rem; --brand-intro-shine-pad-y-mobile: 3.5rem; --brand-intro-shine-content-max: 92.5rem; --brand-intro-shine-copy-w: 42rem; --brand-intro-shine-title-w: 41rem; --brand-intro-shine-media-w: 46.75rem; --brand-intro-shine-media-h: 34.1875rem; --brand-intro-shine-media-w-mobile: 17.875rem; --brand-intro-shine-row-gap: 3.75rem; --brand-intro-shine-stack-gap: 2rem; --brand-intro-shine-text-gap: 2rem; --brand-intro-shine-text-gap-mobile: 1.5rem; --brand-intro-shine-logo-w: 21.1875rem; --brand-intro-shine-logo-h: 11.875rem; --brand-intro-shine-logo-w-mobile: 10.875rem; --brand-intro-shine-logo-h-mobile: 6.0625rem; --fs-brand-intro-service-title: 3.375rem; --fs-brand-intro-service-title-mobile: 1.5rem; --lh-brand-intro-service-title: 3.375rem; --lh-brand-intro-service-title-mobile: 1.8125rem; --fs-brand-intro-service-body: 1.125rem; --fs-brand-intro-service-body-mobile: 1rem; --lh-brand-intro-service-body: 1.875rem; --ls-brand-intro-service: -0.02em; --fs-brand-intro-service-breadcrumb: 1.125rem; --fs-brand-intro-service-breadcrumb-mobile: 0.75rem; --lh-brand-intro-service-breadcrumb: 1.875rem; --brand-intro-service-pad-y: 7.5rem; --brand-intro-service-pad-y-mobile: 3.5rem; --brand-intro-service-content-max: 92.5rem; --brand-intro-service-copy-w: 42rem; --brand-intro-service-title-w: 41rem; --brand-intro-service-media-w: 46.75rem; --brand-intro-service-media-h: 34.1875rem; --brand-intro-service-media-w-mobile: 17.875rem; --brand-intro-service-row-gap: 3.75rem; --brand-intro-service-stack-gap: 2rem; --brand-intro-service-text-gap: 2rem; --brand-intro-service-text-gap-mobile: 1.5rem; --local-intro-pad-y: 7.5rem; --local-intro-pad-y-mobile: 3.5rem; --local-intro-content-max: 92.5rem; --local-intro-copy-w: 42rem; --local-intro-title-w: 41rem; --local-intro-media-w: 46.75rem; --local-intro-media-h: 43.4375rem; --local-intro-media-w-mobile: 17.875rem; --local-intro-media-h-mobile: 11.0625rem; --local-intro-row-gap: 3.75rem; --local-intro-stack-gap: 2rem; --local-intro-text-gap-mobile: 1.5rem; --local-intro-body-gap-mobile: 3.75rem; --fs-local-intro-title: 3.375rem; --fs-local-intro-title-mobile: 1.5rem; --lh-local-intro-title: 3.375rem; --lh-local-intro-title-mobile: 1.8125rem; --fs-local-intro-body: 1.125rem; --fs-local-intro-lead-mobile: 1rem; --lh-local-intro-body: 1.875rem; --ls-local-intro: -0.02em; --local-shine-plus-pad-y: 7.5rem; --local-shine-plus-pad-y-mobile: 3.5rem; --local-shine-plus-header-max: 93.6875rem; --local-shine-plus-title-max-mobile: 20rem; --local-shine-plus-subtitle-max: 60.8125rem; --local-shine-plus-lead-max: 47.8125rem; --local-shine-plus-body-max: 56.0625rem; --local-shine-plus-card-w: 21.5625rem; --local-shine-plus-card-w-mobile: 18.0625rem; --local-shine-plus-card-pad: 1.75rem; --local-shine-plus-card-pad-mobile: 1.5rem; --local-shine-plus-card-gap-mobile: 1.5625rem; --local-shine-plus-card-title-max: 21.125rem; --local-shine-plus-card-text-max: 18.75rem; --local-shine-plus-icon: 6.5625rem; --local-shine-plus-icon-mobile: 3.1875rem; --local-shine-plus-cta-w-mobile: 18.8125rem; --local-shine-plus-cta-pad-y: 1.25rem; --local-shine-plus-cta-pad-x: 2.5rem; --shadow-local-shine-plus-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05); --shadow-local-shine-plus-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --local-team-pad-y: 8.75rem; --local-team-pad-y-mobile: 3.5rem; --local-team-content-max: 92.5rem; --local-team-copy-w: 42rem; --local-team-title-w: 41rem; --local-team-card-w: 46.75rem; --local-team-card-w-mobile: 18.375rem; --local-team-card-min-h: 49.0625rem; --local-team-card-pad-x: 2.75rem; --local-team-card-pad-y: 2.5rem; --local-team-card-gap: 1.5625rem; --local-team-photo: 20.3125rem; --local-team-photo-mobile: 14.5625rem; --local-team-bio-max: 25rem; --local-team-linkedin-icon: 1.5625rem; --local-team-cta-w-mobile: 14.25rem; --local-team-eyebrow-fs-mobile: 0.625rem; --shadow-local-team-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --fs-service-detail-v1-title: 3.375rem; --fs-service-detail-v1-title-mobile: 1.5rem; --lh-service-detail-v1-title: 3.375rem; --lh-service-detail-v1-title-mobile: 1.8125rem; --fs-service-detail-v1-body: 1.125rem; --lh-service-detail-v1-body: 1.875rem; --ls-service-detail-v1: -0.02em; --fs-service-detail-v1-breadcrumb: 1.125rem; --fs-service-detail-v1-breadcrumb-mobile: 0.75rem; --lh-service-detail-v1-breadcrumb: 1.875rem; --service-detail-v1-pad-y: 7.5rem; --service-detail-v1-pad-y-mobile: 3.5rem; --service-detail-v1-copy-w: 44rem; --service-detail-v1-body-w: 37.875rem; --service-detail-v1-media-w: 61.375rem; --service-detail-v1-media-h: 61.3125rem; --service-detail-v1-col-gap: 0.875rem; --service-detail-v1-stack-gap: 2rem; --service-detail-v1-stack-gap-desktop: 1.5rem; --service-detail-v1-content-gap-mobile: 1.25rem; --service-detail-v1-text-gap: 1.5rem; --fs-service-detail-v2-title: 3.375rem; --fs-service-detail-v2-title-mobile: 1.5rem; --lh-service-detail-v2-title: 3.375rem; --lh-service-detail-v2-title-mobile: 1.8125rem; --fs-service-detail-v2-intro: 1.125rem; --lh-service-detail-v2-intro: 1.875rem; --ls-service-detail-v2: -0.02em; --fs-service-detail-v2-card-title: 1.5rem; --lh-service-detail-v2-card-title: 2.25rem; --fs-service-detail-v2-card-title-mobile: 1.125rem; --lh-service-detail-v2-card-title-mobile: 1.875rem; --fs-service-detail-v2-card-body: 1rem; --lh-service-detail-v2-card-body: 1.25rem; --fs-service-detail-v2-note: 0.75rem; --color-service-detail-v2-note: #a6a6a6; --service-detail-v2-pad-y: 7.5rem; --service-detail-v2-pad-y-mobile: 3.5rem; --service-detail-v2-stack-gap: 2rem; --service-detail-v2-intro-gap: 2rem; --service-detail-v2-intro-gap-mobile: 1.5rem; --service-detail-v2-card-h: 48.75rem; --service-detail-v2-card-copy-w: 23.9375rem; --service-detail-v2-card-copy-gap: 0.9375rem; --service-detail-v2-card-pad-x: 2.5rem; --service-detail-v2-card-pad-y: 3.75rem; --service-detail-v2-card-media-h-mobile: 14.25rem; --service-detail-v2-card-body-h-mobile: 13.625rem; --service-detail-v2-card-pad-mobile: 1.5rem; --service-detail-v2-card-copy-gap-mobile: 0.5rem; --service-detail-v2-card-copy-w-mobile: 12.875rem; --service-detail-v2-note-w: 51.5625rem; --service-detail-v2-title-w-mobile: 16.375rem; --shadow-service-detail-v2-card: 0 4px 20px 0 rgba(0, 0, 0, 0.05); --color-service-detail-v3-icon: var(--color-service-hub-v3-icon); --fs-service-detail-v3-title: var(--fs-service-hub-v3-title); --fs-service-detail-v3-title-mobile: var(--fs-service-hub-v3-title-mobile); --lh-service-detail-v3-title: var(--lh-service-hub-v3-title); --lh-service-detail-v3-title-mobile: var(--lh-service-hub-v3-title-mobile); --fs-service-detail-v3-intro: var(--fs-service-hub-v3-intro); --lh-service-detail-v3-intro: var(--lh-service-hub-v3-intro); --ls-service-detail-v3: var(--ls-service-hub-v3); --fs-service-detail-v3-card-title: var(--fs-service-hub-v3-card-title); --lh-service-detail-v3-card-title: var(--lh-service-hub-v3-card-title); --fs-service-detail-v3-card-body: var(--fs-service-hub-v3-card-body); --lh-service-detail-v3-card-body: var(--lh-service-hub-v3-card-body); --service-detail-v3-pad-y: var(--service-hub-v3-pad-y); --service-detail-v3-pad-y-mobile: var(--service-hub-v3-pad-y-mobile); --service-detail-v3-header-max: var(--service-hub-v3-header-max); --service-detail-v3-intro-max: var(--service-hub-v3-intro-max); --service-detail-v3-cards-gap: var(--service-hub-v3-cards-gap); --service-detail-v3-card-w: var(--service-hub-v3-card-w); --service-detail-v3-card-w-mobile: var(--service-hub-v3-card-w-mobile); --service-detail-v3-card-h: var(--service-hub-v3-card-h); --service-detail-v3-card-h-mobile: var(--service-hub-v3-card-h-mobile); --service-detail-v3-card-pad: var(--service-hub-v3-card-pad); --service-detail-v3-card-pad-mobile: var(--service-hub-v3-card-pad-mobile); --service-detail-v3-card-gap: var(--service-hub-v3-card-gap); --service-detail-v3-card-gap-mobile: var(--service-hub-v3-card-gap-mobile); --service-detail-v3-card-text-max: var(--service-hub-v3-card-text-max); --service-detail-v3-icon: var(--service-hub-v3-icon); --service-detail-v3-icon-mobile: var(--service-hub-v3-icon-mobile); --service-detail-v3-cta-pad-y: var(--service-hub-v3-cta-pad-y); --service-detail-v3-cta-pad-x: var(--service-hub-v3-cta-pad-x); --radius-service-detail-v3-card-mobile: 0.625rem; --shadow-service-detail-v3-card: var(--shadow-service-hub-v3-card); --shadow-service-detail-v3-card-mobile: var(--shadow-service-hub-v3-card-mobile); --fs-service-gallery-title: 3.375rem; --fs-service-gallery-title-mobile: 1.5rem; --lh-service-gallery-title: 3.375rem; --lh-service-gallery-title-mobile: 1.8125rem; --fs-service-gallery-intro: 1.125rem; --lh-service-gallery-intro: 1.875rem; --ls-service-gallery: -0.02em; --service-gallery-pad-y: 7.5rem; --service-gallery-pad-y-mobile: 3.5rem; --service-gallery-header-max: 93.6875rem; --service-gallery-intro-max: 60.8125rem; --service-gallery-gap-x: 1.5rem; --service-gallery-gap-y: 1.5625rem; --service-gallery-gap-mobile: 0.5rem; --shadow-service-gallery-item-mobile: 0 4px 50px 0 rgba(0, 0, 0, 0.08); --fs-process-service-title: 3.375rem; --fs-process-service-title-mobile: 1.5rem; --lh-process-service-title: 3.375rem; --lh-process-service-title-mobile: 1.625rem; --fs-process-service-subtitle: 2.25rem; --fs-process-service-subtitle-mobile: 1.25rem; --lh-process-service-subtitle: 2.75rem; --lh-process-service-subtitle-mobile: 1.5rem; --fs-process-service-intro: 1.125rem; --lh-process-service-intro: 1.875rem; --fs-process-service-point-title: 1.5rem; --lh-process-service-point-title: 1.8125rem; --ls-process-service: -0.02em; --process-service-pad-y: 7.5rem; --process-service-pad-y-mobile: 3.5rem; --process-service-header-max: 93.6875rem; --process-service-header-max-mobile: 20rem; --process-service-intro-max: 61.8125rem; --process-service-col-w: 44.3125rem; --process-service-col-gap: 2.5rem; --process-service-board-w-mobile: 18rem; --process-service-board-pad: 2rem; --process-service-board-pad-mobile: 1.25rem; --process-service-pricing-pad-mobile: 1.5rem; --process-service-pricing-gap-mobile: 1.875rem; --process-service-cta-pad-y: 1.25rem; --process-service-cta-pad-x: 2.5rem; --radius-process-service-board: 0.625rem; --shadow-process-service-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --fs-seasonal-services-title: 3.375rem; --fs-seasonal-services-title-mobile: 1.5rem; --lh-seasonal-services-title: 3.375rem; --lh-seasonal-services-title-mobile: 1.8125rem; --fs-seasonal-services-intro: 1.125rem; --fs-seasonal-services-intro-mobile: 0.875rem; --lh-seasonal-services-intro: 1.875rem; --ls-seasonal-services: -0.02em; --fs-seasonal-services-trigger: 1.5rem; --fs-seasonal-services-trigger-mobile: 1.25rem; --fs-seasonal-services-card-title: 1.5rem; --fs-seasonal-services-card-title-mobile: 1.5rem; --lh-seasonal-services-card-title: 2.25rem; --fs-seasonal-services-meta: 1.125rem; --lh-seasonal-services-meta: 1.4375rem; --fs-seasonal-services-point-title: 1rem; --fs-seasonal-services-point-title-mobile: 0.875rem; --fs-seasonal-services-point-text: 1rem; --fs-seasonal-services-point-text-mobile: 0.75rem; --lh-seasonal-services-point: 1.25rem; --seasonal-services-pad-y: 7.5rem; --seasonal-services-pad-y-mobile: 3.5rem; --seasonal-services-content-max: 92.5rem; --seasonal-services-header-max: 93.6875rem; --seasonal-services-stack-gap: 2rem; --seasonal-services-intro-gap: 2rem; --seasonal-services-intro-gap-mobile: 1.5rem; --seasonal-services-card-gap: 2rem; --seasonal-services-card-gap-mobile: 1.25rem; --seasonal-services-card-w: 29.5rem; --seasonal-services-card-w-mobile: 18rem; --seasonal-services-icon: 2.0625rem; --seasonal-services-trigger-pad-y: 1.25rem; --seasonal-services-trigger-pad-x: 2.5rem; --seasonal-services-panel-pad-mobile: 1.25rem; --seasonal-services-panel-pad-bottom: 3.5rem; --seasonal-services-body-gap: 2rem; --seasonal-services-body-gap-mobile: 1.5625rem; --seasonal-services-point-gap: 1.5rem; --seasonal-services-point-gap-mobile: 1.75rem; --seasonal-services-foot-h: 4rem; --shadow-seasonal-services-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --shadow-seasonal-services-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --fs-pricing-shine-title: 3.375rem; --fs-pricing-shine-title-mobile: 1.5rem; --lh-pricing-shine-title: 3.375rem; --lh-pricing-shine-title-mobile: 1.8125rem; --fs-pricing-shine-intro: 1.125rem; --fs-pricing-shine-intro-mobile: 0.9375rem; --lh-pricing-shine-intro: 1.875rem; --ls-pricing-shine: -0.02em; --fs-pricing-shine-eyebrow: 1rem; --lh-pricing-shine-eyebrow: 2.25rem; --ls-pricing-shine-eyebrow: 0.3em; --fs-pricing-shine-card-title: 1.5rem; --lh-pricing-shine-card-title: 1.8125rem; --fs-pricing-shine-card-body: 1.125rem; --lh-pricing-shine-card-body: 1.4375rem; --fs-pricing-shine-point: 1rem; --lh-pricing-shine-point: 1.25rem; --pricing-shine-pad-y: 7.5rem; --pricing-shine-pad-y-mobile: 3.5rem; --pricing-shine-content-max: 92.5rem; --pricing-shine-header-max: 93.6875rem; --pricing-shine-intro-max: 61.8125rem; --pricing-shine-stack-gap: 2rem; --pricing-shine-intro-gap: 2rem; --pricing-shine-intro-gap-mobile: 1.5rem; --pricing-shine-card-gap: 2rem; --pricing-shine-card-gap-desktop: 3.75rem; --pricing-shine-card-gap-mobile: 1.5625rem; --pricing-shine-card-w-mobile: 18rem; --pricing-shine-card-h: 33.875rem; --pricing-shine-card-pad-y: 3.75rem; --pricing-shine-card-pad-x: 2.5rem; --pricing-shine-card-pad-mobile: 1.25rem; --pricing-shine-point-gap: 1.75rem; --shadow-pricing-shine-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --shadow-pricing-shine-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --fs-pricing-v2-shine-title: 1.5rem; --lh-pricing-v2-shine-title: 1.8125rem; --fs-pricing-v2-shine-body: 1.125rem; --lh-pricing-v2-shine-body: 1.4375rem; --fs-pricing-v2-shine-btn: 1rem; --fs-pricing-v2-shine-service: 1rem; --lh-pricing-v2-shine-service: 1.25rem; --ls-pricing-v2-shine: -0.02em; --pricing-v2-shine-pad-y: 7.5rem; --pricing-v2-shine-pad-y-mobile: 3.5rem; --pricing-v2-shine-content-max: 92.5rem; --pricing-v2-shine-card-w-mobile: 18rem; --pricing-v2-shine-card-h: 25.1875rem; --pricing-v2-shine-card-pad-y: 3.75rem; --pricing-v2-shine-card-pad-x: 2.5rem; --pricing-v2-shine-card-pad-mobile: 1.25rem; --pricing-v2-shine-copy-gap: 1.5625rem; --pricing-v2-shine-cta-gap: 3.75rem; --pricing-v2-shine-service-gap: 1.75rem; --pricing-v2-shine-service-icon-gap: 1.1875rem; --pricing-v2-shine-btn-pad-y: 1.25rem; --pricing-v2-shine-btn-pad-x: 2.5rem; --shadow-pricing-v2-shine-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --shadow-pricing-v2-shine-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --fs-pricing-service-title: var(--fs-pricing-v2-shine-title); --lh-pricing-service-title: var(--lh-pricing-v2-shine-title); --fs-pricing-service-body: var(--fs-pricing-v2-shine-body); --lh-pricing-service-body: var(--lh-pricing-v2-shine-body); --fs-pricing-service-btn: var(--fs-pricing-v2-shine-btn); --fs-pricing-service-service: var(--fs-pricing-v2-shine-service); --lh-pricing-service-service: var(--lh-pricing-v2-shine-service); --ls-pricing-service: var(--ls-pricing-v2-shine); --pricing-service-pad-y: var(--pricing-v2-shine-pad-y); --pricing-service-pad-y-mobile: var(--pricing-v2-shine-pad-y-mobile); --pricing-service-content-max: var(--pricing-v2-shine-content-max); --pricing-service-card-w-mobile: var(--pricing-v2-shine-card-w-mobile); --pricing-service-card-h: var(--pricing-v2-shine-card-h); --pricing-service-card-pad-y: var(--pricing-v2-shine-card-pad-y); --pricing-service-card-pad-x: var(--pricing-v2-shine-card-pad-x); --pricing-service-card-pad-mobile: var(--pricing-v2-shine-card-pad-mobile); --pricing-service-copy-gap: var(--pricing-v2-shine-copy-gap); --pricing-service-cta-gap: var(--pricing-v2-shine-cta-gap); --pricing-service-service-gap: var(--pricing-v2-shine-service-gap); --pricing-service-service-icon-gap: var(--pricing-v2-shine-service-icon-gap); --pricing-service-btn-pad-y: var(--pricing-v2-shine-btn-pad-y); --pricing-service-btn-pad-x: var(--pricing-v2-shine-btn-pad-x); --shadow-pricing-service-card: var(--shadow-pricing-v2-shine-card); --shadow-pricing-service-card-mobile: var(--shadow-pricing-v2-shine-card-mobile); --fs-process-v2-shine-title: 3.375rem; --fs-process-v2-shine-title-mobile: 1.5rem; --lh-process-v2-shine-title: 3.375rem; --lh-process-v2-shine-title-mobile: 1.8125rem; --fs-process-v2-shine-intro: 1.125rem; --lh-process-v2-shine-intro: 1.875rem; --ls-process-v2-shine: -0.02em; --fs-process-v2-shine-card-title: 1.25rem; --fs-process-v2-shine-card-title-mobile: 1rem; --fs-process-v2-shine-card-body: 1rem; --lh-process-v2-shine-card-body: 1.25rem; --fs-process-v2-shine-card-body-mobile: 0.625rem; --lh-process-v2-shine-card-body-mobile: 0.9375rem; --process-v2-shine-pad-y: 8.75rem; --process-v2-shine-pad-y-mobile: 3.5rem; --process-v2-shine-header-max: 93.6875rem; --process-v2-shine-title-max-mobile: 20rem; --process-v2-shine-intro-max: 60.8125rem; --process-v2-shine-card-w: 32.75rem; --process-v2-shine-card-w-mobile: 9.25rem; --process-v2-shine-card-h: 16.5rem; --process-v2-shine-card-h-mobile: 10.75rem; --process-v2-shine-card-pad: 3.375rem; --process-v2-shine-card-pad-mobile: 0.875rem; --process-v2-shine-card-gap: 1.5625rem; --process-v2-shine-copy-max: 20.375rem; --process-v2-shine-icon: 4.0625rem; --process-v2-shine-icon-mobile: 1.5rem; --process-v2-shine-cta-pad-y: 1.25rem; --process-v2-shine-cta-pad-x: 2.5rem; --shadow-process-v2-shine-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --shadow-process-v2-shine-card-mobile: 0 4px 50px 0 rgba(0, 0, 0, 0.08); --color-border-subtle: #ebebeb; --fs-brand-intro-title: 3.375rem; --fs-brand-intro-title-mobile: 1.5rem; --fs-brand-intro-body: 1.125rem; --fs-brand-intro-body-mobile: 1rem; --lh-brand-intro-title-mobile: 1.625rem; --lh-brand-intro-body: 1.875rem; --ls-brand-intro: -0.02em; --brand-intro-pad-y: 7.5rem; --brand-intro-pad-y-mobile: 3.5rem; --brand-intro-content-max: 92.5rem; --brand-intro-media-w: 46.75rem; --brand-intro-media-h: 34.1875rem; --brand-intro-media-h-mobile: 11.0625rem; --brand-intro-row-gap: 3.75rem; --brand-intro-stack-gap: 2rem; --brand-intro-intro-gap: 2rem; --brand-intro-intro-gap-mobile: 1.5rem; --fs-service-hub-1-breadcrumb: 1.125rem; --fs-service-hub-1-breadcrumb-mobile: 0.75rem; --lh-service-hub-1-breadcrumb: 1.875rem; --fs-service-hub-1-title: 3.375rem; --fs-service-hub-1-title-mobile: 1.5rem; --lh-service-hub-1-title: 3.375rem; --lh-service-hub-1-title-mobile: 1.8125rem; --fs-service-hub-1-body: 1.125rem; --fs-service-hub-1-body-mobile: 1rem; --lh-service-hub-1-body: 1.875rem; --ls-service-hub-1: -0.02em; --service-hub-1-pad-y: 7.5rem; --service-hub-1-pad-y-mobile: 3.5rem; --service-hub-1-content-max: 92.5rem; --service-hub-1-copy-w: 42rem; --service-hub-1-title-w: 41rem; --service-hub-1-media-w: 46.75rem; --service-hub-1-media-h: 34.1875rem; --service-hub-1-media-w-mobile: 17.875rem; --service-hub-1-row-gap: 3.75rem; --service-hub-1-stack-gap: 2rem; --service-hub-1-text-gap: 2rem; --service-hub-1-text-gap-mobile: 1.5rem; --fw-extrabold: 800; --fs-process-v2-title: 3.375rem; --fs-process-v2-title-mobile: 1.5rem; --lh-process-v2-title: 3.375rem; --lh-process-v2-title-mobile: 1.8125rem; --fs-process-v2-body: 1.125rem; --fs-process-v2-body-mobile: 1rem; --lh-process-v2-body: 1.875rem; --fs-process-v2-highlight: 2.5rem; --fs-process-v2-highlight-mobile: 1.25rem; --lh-process-v2-highlight: 2.625rem; --ls-process-v2: -0.02em; --process-v2-pad-y: 7.5rem; --process-v2-pad-y-mobile: 3.5rem; --process-v2-content-max: 92.5rem; --process-v2-media-w: 46.75rem; --process-v2-copy-max: 42.25rem; --process-v2-row-gap: 3.75rem; --process-v2-stack-gap: 2rem; --process-v2-copy-gap: 2.25rem; --process-v2-intro-gap-mobile: 1.5rem; --color-border-card: #e9e9e9; --color-border-tab: #a1a1a1; --color-tab-inactive: #f0f0f0; --color-text-muted: #a1a1a1; --color-text-heading: #212529; --fs-services-title: 3.375rem; --fs-services-title-mobile: 1.5rem; --lh-services-title: 3.375rem; --lh-services-title-mobile: 1.8125rem; --fs-services-intro: 1.125rem; --fs-services-intro-mobile: 1rem; --fs-services-card-title: 1.5rem; --fs-services-card-title-mobile: 1rem; --lh-services-card-title: 2.25rem; --lh-services-card-title-mobile: 1.875rem; --fs-services-card-body: 1rem; --fs-services-card-body-mobile: 0.8125rem; --lh-services-card-body: 1.25rem; --fs-services-tab: 1.125rem; --fs-services-tab-mobile: 0.625rem; --lh-services-tab: 1.4375rem; --lh-services-tab-mobile: 0.875rem; --services-tab-w: 14.875rem; --services-tab-gap: 1.4375rem; --services-tab-pad-y: 1.5rem; --services-tab-pad-x: 0.5rem; --services-tab-border: 3px; --services-tab-mobile-size: 4.375rem; --services-tabs-pad-x: 13.75rem; --services-tabs-pad-y: 1rem; --services-tabs-mobile-pad: 1.5rem; --services-tabs-mobile-gap: 0.75rem; --color-services-tab-active: #191919; --shadow-services-tab-mobile: 0 4px 10px rgba(0, 0, 0, 0.05); --fs-services-disclaimer: 1rem; --fs-services-disclaimer-mobile: 0.75rem; --services-content-max: 92.3125rem; --services-gap: 2.125rem; --services-pad-y: 7.5rem; --services-pad-y-mobile: 3.5rem; --services-card-img-h-lg: 22.25rem; --services-card-img-h-md: 16.25rem; --services-card-img-h-mobile: 10.125rem; --services-card-body-h: 16.25rem; --services-card-body-h-mobile: 10.125rem; --radius-tab: 0.5rem; --radius-service-card: 0; --radius-faq: 0.5rem; --radius-card: var(--radius-faq); --fw-semibold: 600; --fs-testimonials-title: 3.375rem; --fs-testimonials-title-mobile: 1.5rem; --lh-testimonials-title: 3.375rem; --lh-testimonials-title-mobile: 1.8125rem; --ls-testimonials-title-mobile: -0.02em; --fs-testimonials-lead: 1.125rem; --lh-testimonials-lead: 1.875rem; --ls-testimonials: -0.02em; --fs-testimonials-name: 1.5rem; --fs-testimonials-name-mobile: 1.25rem; --fs-testimonials-date: 0.8125rem; --fs-testimonials-quote: 1rem; --fs-testimonials-quote-mobile: 0.9375rem; --lh-testimonials-quote: 1.25rem; --fs-testimonials-summary: 1.125rem; --fs-testimonials-summary-mobile: 0.75rem; --testimonials-pad-y: 7.5rem; --testimonials-pad-y-mobile: 3.5rem; --testimonials-content-max: 92.4375rem; --testimonials-card-gap: 2rem; --testimonials-card-stack-mobile: 2.5rem; --testimonials-avatar: 5.9375rem; --testimonials-avatar-mobile: 4.0625rem; --color-testimonials-shine-dot-active: var(--color-text-inverse); --color-testimonials-v2-dot-active: var(--color-testimonials-shine-dot-active); --color-process-surface: #c52233; --fs-process-title: 3.375rem; --fs-process-title-mobile: 1.5rem; --lh-process-title: 3.375rem; --lh-process-title-mobile: 1.8125rem; --fs-process-intro: 1.125rem; --fs-process-card-title: 1.5rem; --lh-process-card-title: 1.8125rem; --fs-process-card-body: 1rem; --lh-process-card-body: 1.25rem; --fs-process-badge: 4rem; --lh-process-badge: 2.25rem; --fs-process-badge-mobile: 1.5rem; --ls-process-title: -0.02em; --ls-process-body: -0.02em; --process-pad-y: 3.5rem; --process-header-max: 93.6875rem; --process-header-max-mobile: 20rem; --process-steps-gap: 2.125rem; --process-card-w: 22rem; --process-card-w-mobile: 18.0625rem; --process-card-text-max: 18.6875rem; --process-card-pad-mobile: 1.25rem; --process-card-gap-mobile: 1.5625rem; --process-badge-size: 5.6875rem; --process-badge-size-mobile: 3.1875rem; --process-cta-min-w-mobile: 16.625rem; --process-cta-pad-y: 1.25rem; --process-cta-pad-x: 2.5rem; --shadow-process-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05); --shadow-process-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --process-pad-y-detail: 7.5rem; --process-card-h-detail: 25.1875rem; --process-local-card-w: 29.4375rem; --process-local-card-h: 32.5rem; --process-local-badge: 8.625rem; --fs-process-local-badge: 6rem; --process-local-card-text-max: 24.6875rem; --local-guarantee-pad-y: 7.5rem; --local-guarantee-pad-y-mobile: 3.5rem; --local-guarantee-copy-max: 60.8125rem; --local-guarantee-card-w: 13.6875rem; --local-guarantee-card-h: 15.5625rem; --local-guarantee-card-gap: 2.5rem; --local-guarantee-card-inner-gap: 1.5rem; --local-guarantee-icon: 4.625rem; --local-guarantee-card-title-fs: 1rem; --local-guarantee-lh-card-title: 1.25rem; --local-guarantee-grid-max-mobile: 19rem; --local-guarantee-card-w-mobile: 9.25rem; --local-guarantee-card-h-mobile: 10.75rem; --local-guarantee-card-pad-mobile: 0.875rem; --local-guarantee-icon-mobile: 1.5rem; --local-guarantee-card-title-fs-mobile: 0.8125rem; --local-guarantee-section-gap: 4rem; --local-guarantee-section-gap-mobile: 2rem; --shadow-local-guarantee-card: var(--shadow-card); --shadow-local-guarantee-card-mobile: 0 4px 50px 0 rgba(0, 0, 0, 0.08); --local-blog-pad-y: 7.5rem; --local-blog-pad-y-mobile: 3.5rem; --local-blog-bg-h: 280.01%; --local-blog-layout-gap: 2rem; --local-blog-media-w: 54.625rem; --local-blog-media-h: 35.9375rem; --local-blog-copy-w: 35.9375rem; --local-blog-copy-h: 22.1875rem; --local-blog-copy-gap: 0.9375rem; --fs-local-blog-title: 3.375rem; --fs-local-blog-title-mobile: 1.5rem; --lh-local-blog-title: 3.375rem; --lh-local-blog-title-mobile: 1.8125rem; --ls-local-blog-title-mobile: -0.02em; --fs-local-blog-post-title: 2.5rem; --fs-local-blog-post-title-mobile: 1.5rem; --lh-local-blog-post-title-mobile: 1.8125rem; --ls-local-blog-post-title: -0.02em; --ls-local-blog-post-title-mobile: -0.02em; --fs-local-blog-excerpt: 1rem; --lh-local-blog-excerpt: 1.25rem; --ls-local-blog-excerpt: -0.02em; --local-blog-card-w-mobile: 18rem; --local-blog-card-pad-mobile: 1.5rem; --local-blog-card-gap-mobile: 1.5rem; --local-blog-media-w-mobile: 15.3125rem; --local-blog-media-h-mobile: 10.25rem; --fs-process-v3-title: 3.375rem; --fs-process-v3-title-mobile: 1.5rem; --lh-process-v3-title: 3.375rem; --lh-process-v3-title-mobile: 1.8125rem; --fs-process-v3-body: 1.125rem; --fs-process-v3-body-mobile: 1rem; --lh-process-v3-body: 1.875rem; --ls-process-v3-title-mobile: -0.02em; --ls-process-v3-body: -0.02em; --process-v3-pad-y: 7.5rem; --process-v3-pad-y-mobile: 3.5rem; --process-v3-header-max: 93.6875rem; --process-v3-video-w: 71.0625rem; --process-v3-video-w-mobile: 17.875rem; --process-v3-video-ratio: 1137 / 711; --process-v3-play: 10.4375rem; --process-v3-play-mobile: 4.4375rem; --color-cta-v1-surface: #c52233; --fs-cta-v1-title: 3.375rem; --fs-cta-v1-title-mobile: 1.5rem; --lh-cta-v1-title: 3.375rem; --lh-cta-v1-title-mobile: 1.8125rem; --ls-cta-v1-title-mobile: -0.02em; --fs-cta-v1-body: 1.125rem; --fs-cta-v1-body-mobile: 1.0625rem; --lh-cta-v1-body: 1.875rem; --ls-cta-v1-body: -0.02em; --cta-v1-pad-y: 7.5rem; --cta-v1-pad-y-mobile: 3.5rem; --cta-v1-stack-gap-mobile: 2.5rem; --cta-v1-header-max: 93.6875rem; --cta-v1-actions-w: 35.9375rem; --cta-v1-actions-w-mobile: 16.125rem; --cta-v1-btn-pad-y: 1.25rem; --cta-v1-btn-pad-x: 2.5rem; --fs-cta-v2-title: 3.375rem; --fs-cta-v2-title-mobile: 1.5rem; --lh-cta-v2-title: 3.375rem; --lh-cta-v2-title-mobile: normal; --ls-cta-v2-title-mobile: -0.02em; --cta-v2-pad-y: 7.5rem; --cta-v2-pad-y-mobile: 3.5rem; --cta-v2-title-max: 93.6875rem; --cta-v2-title-max-mobile: 20rem; --cta-v2-body-max: 60.8125rem; --fs-cta-v2-body: 1.125rem; --fs-cta-v2-body-mobile: 1rem; --lh-cta-v2-body: 1.875rem; --cta-v2-btn-pad-y: 1.25rem; --cta-v2-btn-pad-x: 2.5rem; --cta-v2-local-actions-gap: 1rem; --cta-v2-local-phone-icon: 1.4375rem; --cta-v2-local-bg-h: 762.53%; --color-service-hub-v3-icon: #c52233; --fs-service-hub-v3-title: 3.375rem; --fs-service-hub-v3-title-mobile: 1.5rem; --lh-service-hub-v3-title: 3.375rem; --lh-service-hub-v3-title-mobile: 1.8125rem; --fs-service-hub-v3-intro: 1.125rem; --fs-service-hub-v3-intro-mobile: 0.875rem; --lh-service-hub-v3-intro: 1.875rem; --ls-service-hub-v3: -0.02em; --fs-service-hub-v3-card-title: 1.5rem; --lh-service-hub-v3-card-title: 1.8125rem; --fs-service-hub-v3-card-body: 1rem; --lh-service-hub-v3-card-body: 1.25rem; --service-hub-v3-pad-y: 7.5rem; --service-hub-v3-pad-y-mobile: 3.5rem; --service-hub-v3-header-max: 93.6875rem; --service-hub-v3-header-max-mobile: 20rem; --service-hub-v3-intro-max: 60.8125rem; --service-hub-v3-cards-gap: 2.125rem; --service-hub-v3-card-w: 21.5625rem; --service-hub-v3-card-w-mobile: 18.0625rem; --service-hub-v3-card-h: 32.5rem; --service-hub-v3-card-h-mobile: 21.5rem; --service-hub-v3-card-pad: 1.5rem; --service-hub-v3-card-pad-mobile: 1.25rem; --service-hub-v3-card-gap: 2rem; --service-hub-v3-card-gap-mobile: 1.5625rem; --service-hub-v3-card-text-max: 18.75rem; --service-hub-v3-icon: 6.5625rem; --service-hub-v3-icon-mobile: 3.1875rem; --service-hub-v3-cta-pad-y: 1.25rem; --service-hub-v3-cta-pad-x: 2.5rem; --shadow-service-hub-v3-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05); --shadow-service-hub-v3-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --color-proces-shine-icon: var(--color-service-hub-v3-icon); --fs-proces-shine-title: var(--fs-service-hub-v3-title); --fs-proces-shine-title-mobile: var(--fs-service-hub-v3-title-mobile); --lh-proces-shine-title: var(--lh-service-hub-v3-title); --lh-proces-shine-title-mobile: var(--lh-service-hub-v3-title-mobile); --fs-proces-shine-intro: var(--fs-service-hub-v3-intro); --fs-proces-shine-intro-mobile: var(--fs-service-hub-v3-intro-mobile); --lh-proces-shine-intro: var(--lh-service-hub-v3-intro); --ls-proces-shine: var(--ls-service-hub-v3); --fs-proces-shine-card-title: var(--fs-service-hub-v3-card-title); --lh-proces-shine-card-title: var(--lh-service-hub-v3-card-title); --fs-proces-shine-card-body: var(--fs-service-hub-v3-card-body); --lh-proces-shine-card-body: var(--lh-service-hub-v3-card-body); --proces-shine-pad-y: var(--service-hub-v3-pad-y); --proces-shine-pad-y-mobile: var(--service-hub-v3-pad-y-mobile); --proces-shine-header-max: var(--service-hub-v3-header-max); --proces-shine-header-max-mobile: var(--service-hub-v3-header-max-mobile); --proces-shine-intro-max: var(--service-hub-v3-intro-max); --proces-shine-cards-gap: var(--service-hub-v3-cards-gap); --proces-shine-card-w: var(--service-hub-v3-card-w); --proces-shine-card-w-mobile: var(--service-hub-v3-card-w-mobile); --proces-shine-card-h: var(--service-hub-v3-card-h); --proces-shine-card-h-mobile: var(--service-hub-v3-card-h-mobile); --proces-shine-card-pad: var(--service-hub-v3-card-pad); --proces-shine-card-pad-mobile: var(--service-hub-v3-card-pad-mobile); --proces-shine-card-gap: var(--service-hub-v3-card-gap); --proces-shine-card-gap-mobile: var(--service-hub-v3-card-gap-mobile); --proces-shine-card-text-max: var(--service-hub-v3-card-text-max); --proces-shine-icon: var(--service-hub-v3-icon); --proces-shine-icon-mobile: var(--service-hub-v3-icon-mobile); --proces-shine-cta-pad-y: var(--service-hub-v3-cta-pad-y); --proces-shine-cta-pad-x: var(--service-hub-v3-cta-pad-x); --shadow-proces-shine-card: var(--shadow-service-hub-v3-card); --shadow-proces-shine-card-mobile: var(--shadow-service-hub-v3-card-mobile); --color-benefits-services-icon: var(--color-service-hub-v3-icon); --fs-benefits-services-title: var(--fs-service-hub-v3-title); --fs-benefits-services-title-mobile: var(--fs-service-hub-v3-title-mobile); --lh-benefits-services-title: 4rem; --lh-benefits-services-title-mobile: var(--lh-service-hub-v3-title-mobile); --ls-benefits-services: var(--ls-service-hub-v3); --fs-benefits-services-card-title: var(--fs-service-hub-v3-card-title); --lh-benefits-services-card-title: var(--lh-service-hub-v3-card-title); --fs-benefits-services-card-body: var(--fs-service-hub-v3-card-body); --lh-benefits-services-card-body: var(--lh-service-hub-v3-card-body); --benefits-services-pad-y: var(--service-hub-v3-pad-y); --benefits-services-pad-y-mobile: var(--service-hub-v3-pad-y-mobile); --benefits-services-header-max: var(--service-hub-v3-header-max); --benefits-services-header-max-mobile: var(--service-hub-v3-header-max-mobile); --benefits-services-cards-gap: var(--service-hub-v3-cards-gap); --benefits-services-card-w: var(--service-hub-v3-card-w); --benefits-services-card-w-mobile: var(--service-hub-v3-card-w-mobile); --benefits-services-card-h: var(--service-hub-v3-card-h); --benefits-services-card-h-mobile: 21.75rem; --benefits-services-card-pad: var(--service-hub-v3-card-pad); --benefits-services-card-pad-mobile: var(--service-hub-v3-card-pad-mobile); --benefits-services-card-gap: var(--service-hub-v3-card-gap); --benefits-services-card-gap-mobile: var(--service-hub-v3-card-gap-mobile); --benefits-services-card-text-max: var(--service-hub-v3-card-text-max); --benefits-services-icon: var(--service-hub-v3-icon); --benefits-services-icon-mobile: var(--service-hub-v3-icon-mobile); --shadow-benefits-services-card: var(--shadow-service-hub-v3-card); --shadow-benefits-services-card-mobile: var(--shadow-service-hub-v3-card-mobile); --color-service-hub-v4-surface: #c52233; --fs-service-hub-v4-title: 3.375rem; --fs-service-hub-v4-title-mobile: 1.5rem; --lh-service-hub-v4-title: 3.375rem; --lh-service-hub-v4-title-mobile: 1.8125rem; --fs-service-hub-v4-intro: 1.125rem; --fs-service-hub-v4-card-title: 1.5rem; --lh-service-hub-v4-card-title: 1.8125rem; --fs-service-hub-v4-card-body: 1rem; --lh-service-hub-v4-card-body: 1.25rem; --fs-service-hub-v4-badge: 4rem; --lh-service-hub-v4-badge: 2.25rem; --fs-service-hub-v4-badge-mobile: 1.5rem; --ls-service-hub-v4-title: -0.02em; --ls-service-hub-v4-body: -0.02em; --service-hub-v4-pad-y: 7.5rem; --service-hub-v4-pad-y-mobile: 3.5rem; --service-hub-v4-header-max: 93.6875rem; --service-hub-v4-header-max-mobile: 20rem; --service-hub-v4-steps-gap: 2.125rem; --service-hub-v4-card-w: 22rem; --service-hub-v4-card-w-mobile: 18.0625rem; --service-hub-v4-card-text-max: 18.6875rem; --service-hub-v4-card-pad-mobile: 1.25rem; --service-hub-v4-card-gap-mobile: 1.5625rem; --service-hub-v4-badge-size: 5.6875rem; --service-hub-v4-badge-size-mobile: 3.1875rem; --service-hub-v4-cta-min-w-mobile: 16.625rem; --service-hub-v4-cta-pad-y: 1.25rem; --service-hub-v4-cta-pad-x: 2.5rem; --shadow-service-hub-v4-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05); --shadow-service-hub-v4-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08); --fs-process-v4-title: 3.375rem; --fs-process-v4-title-mobile: 1.5rem; --lh-process-v4-title: 3.375rem; --lh-process-v4-title-mobile: 1.8125rem; --ls-process-v4-title-mobile: -0.02em; --fs-process-v4-body: 1.125rem; --fs-process-v4-body-mobile: 1.125rem; --lh-process-v4-body: 1.875rem; --ls-process-v4-body: -0.02em; --process-v4-pad-y: 8.75rem; --process-v4-pad-y-mobile: 3.5rem; --process-v4-content-max: 92.5rem; --process-v4-media-w: 46.75rem; --process-v4-media-w-mobile: 17.875rem; --process-v4-media-ratio: 748 / 547; --process-v4-media-ratio-mobile: 286 / 177; --process-v4-copy-max: 42.25rem; --process-v4-row-gap: 3.75rem; --process-v4-stack-gap-mobile: 2rem; --process-v4-copy-gap: 2.25rem; --process-v4-copy-gap-mobile: 3.75rem; --process-v4-cta-w-mobile: 17.125rem; --process-v4-cta-pad-y: 1.25rem; --process-v4-cta-pad-x: 2.5rem; --fs-faq-title: 3.375rem; --fs-faq-title-mobile: 1.5rem; --lh-faq-title: 3.375rem; --lh-faq-title-mobile: 1.8125rem; --ls-faq-title-mobile: -0.02em; --fs-faq-question: 0.99375rem; --fs-faq-answer: 1rem; --lh-faq-body: 1.5rem; --ls-faq-body: -0.011em; --fs-faq-icon: 1.5rem; --fs-faq-icon-mobile: 0.99375rem; --faq-pad-y: 7.5rem; --faq-pad-y-mobile: 3.5rem; --faq-content-max: 93.5625rem; --faq-item-gap: 2rem; --faq-item-gap-inner: 1rem; --faq-item-gap-inner-mobile: 0.625rem; --faq-answer-pad: 0.625rem; --faq-question-gap: 1.25rem; --color-footer-bg: #191919; --color-footer-text: #f7f7ee; --color-footer-link-hover: #ff9692; --color-footer-divider: #2e4e73; --fs-footer-heading: 1.125rem; --fs-footer-link: 1rem; --fs-footer-tagline: 0.9375rem; --lh-footer-link: 1.25rem; --lh-footer-tagline: 1.875rem; --ls-footer: -0.02em; --footer-pad-y-top: 8.75rem; --footer-pad-y-bottom: 2rem; --footer-pad-y-mobile: 3.5rem; --footer-content-max: 92.5rem; --footer-col-gap: 6.25rem; --footer-stack-gap: 6.25rem; --footer-stack-gap-mobile: 5rem; --footer-nav-gap: 1rem; --footer-nav-gap-tight: 0.9375rem; --footer-legal-gap: clamp(0.75rem, 2.2vw, 3.75rem); --footer-social-gap: 2rem; --footer-logo-w: 100%; --footer-logo-w-mobile: 9.9375rem; --footer-logo-h-mobile: 5.5625rem; --footer-tagline-max: 15rem; --footer-badge-ifa-w: 10.5rem; --footer-badge-ifa-h: 7.375rem; --footer-badge-vetfran-w: 10rem; --footer-badge-vetfran-h: 4.625rem; --footer-badge-w-mobile: 6.375rem; --footer-badge-gap: 1.4375rem; --footer-badge-gap-mobile: 0.75rem; --radius-pill: 6.25rem; --shadow-mega: 0 4px 20px 0 rgba(0, 0, 0, 0.05); --shadow-card: 0 4px 20px 0 rgba(0, 0, 0, 0.05); --transition-base: 0.2s ease; } @media (min-width: 1280px) { :root { --header-pad-x: clamp(0.75rem, calc((100vw - var(--header-content-band)) / 4), 6.875rem); } } @media (min-width: 1024px) { :root { --site-header-utility-scroll: 2.75rem; } } @media (max-width: 1023px) { :root { --site-header-bar-scroll: 3.75rem; --site-header-scroll-gap: 0.5rem; --site-header-utility-scroll: 0px; --site-header-scroll-offset: calc(var(--site-header-bar-scroll) + var(--site-header-scroll-gap)); } } .shine-zee-local-homepage, .shine-zee-local-homepage *, .shine-zee-local-homepage *::before, .shine-zee-local-homepage *::after { box-sizing: border-box; } .shine-zee-local-homepage img { max-width: 100%; } .shine-zee-local-homepage .local-services__card-image, .shine-zee-local-homepage .local-hero__bg, .shine-zee-local-homepage .local-hero__star, .shine-zee-local-homepage .local-team__photo-img { max-width: none; height: 100%; } .shine-zee-local-homepage ul, .shine-zee-local-homepage ol { margin: 0; padding: 0; list-style: none; } .shine-zee-local-homepage .local-services__tab, .shine-zee-local-homepage .local-services__cta { text-decoration: none; } .shine-zee-local-homepage .local-services__tab, .shine-zee-local-homepage .local-hero__submit, .shine-zee-local-homepage .process__cta, .shine-zee-local-homepage .cta-v2__btn, .shine-zee-local-homepage .local-shine-plus__cta, .shine-zee-local-homepage .local-team__cta { font: inherit; cursor: pointer; } @media (max-width: 1023.98px) { .shine-zee-local-homepage .local-services__tab { font-family: var(--font-heading); font-size: var(--fs-services-tab-mobile); line-height: var(--lh-services-tab-mobile); } } .shine-zee-local-homepage .local-hero__input, .shine-zee-local-homepage .local-hero__select { margin: 0; appearance: none; -webkit-appearance: none; } .shine-zee-local-homepage h1, .shine-zee-local-homepage h2, .shine-zee-local-homepage h3, .shine-zee-local-homepage h4, .shine-zee-local-homepage h5, .shine-zee-local-homepage h6, .shine-zee-local-homepage p { margin: 0; } :root { --local-service-intro-pad-y: 7.5rem; --local-service-intro-pad-y-mobile: 3.5rem; --local-service-intro-content-max: 92.5rem; --local-service-intro-copy-w: 42rem; --local-service-intro-title-w: 41rem; --local-service-intro-media-w: 46.75rem; --local-service-intro-media-h: 37.0625rem; --local-service-intro-media-w-mobile: 17.875rem; --local-service-intro-row-gap: 3.75rem; --local-service-intro-stack-gap: 2rem; --local-service-intro-text-gap: 2rem; --local-service-intro-text-gap-mobile: 1.5rem; --fs-local-service-intro-title: 3.375rem; --fs-local-service-intro-title-mobile: 1.5rem; --lh-local-service-intro-title: 3.375rem; --lh-local-service-intro-title-mobile: 1.8125rem; --fs-local-service-intro-body: 1.125rem; --fs-local-service-intro-body-mobile: 1rem; --lh-local-service-intro-body: 1.875rem; --ls-local-service-intro: -0.02em; --fs-local-service-intro-breadcrumb: 1.125rem; --fs-local-service-intro-breadcrumb-mobile: 0.625rem; --lh-local-service-intro-breadcrumb: 1.875rem; --service-areas-map-h: 76.85546875rem; --service-areas-map-h-mobile: 37.75rem; --service-areas-map-w-mobile: 20rem; --service-areas-map-radius: 0.5rem; --service-areas-visuals-gap: 2rem; --service-areas-communities-gap: 4rem; --service-areas-communities-gap-desktop: 1.5rem; --service-areas-communities-gap-mobile: 1.1875rem; --service-areas-communities-row-gap: 0.25rem; --service-areas-communities-col-w: 8.5rem; --service-areas-actions-w-mobile: 18.8125rem; --shadow-service-areas-map: 0 4px 20px 0 rgba(0, 0, 0, 0.05); } .service-areas { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text-heading); } .service-areas__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .service-areas__bg-img { position: absolute; max-width: none; object-fit: cover; inline-size: 411.13%; block-size: 100%; inset-block-start: 0; inset-inline-start: -64.68%; } .service-areas__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--local-service-intro-stack-gap); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-service-intro-pad-y-mobile); padding-inline: var(--space-md); } .service-areas__breadcrumb { inline-size: 100%; } .service-areas__breadcrumb-list { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0; margin: 0; padding: 0; list-style: none; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-service-intro-breadcrumb-mobile); line-height: var(--lh-local-service-intro-breadcrumb); letter-spacing: calc(var(--ls-local-service-intro) * 0.5); color: var(--color-text-muted); } .service-areas__breadcrumb-item { display: inline-flex; align-items: baseline; } .service-areas__breadcrumb-item + .service-areas__breadcrumb-item::before { content: "→"; margin-inline: 0.35em; color: var(--color-text-muted); } .service-areas__breadcrumb-link { color: inherit; text-decoration: none; } .service-areas__breadcrumb-link:hover { text-decoration: underline; } .service-areas__breadcrumb-link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .service-areas__breadcrumb-current { color: inherit; } .service-areas__row { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-row-gap); inline-size: 100%; } .service-areas__intro { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); order: 2; inline-size: 100%; } .service-areas__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-service-intro-title-mobile); line-height: var(--lh-local-service-intro-title-mobile); letter-spacing: var(--ls-local-service-intro); text-transform: uppercase; color: var(--color-text-heading); } .service-areas__title-desktop { display: none; } .service-areas__title-mobile { display: inline; } .service-areas__title--intro, .service-areas__title--area { text-align: center; } .service-areas__body { display: flex; flex-direction: column; gap: var(--space-md); inline-size: 100%; } .service-areas__body p { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-service-intro-body-mobile); line-height: var(--lh-local-service-intro-body); letter-spacing: var(--ls-local-service-intro); text-align: center; color: var(--color-text-heading); } .service-areas__visuals { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); inline-size: 100%; } .service-areas__media { order: 1; position: relative; margin: 0; inline-size: 100%; max-inline-size: none; aspect-ratio: 286 / 177; block-size: auto; flex-shrink: 0; overflow: hidden; } .service-areas__image { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; } .service-areas__image--intro-desktop { display: none; } .service-areas__image--intro-mobile { display: block; inset: auto; inline-size: 100%; block-size: 107.77%; inset-block-start: 0.18%; inset-inline-start: 0; } .service-areas__row--coverage { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); } .service-areas__coverage { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); inline-size: 100%; } .service-areas__area-lead { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-service-intro-body-mobile); line-height: var(--lh-local-service-intro-body); letter-spacing: var(--ls-local-service-intro); text-align: center; color: var(--color-text-heading); } .service-areas__hours { display: flex; align-items: center; justify-content: center; gap: 0.75rem; } .service-areas__hours-icon { display: block; inline-size: 24px; block-size: 24px; flex-shrink: 0; object-fit: contain; } .service-areas__hours-text { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-service-intro-body); line-height: 1.4375rem; letter-spacing: var(--ls-local-service-intro); color: var(--color-text-heading); } .service-areas__subtitle { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-service-intro-title-mobile); line-height: var(--lh-local-service-intro-title-mobile); letter-spacing: var(--ls-local-service-intro); text-align: center; text-transform: uppercase; color: var(--color-text-heading); } .service-areas__areas-intro, .service-areas__disclaimer { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-local-service-intro-body); line-height: var(--lh-local-service-intro-body); letter-spacing: var(--ls-local-service-intro); text-align: center; color: var(--color-text-muted); } .service-areas__disclaimer { display: none; } .service-areas__communities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: start; inline-size: 100%; gap: var(--service-areas-communities-row-gap) var(--service-areas-communities-gap-mobile); margin: 0; padding: 0; list-style: none; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-service-intro-body); line-height: var(--lh-local-service-intro-body); letter-spacing: var(--ls-local-service-intro); color: var(--color-text-heading); } .service-areas__community { margin: 0; line-height: 1.35; min-inline-size: 0; overflow-wrap: normal; word-break: normal; hyphens: none; } .service-areas__community a { color: inherit; text-decoration: underline; text-underline-offset: 0.12em; } .service-areas__community a:hover { opacity: 0.85; } .service-areas__community a:focus-visible { outline: 2px solid var(--color-text-heading); outline-offset: 2px; } .service-areas__actions { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); inline-size: 100%; max-inline-size: var(--service-areas-actions-w-mobile); } .service-areas__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); inline-size: 100%; padding: 1.25rem; border-radius: var(--radius-pill); background-color: var(--color-primary); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; white-space: nowrap; color: var(--color-text-inverse); transition: opacity var(--transition-base); } .service-areas__btn:hover { opacity: 0.92; } .service-areas__btn:focus-visible { outline: 2px solid var(--color-text-heading); outline-offset: 3px; } .service-areas__btn-icon { display: block; inline-size: 10px; block-size: 10px; flex-shrink: 0; object-fit: contain; } .service-areas__btn-icon--phone { inline-size: 23px; block-size: 23px; object-fit: contain; } .service-areas__map-wrap { margin: 0; inline-size: min(var(--service-areas-map-w-mobile), 100%); aspect-ratio: 748 / 787; block-size: auto; max-inline-size: 100%; flex-shrink: 0; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--service-areas-map-radius); box-shadow: var(--shadow-service-areas-map); background-color: var(--color-bg); } .service-areas__territory-map { margin: 0; inline-size: min(var(--service-areas-map-w-mobile), 100%); max-inline-size: 100%; flex-shrink: 0; border-radius: var(--service-areas-map-radius); box-shadow: var(--shadow-service-areas-map); overflow: hidden; } .service-areas__territory-map .bpa-territory-map { opacity: 1 !important; } .service-areas__map { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; object-position: center; } @media (min-width: 1024px) { .service-areas__bg-img { inline-size: 100%; block-size: 199.5%; inset-block-start: -0.01%; inset-inline-start: 0; } .service-areas__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--local-service-intro-row-gap); row-gap: var(--local-service-intro-stack-gap); align-items: start; inline-size: 100%; max-inline-size: calc(var(--local-service-intro-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--local-service-intro-pad-y); padding-inline: var(--header-pad-x); } .service-areas__breadcrumb { grid-column: 1 / -1; } .service-areas__row--intro, .service-areas__row--coverage { display: contents; } .service-areas__breadcrumb-list { font-size: var(--fs-local-service-intro-breadcrumb); letter-spacing: var(--ls-local-service-intro); } .service-areas__intro { grid-column: 1; grid-row: 2; align-items: flex-start; order: unset; min-inline-size: 0; max-inline-size: var(--local-service-intro-copy-w); gap: var(--local-service-intro-text-gap); } .service-areas:not(.service-areas--homepage) { overflow-x: visible; } .service-areas:not(.service-areas--homepage) .service-areas__visuals { display: contents; } .service-areas:not(.service-areas--homepage) .service-areas__media--intro { grid-column: 2; grid-row: 2; align-self: start; justify-self: stretch; min-inline-size: 0; inline-size: 100%; max-inline-size: var(--local-service-intro-media-w); } .service-areas:not(.service-areas--homepage) .service-areas__row--intro .service-areas__territory-map { grid-column: 2; grid-row: 3 / 5; align-self: start; justify-self: stretch; position: sticky; inset-block-start: calc( var(--site-header-scroll-offset, 8rem) + var(--site-header-utility-scroll, 0px) + var(--wp-admin--admin-bar--height, 0px) ); z-index: 1; min-inline-size: 0; inline-size: 100%; max-inline-size: var(--local-service-intro-media-w); } .service-areas__title { font-size: var(--fs-local-service-intro-title); line-height: var(--lh-local-service-intro-title); } .service-areas__title-desktop { display: inline; } .service-areas__title-mobile { display: none; } .service-areas__title--intro, .service-areas__title--area, .service-areas__subtitle { text-align: start; } .service-areas__title--intro, .service-areas__title--area { max-inline-size: var(--local-service-intro-title-w); } .service-areas__body p { max-inline-size: var(--local-service-intro-title-w); font-size: var(--fs-local-service-intro-body); text-align: start; } .service-areas__media { order: unset; max-inline-size: 100%; inline-size: 100%; block-size: var(--local-service-intro-media-h); } .service-areas__image--intro-desktop { display: block; position: absolute; inset: 0; inline-size: 100%; block-size: 100%; } .service-areas__image--intro-mobile { display: none; } .service-areas__coverage { grid-column: 1; grid-row: 3; align-items: flex-start; min-inline-size: 0; max-inline-size: var(--local-service-intro-copy-w); gap: var(--local-service-intro-text-gap); } .service-areas__hours { justify-content: flex-start; } .service-areas__area-lead { font-size: var(--fs-local-service-intro-body); text-align: start; } .service-areas__areas-intro { text-align: start; } .service-areas__disclaimer { display: block; text-align: start; } .service-areas__communities { justify-content: start; gap: var(--service-areas-communities-row-gap) var(--service-areas-communities-gap-desktop); } .service-areas__community, .service-areas__community a { white-space: nowrap; } .service-areas__actions { grid-column: 1; grid-row: 4; flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--space-md); min-inline-size: 0; max-inline-size: var(--local-service-intro-copy-w); } .service-areas__btn { inline-size: auto; } .service-areas__territory-map { inline-size: 100%; max-inline-size: 100%; } } @media (max-width: 1023px) { .service-areas__communities { grid-template-columns: repeat(2, minmax(0, 1fr)); } .service-areas__community { text-wrap: pretty; } .service-areas__row--intro, .service-areas__row--coverage { display: contents; } .service-areas__visuals { display: contents; } .service-areas__inner { display: flex; flex-direction: column; align-items: center; gap: var(--local-service-intro-text-gap-mobile); } .service-areas__breadcrumb { order: 1; inline-size: 100%; } .service-areas__media { order: 2; } .service-areas__intro { order: 3; } .service-areas__coverage { order: 4; } .service-areas__territory-map { order: 5; } .service-areas__actions { order: 6; } } .local-hero { position: relative; display: flex; flex-direction: column; isolation: isolate; color: var(--color-text-inverse); background-color: var(--color-bg); } .local-hero:has(.contact-form__service-ms.is-open) { z-index: 50; overflow: visible; } .local-hero__media { position: absolute; inset-inline: 0; inset-block-start: 0; z-index: 0; block-size: var(--local-hero-min-h-mobile); pointer-events: none; } .local-hero__bg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; } .local-hero__bg--desktop { display: none; object-position: center 43%; } .local-hero__bg--mobile { display: block; object-position: center center; } .local-hero__media picture .local-hero__bg--responsive { display: block; object-position: center center; } .local-hero__media::before, .local-hero__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; } .local-hero__media::before { z-index: 1; background-color: var(--color-primary); mix-blend-mode: multiply; } .local-hero__media::after { z-index: 2; background-color: rgba(0, 0, 0, 0.4); } .local-hero__banner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; min-block-size: var(--local-hero-min-h-mobile); padding-block: var(--local-hero-pad-y-mobile); padding-inline: var(--space-md); } .local-hero__copy { display: flex; flex-direction: column; align-items: stretch; gap: var(--local-hero-copy-gap-mobile); inline-size: 100%; max-inline-size: none; text-align: start; } .local-hero__title { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-hero-title-mobile); line-height: var(--hero-title-lh-mobile); letter-spacing: var(--hero-title-ls); text-transform: uppercase; color: var(--color-text-inverse); } .local-hero__title-desktop { display: none; } .local-hero__title-mobile { display: block; } .local-hero__text { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-hero-text); line-height: var(--lh-mega-body); letter-spacing: var(--ls-mega-body); color: var(--color-text-inverse); } .local-hero__rating { display: flex; flex-direction: column; align-items: center; align-self: center; justify-content: center; gap: 0.75rem; inline-size: 100%; max-inline-size: 16.625rem; } .local-hero__stars { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-xs); } .local-hero__star { display: block; inline-size: 20px; block-size: 20px; object-fit: contain; } .local-hero__rating-text { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-hero-rating); line-height: 1.875rem; letter-spacing: -0.02em; text-align: center; color: var(--color-text-inverse); } @media (max-width: 1023px) { .local-hero { flex-direction: column; } .local-hero__banner { order: 1; flex: 0 0 auto; } .local-hero__form-panel { order: 2; flex: 0 0 auto; inline-size: 100%; max-inline-size: 100%; margin: 0; } } .local-hero__form-panel { position: relative; z-index: 1; isolation: isolate; overflow: hidden; border-radius: var(--radius-local-hero-form-panel); background-color: var(--color-bg); color: var(--color-text); } .local-hero__form-panel:has(.contact-form__service-ms.is-open) { overflow: visible; z-index: 40; } .local-hero__form-panel:has(.contact-form__service-ms.is-open) .local-hero__form, .local-hero__form-panel:has(.contact-form__service-ms.is-open) .gform_wrapper, .local-hero__form-panel:has(.contact-form__service-ms.is-open) .gform_body, .local-hero__form-panel:has(.contact-form__service-ms.is-open) .gform_fields, .local-hero__form-panel:has(.contact-form__service-ms.is-open) .gform_footer, .local-hero__form-panel:has(.contact-form__service-ms.is-open) fieldset.gfield, .local-hero__form-panel:has(.contact-form__service-ms.is-open) .contact-form__field--service-ms { overflow: visible; } .local-hero__form-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .local-hero__form-bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; opacity: 0.5; } .local-hero__form { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: stretch; gap: var(--local-hero-form-stack-gap); box-sizing: border-box; inline-size: 100%; padding-block: var(--local-hero-form-panel-pad-y); padding-inline: var(--space-md); } .local-hero__form-title { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-hero-title-mobile); line-height: var(--hero-title-lh-mobile); letter-spacing: var(--hero-title-ls); text-transform: uppercase; text-align: center; color: var(--color-text); } .local-hero__fields { display: flex; flex-direction: column; gap: var(--local-hero-form-stack-gap); inline-size: 100%; } .local-hero__field { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-md); inline-size: 100%; } .local-hero__label { font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: var(--lh-local-hero-label); letter-spacing: var(--ls-local-hero-label); color: var(--color-text); } .local-hero__label-desktop { display: none; } .local-hero__label-mobile { display: inline; } .local-hero__req { color: var(--color-primary); } .local-hero__input, .local-hero__select { box-sizing: border-box; inline-size: 100%; block-size: var(--local-hero-field-h); margin: 0; padding-block: 0; padding-inline: 0.75rem; border: 1px solid var(--color-local-hero-muted); border-radius: var(--radius-local-hero-field); background-color: var(--color-bg); font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: var(--lh-local-hero-label); letter-spacing: var(--ls-local-hero-label); color: var(--color-text); } .local-hero__input:focus-visible, .local-hero__select:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .local-hero__select-wrap { inline-size: 100%; } .local-hero__select { appearance: none; -webkit-appearance: none; padding-inline-start: 2.625rem; color: var(--color-local-hero-muted); background-color: var(--color-bg); background-image: url("../../images/local-hero/icon-chevron.png"); background-repeat: no-repeat; background-position: 12px center; background-size: 17px 17px; cursor: pointer; } .local-hero__select:valid { color: var(--color-text); } .local-hero__select option { color: var(--color-text); } .local-hero__submit { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; gap: 0.625rem; inline-size: min(100%, var(--local-hero-form-btn-w-mobile)); padding-block: 1.25rem; padding-inline: 2.5rem; border: 0; border-radius: var(--radius-pill); background-color: var(--color-primary); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); color: var(--color-text-inverse); white-space: nowrap; cursor: pointer; transition: background-color var(--transition-base); } .local-hero__submit:hover { background-color: var(--color-primary-hover); } .local-hero__submit:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .local-hero__submit-icon { flex-shrink: 0; object-fit: contain; } img.local-hero__submit-icon--desktop { display: none; } img.local-hero__submit-icon--mobile { display: block; inline-size: 14px; block-size: 14px; } @media (min-width: 1024px) { .local-hero { box-sizing: border-box; min-block-size: var(--local-hero-min-h); flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-inline: var(--layout-frame-gutter); background-color: #141814; overflow: hidden; } .local-hero__media { inset: 0; block-size: auto; } .local-hero__bg--desktop, .local-hero__media picture .local-hero__bg--responsive { display: block; } .local-hero__bg--mobile { display: none; } .local-hero__media::before { clip-path: polygon( 0 0, var(--hero-wedge-top-x) 0, calc(var(--hero-wedge-top-x) - var(--hero-wedge-run-x) * var(--hero-wedge-h-scale)) 100%, 0 100% ); } .local-hero__media::after { display: none; } .local-hero__banner { position: relative; z-index: 3; flex: 1 1 auto; align-items: flex-start; justify-content: flex-start; min-block-size: auto; max-inline-size: min( 100%, calc( var(--local-hero-title-max) + max( 0px, (100% - var(--local-hero-title-max) - var(--local-hero-form-w)) / 2 ) ) ); margin-block-start: var(--local-hero-content-top); padding-block: 0 var(--local-hero-content-top); padding-inline-start: var(--header-pad-x); padding-inline-end: 0; } .local-hero__copy { align-items: flex-start; gap: var(--local-hero-copy-gap); max-inline-size: var(--local-hero-title-max); text-align: start; } .local-hero__title-desktop { display: block; } .local-hero__title-mobile { display: none; } .local-hero__title { max-inline-size: var(--local-hero-title-max); font-size: clamp(2.5rem, 4vw, var(--fs-hero-title)); line-height: 1.05; } .local-hero__text { max-inline-size: var(--local-hero-copy-w); } .local-hero__rating { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; max-inline-size: none; } .local-hero__rating-text { white-space: nowrap; text-align: start; } .local-hero__form-panel { position: relative; z-index: 3; flex-shrink: 0; align-self: flex-start; inline-size: min(var(--local-hero-form-w), 100%); min-block-size: var(--local-hero-form-h); margin-block-start: var(--local-hero-form-top); margin-inline-end: 0; border-radius: 0; background-color: var(--color-bg); box-shadow: var(--shadow-card); } .local-hero__form-bg { display: none; } .local-hero__form { align-items: center; justify-content: center; min-block-size: var(--local-hero-form-h); padding: var(--local-hero-form-pad); gap: var(--space-md); } .local-hero__form-title { display: none; } .local-hero__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "first-name last-name" "phone email" "service zip"; column-gap: var(--local-hero-form-col-gap); row-gap: 1.25rem; } .local-hero__field--first-name { grid-area: first-name; } .local-hero__field--last-name { grid-area: last-name; } .local-hero__field--phone { grid-area: phone; } .local-hero__field--email { grid-area: email; } .local-hero__field--service { grid-area: service; } .local-hero__field--zip { grid-area: zip; } .local-hero__label-desktop { display: inline; } .local-hero__label-mobile { display: none; } .local-hero__select { padding-inline-start: 2.25rem; font-size: var(--fs-local-hero-placeholder); letter-spacing: var(--ls-local-hero-placeholder); background-position: 10px center; } .local-hero__submit { align-self: center; inline-size: auto; padding: 1.25rem; } img.local-hero__submit-icon--desktop { display: block; inline-size: 10px; block-size: 10px; } img.local-hero__submit-icon--mobile { display: none; } } @media (min-width: 1440px) { .local-hero__title { font-size: var(--fs-hero-title); line-height: var(--hero-title-lh); } } .local-hero__form-notice { margin: 0; padding: 1rem; font-size: 0.875rem; line-height: 1.5; text-align: center; background: #fff8e5; border-left: 4px solid #dba617; } .local-hero__form--gravity > .gform_wrapper { inline-size: 100%; max-inline-size: 100%; margin: 0; } .local-hero__form-panel .local-hero__form--gravity .gform_wrapper form, .local-hero__form-panel .local-hero__form--gravity .gform_wrapper .gform_body, .local-hero__form-panel .local-hero__form--gravity .gform_wrapper .gform_fields, .local-hero__form-panel .local-hero__form--gravity .gform_wrapper .gform_footer { inline-size: 100%; max-inline-size: 100%; margin: 0; padding: 0; } .local-hero__form-panel .gform_heading, .local-hero__form-panel .gform_required_legend, .local-hero__form-panel .gfield--type-hidden, .local-hero__form-panel .gfield--type-html { display: none !important; } .local-hero__form-panel .gfield--type-html.contact-form__step2-heading, .local-hero__form-panel .gfield--type-html.contact-form__location-line, .local-hero__form-panel .gfield--type-html.contact-form__privacy-html { display: block !important; } .local-hero__form-panel .contact-form__location-line .gfield_html { font-weight: var(--fw-semibold, 600); color: var(--color-primary); } .local-hero__form-panel .gfield.contact-form__privacy-html a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 0.15em; } .local-hero__form-panel .gfield.contact-form__privacy-html a:hover, .local-hero__form-panel .gfield.contact-form__privacy-html a:focus-visible { color: var(--color-primary-hover, #a80726); } .local-hero__form-panel .gfield.contact-form__privacy-html a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .local-hero__form-panel .gf_progressbar_wrapper { inline-size: 100%; margin-block-end: var(--space-md); padding: 0 !important; } .local-hero__form-panel .gf_progressbar_title { margin-block-end: var(--space-sm); font-family: var(--font-body-alt); font-size: var(--fs-body-sm, 0.875rem); font-weight: var(--fw-semibold, 600); color: var(--color-text); } .local-hero__form-panel .gf_progressbar { box-sizing: border-box; overflow: hidden; border-radius: var(--radius-pill, 999px); background: var(--color-local-hero-muted, #e8e4e0); block-size: var(--contact-form-progress-h, 0.625rem); height: var(--contact-form-progress-h, 0.625rem) !important; min-block-size: var(--contact-form-progress-h, 0.625rem); } .local-hero__form-panel .gf_progressbar_percentage, .local-hero__form-panel .gf_progressbar_percentage.percentbar_custom { box-sizing: border-box; block-size: var(--contact-form-progress-h, 0.625rem) !important; height: var(--contact-form-progress-h, 0.625rem) !important; max-block-size: var(--contact-form-progress-h, 0.625rem) !important; min-block-size: var(--contact-form-progress-h, 0.625rem) !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; border-radius: var(--radius-pill, 999px); background-color: var(--color-primary) !important; color: transparent !important; clip-path: none !important; float: none !important; } .local-hero__form-panel .gf_progressbar_percentage span { display: none !important; } .local-hero__form-panel .gfield:not(fieldset), .local-hero__form-panel .gform_wrapper .gfield--width-full:not(fieldset), .local-hero__form-panel .gform_wrapper .gfield--width-half:not(fieldset) { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-md); grid-column: auto !important; inline-size: 100%; min-inline-size: 0; margin: 0; padding: 0; } .local-hero__form-panel .gform_wrapper fieldset.gfield { display: flex !important; flex-direction: column; align-items: flex-start; gap: 0; border: 0; padding: 0; margin: 0; min-inline-size: 0; grid-column: auto !important; inline-size: 100%; } .local-hero__form-panel .gform_wrapper fieldset.gfield legend.gfield_label { display: block; float: none; inline-size: 100%; padding: 0; --gf-local-margin-y: 0 !important; margin: 0 0 var(--space-md) !important; } .local-hero__form-panel .gform_wrapper.gravity-theme .gfield--width-full, .local-hero__form-panel .gform_wrapper.gform-theme .gfield--width-full { grid-column: auto !important; } .local-hero__form-panel .gform_wrapper .gfield_label, .local-hero__form-panel .gform_wrapper .gform-field-label { display: block !important; position: static !important; clip: auto !important; inline-size: auto !important; block-size: auto !important; margin: 0; padding: 0; overflow: visible; white-space: normal; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: var(--lh-local-hero-label); letter-spacing: var(--ls-local-hero-label); color: var(--color-text); --gf-local-margin-y: 0 !important; margin-block: 0 !important; } .local-hero__form-panel .gfield_required, .local-hero__form-panel .gfield_required_text { display: none !important; } .local-hero__form-panel .gfield_contains_required .gfield_label::after { content: " *"; color: var(--color-primary); font-weight: var(--fw-medium); } .local-hero__form-panel .gform_wrapper .ginput_container, .local-hero__form-panel .gform_wrapper .ginput_container_phone { inline-size: 100%; max-inline-size: 100%; margin-block: 0; padding: 0; } .local-hero__form-panel .gform_wrapper .ginput_container input.medium, .local-hero__form-panel .gform_wrapper .ginput_container input.large, .local-hero__form-panel .gform_wrapper .ginput_container input.small, .local-hero__form-panel .gform_wrapper .ginput_container input[type="text"], .local-hero__form-panel .gform_wrapper .ginput_container input[type="email"], .local-hero__form-panel .gform_wrapper .ginput_container input[type="tel"] { box-sizing: border-box; inline-size: 100% !important; max-inline-size: 100% !important; block-size: var(--local-hero-field-h); margin: 0; padding-block: 0; padding-inline: 0.75rem; border: 1px solid var(--color-local-hero-muted); border-radius: var(--radius-local-hero-field); background-color: var(--color-bg); font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: var(--lh-local-hero-label); letter-spacing: var(--ls-local-hero-label); color: var(--color-text); } .local-hero__form-panel .gform_wrapper .ginput_container input:focus-visible, .local-hero__form-panel .gform_wrapper .ginput_container select:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .local-hero__form-panel .gform_wrapper .ginput_container select, .local-hero__form-panel .gform_wrapper .ginput_container_select select, .local-hero__form-panel .gform_wrapper select.gfield_select { box-sizing: border-box; inline-size: 100% !important; max-inline-size: 100% !important; block-size: var(--local-hero-field-h); margin: 0; padding-block: 0; padding-inline: 0.75rem 2.5rem !important; border: 1px solid var(--color-local-hero-muted); border-radius: var(--radius-local-hero-field); background-color: var(--color-bg); font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: var(--lh-local-hero-label); letter-spacing: var(--ls-local-hero-label); color: var(--color-local-hero-muted); appearance: none; -webkit-appearance: none; background-image: url("../../images/local-hero/icon-chevron.png"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 17px 17px; cursor: pointer; } .local-hero__form-panel .gform_wrapper .ginput_container select:valid { color: var(--color-text); } .local-hero__form-panel .gform_wrapper .ginput_container select option { color: var(--color-text); } .local-hero__form-panel .gform_wrapper .gform_footer, .local-hero__form-panel .gform_wrapper .gform-footer { display: flex; justify-content: center; margin-block-start: calc(var(--local-hero-form-stack-gap) + 0.75rem) !important; padding: 0; } .local-hero__form-panel .gform_wrapper .gform_footer .contact-form__submit, .local-hero__form-panel .gform_wrapper .gform-footer .contact-form__submit, .local-hero__form-panel .gform_footer .local-hero__submit, .local-hero__form-panel .gform_footer button.local-hero__submit, .local-hero__form-panel .gform-footer .local-hero__submit, .local-hero__form-panel .gform-footer button.local-hero__submit { display: inline-flex !important; align-items: center; justify-content: center; align-self: center; gap: 0.625rem; inline-size: min(100%, var(--local-hero-form-btn-w-mobile)) !important; max-inline-size: 100%; min-block-size: 0; padding-block: 1.25rem !important; padding-inline: 2.5rem !important; border: 0 !important; border-radius: var(--radius-pill) !important; background-color: var(--color-primary) !important; box-shadow: none !important; font-family: var(--font-heading) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-cta) !important; line-height: var(--lh-nav) !important; letter-spacing: var(--ls-cta) !important; color: var(--color-text-inverse) !important; } .local-hero__form-panel .gform_wrapper .gform-footer .contact-form__submit:hover, .local-hero__form-panel .gform_footer .local-hero__submit:hover, .local-hero__form-panel .gform-footer .local-hero__submit:hover { background-color: var(--color-primary-hover) !important; } .local-hero__form-panel .contact-form__submit-trailing { position: relative; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; } .local-hero__form-panel .contact-form__submit-icon { position: absolute; inset: 0; margin: auto; } .local-hero__form-panel .contact-form__submit.is-loading .contact-form__submit-spinner, .local-hero__form-panel .gform_next_button.is-loading .contact-form__submit-spinner { display: block; } .local-hero__form-panel .gform_validation_errors { margin-block-end: var(--space-md); } .local-hero__submit-end { display: inline-flex; flex-shrink: 0; align-items: center; gap: 0.375rem; } .local-hero__submit-spinner { display: none; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; border: 2px solid rgb(255 255 255 / 35%); border-top-color: var(--color-text-inverse); border-radius: 50%; animation: local-hero-submit-spin 0.65s linear infinite; } .local-hero__submit-trailing { position: relative; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; } .local-hero__submit-icon { position: absolute; inset: 0; margin: auto; } .local-hero__submit.is-loading .local-hero__submit-text, .local-hero__form-panel .gform_next_button.is-loading .local-hero__submit-text { opacity: 1 !important; visibility: visible !important; } .local-hero__submit.is-loading .local-hero__submit-spinner, .local-hero__form-panel .gform_next_button.is-loading .local-hero__submit-spinner { display: inline-block; } @keyframes local-hero-submit-spin { to { transform: rotate(360deg); } } .local-hero__form-panel .gform_wrapper .gform-loader, .local-hero__form-panel .gform_wrapper .gform_ajax_spinner, .local-hero__form-panel .gform_wrapper img.gform_ajax_spinner { display: none !important; } .local-hero__form-panel .contact-form__service-ms-trigger { background-image: url("../../images/local-hero/icon-chevron.png"); background-size: 17px 17px; } .local-hero__form-panel .gform_page_footer { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: var(--space-md); margin-block-start: calc(var(--local-hero-form-stack-gap) + 0.75rem) !important; padding: 0; } .local-hero__form-panel .gform_page_footer .gform_previous_button, .local-hero__form-panel .gform_page_footer .contact-form__page-button--previous, .local-hero__form-panel .gform_page_footer .local-hero__form-previous { order: 2; } .local-hero__form-panel .gform_page_footer .gform_next_button, .local-hero__form-panel .gform_page_footer .gform_button, .local-hero__form-panel .gform_page_footer input[type="submit"], .local-hero__form-panel .gform_page_footer button[type="submit"] { order: 1; } .local-hero__form-panel form.contact-form__estimate-step--2 .gform_fields, .local-hero__form-panel .gform_fields:has(.contact-form__field--street) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "step2heading" "street" "city" "state" "optin-email" "optin-sms" "privacy" !important; row-gap: var(--local-hero-form-stack-gap) !important; column-gap: 0 !important; inline-size: 100%; } .local-hero__form-panel form.contact-form__estimate-step--2 .gform_fields:has(.gfield.contact-form__location-line), .local-hero__form-panel .gform_fields:has(.contact-form__field--street):has(.gfield.contact-form__location-line) { grid-template-areas: "step2heading" "location" "street" "city" "state" "optin-email" "optin-sms" "privacy" !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .gfield.contact-form__step2-heading, .local-hero__form-panel .gfield.contact-form__step2-heading { grid-area: step2heading !important; gap: var(--space-sm) !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .gfield.contact-form__location-line, .local-hero__form-panel .gfield.contact-form__location-line { grid-area: location !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--street, .local-hero__form-panel .contact-form__field--street { grid-area: street !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--city, .local-hero__form-panel .contact-form__field--city { grid-area: city !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--state, .local-hero__form-panel .contact-form__field--state { grid-area: state !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email, .local-hero__form-panel .contact-form__field--optin-email { grid-area: optin-email !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms, .local-hero__form-panel .contact-form__field--optin-sms { grid-area: optin-sms !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .gfield.contact-form__privacy-html, .local-hero__form-panel .gfield.contact-form__privacy-html { grid-area: privacy !important; gap: var(--space-sm) !important; margin-block-start: var(--space-xs); } .local-hero__form-panel form.contact-form__estimate-step--2 .gform_fields .gfield { grid-column: auto !important; inline-size: 100%; } .local-hero__form-panel .contact-form__step2-heading .gfield_html { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-local-hero-label); line-height: 1.35; letter-spacing: var(--ls-local-hero-label); color: var(--color-text); } .local-hero__form-panel .contact-form__step2-heading .contact-form__location-line--inline { margin-block-start: var(--space-sm); font-family: var(--font-body-alt); font-size: var(--fs-body-sm, 0.875rem); font-weight: var(--fw-semibold, 600); line-height: 1.45; letter-spacing: normal; text-transform: none; color: var(--color-primary); } .local-hero__form-panel form.contact-form__estimate-step--2 .gfield.contact-form__privacy-html .gfield_html { font-family: var(--font-body-alt); font-size: var(--fs-body-sm, 0.875rem); line-height: 1.45; color: var(--color-text-muted, #5c5c5c); } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email, .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms { gap: var(--space-sm) !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email .ginput_container_radio, .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms .ginput_container_radio { inline-size: 100%; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email .gfield_radio, .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms .gfield_radio { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: var(--space-sm) !important; inline-size: 100%; margin: 0; padding: 0; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email .gchoice, .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms .gchoice { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 0.5rem !important; inline-size: 100% !important; max-inline-size: 100%; margin: 0 !important; padding: 0 !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email .gchoice input[type="radio"], .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms .gchoice input[type="radio"] { flex-shrink: 0; margin: 0 !important; } .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-email .gchoice label, .local-hero__form-panel form.contact-form__estimate-step--2 .contact-form__field--optin-sms .gchoice label { display: block !important; flex: 1 1 auto; min-inline-size: 0; margin: 0 !important; padding: 0 !important; font-size: var(--fs-body-sm, 0.875rem); line-height: 1.35; white-space: nowrap !important; } .local-hero__form-panel .gform_page_footer .gform_previous_button, .local-hero__form-panel .gform_page_footer .contact-form__page-button--previous, .local-hero__form-panel .gform_page_footer .local-hero__form-previous, .local-hero__form-panel .gform_page_footer button.contact-form__page-button--previous, .local-hero__form-panel .gform_page_footer input.contact-form__page-button--previous { appearance: none !important; display: inline !important; inline-size: auto !important; min-block-size: 0 !important; min-inline-size: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-family: var(--font-body-alt) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-body-sm, 0.875rem) !important; line-height: 1.4 !important; letter-spacing: normal !important; color: var(--color-primary) !important; text-decoration: underline; text-underline-offset: 0.15em; white-space: nowrap; cursor: pointer; } .local-hero__form-panel .gform_page_footer .gform_previous_button:hover, .local-hero__form-panel .gform_page_footer .gform_previous_button:focus-visible, .local-hero__form-panel .gform_page_footer .contact-form__page-button--previous:hover, .local-hero__form-panel .gform_page_footer .contact-form__page-button--previous:focus-visible { color: var(--color-primary-hover, #a80726) !important; background: transparent !important; border-color: transparent !important; opacity: 1 !important; } .local-hero__form-panel .gform_page_footer .gform_previous_button:focus-visible, .local-hero__form-panel .gform_page_footer .contact-form__page-button--previous:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .local-hero__form-panel .gform_page_footer .local-hero__submit:not(.contact-form__page-button--previous), .local-hero__form-panel .gform_page_footer .contact-form__submit:not(.contact-form__page-button--previous), .local-hero__form-panel .gform_page_footer button.local-hero__submit:not(.contact-form__page-button--previous), .local-hero__form-panel .gform_page_footer input[type="button"].local-hero__submit:not(.contact-form__page-button--previous) { display: inline-flex !important; align-items: center; justify-content: center; gap: 0.625rem; inline-size: min(100%, var(--local-hero-form-btn-w-mobile)) !important; padding-block: 1.25rem !important; padding-inline: 2.5rem !important; border: 0 !important; border-radius: var(--radius-pill) !important; background-color: var(--color-primary) !important; font-family: var(--font-heading) !important; font-weight: var(--fw-medium) !important; font-size: var(--fs-cta) !important; color: var(--color-text-inverse) !important; } @media (max-width: 1023px) { .local-hero__form-panel .gform_fields, .local-hero__form-panel .gform_wrapper.gravity-theme .gform_fields, .local-hero__form-panel .gform_wrapper.gform-theme .gform_fields { display: flex !important; flex-direction: column !important; gap: var(--local-hero-form-stack-gap) !important; inline-size: 100%; } } @media (min-width: 1024px) { .local-hero__form-panel form.contact-form__estimate-step--1 .gform_fields:not(:has(.contact-form__field--street)), .local-hero__form-panel .gform_fields:not(:has(.contact-form__field--street)), .local-hero__form-panel .gform_wrapper.gravity-theme form.contact-form__estimate-step--1 .gform_fields:not(:has(.contact-form__field--street)), .local-hero__form-panel .gform_wrapper.gform-theme form.contact-form__estimate-step--1 .gform_fields:not(:has(.contact-form__field--street)), .local-hero__form-panel .gform_wrapper.gravity-theme .gform_fields:not(:has(.contact-form__field--street)), .local-hero__form-panel .gform_wrapper.gform-theme .gform_fields:not(:has(.contact-form__field--street)) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-areas: "first-name last-name" "phone email" "service zip" !important; column-gap: var(--local-hero-form-col-gap) !important; row-gap: var(--local-hero-form-col-gap) !important; inline-size: 100%; } .local-hero__form-panel .local-hero__field--first-name, .local-hero__form-panel .gfield.local-hero__field--first-name { grid-area: first-name !important; } .local-hero__form-panel .local-hero__field--last-name, .local-hero__form-panel .gfield.local-hero__field--last-name { grid-area: last-name !important; } .local-hero__form-panel .local-hero__field--phone, .local-hero__form-panel .gfield.local-hero__field--phone { grid-area: phone !important; } .local-hero__form-panel .local-hero__field--email, .local-hero__form-panel .gfield.local-hero__field--email { grid-area: email !important; } .local-hero__form-panel .local-hero__field--service, .local-hero__form-panel .gfield.local-hero__field--service { grid-area: service !important; } .local-hero__form-panel .local-hero__field--zip, .local-hero__form-panel .gfield.local-hero__field--zip { grid-area: zip !important; } .local-hero__form-panel .contact-form__field--first { grid-area: first-name !important; } .local-hero__form-panel .contact-form__field--last { grid-area: last-name !important; } .local-hero__form-panel .contact-form__field--phone { grid-area: phone !important; } .local-hero__form-panel .contact-form__field--email { grid-area: email !important; } .local-hero__form-panel .contact-form__field--service { grid-area: service !important; } .local-hero__form-panel .contact-form__field--zip { grid-area: zip !important; } .local-hero__form-panel .gform_wrapper .ginput_container select, .local-hero__form-panel .gform_wrapper .ginput_container_select select, .local-hero__form-panel .gform_wrapper select.gfield_select { font-size: var(--fs-local-hero-placeholder); letter-spacing: var(--ls-local-hero-placeholder); } .local-hero__form-panel .gform_wrapper .gform_footer, .local-hero__form-panel .gform_wrapper .gform-footer { margin-block-start: calc(var(--local-hero-form-stack-gap) + 1.25rem) !important; } .local-hero__form-panel .gform_wrapper .gform-footer .contact-form__submit, .local-hero__form-panel .gform_footer .local-hero__submit, .local-hero__form-panel .gform_footer button.local-hero__submit, .local-hero__form-panel .gform-footer .local-hero__submit, .local-hero__form-panel .gform-footer button.local-hero__submit { inline-size: auto !important; padding: 1.25rem !important; } } .local-intro { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text-heading); } .local-intro__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .local-intro__bg-img { position: absolute; max-width: none; object-fit: cover; inline-size: 100%; block-size: 199.5%; inset-block-start: -0.01%; inset-inline-start: 0; } .local-intro__inner { position: relative; z-index: 1; box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-intro-pad-y-mobile); padding-inline: var(--space-md); } .local-intro__content { display: flex; flex-direction: column; align-items: center; gap: var(--local-intro-row-gap); inline-size: 100%; } .local-intro__copy { display: flex; flex-direction: column; gap: var(--local-intro-stack-gap); inline-size: 100%; } .local-intro__headline { display: flex; flex-direction: column; align-items: center; gap: var(--local-intro-text-gap-mobile); inline-size: 100%; } .local-intro__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-intro-title-mobile); line-height: var(--lh-local-intro-title-mobile); letter-spacing: var(--ls-local-intro); text-align: center; text-transform: uppercase; color: var(--color-text-heading); } .local-intro__title-desktop { display: none; } .local-intro__title-mobile { display: inline; } .local-intro__lead, .local-intro__body, .local-intro__body-group p { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); line-height: var(--lh-local-intro-body); letter-spacing: var(--ls-local-intro); text-align: start; color: var(--color-text-heading); } .local-intro__lead { font-size: var(--fs-local-intro-lead-mobile); } .local-intro__body, .local-intro__body-group p { font-size: var(--fs-local-intro-body); } .local-intro__body-group { display: flex; flex-direction: column; gap: var(--local-intro-body-gap-mobile); inline-size: 100%; } .local-intro__media { position: relative; margin: 0; inline-size: 100%; max-inline-size: none; } .local-intro__image { display: block; inline-size: 100%; block-size: auto; max-width: 100%; height: auto; object-fit: contain; } @media (min-width: 1024px) { .local-intro__bg-img { inline-size: 100%; block-size: 199.5%; inset-block-start: -0.01%; inset-inline-start: 0; } .local-intro__inner { max-inline-size: calc(var(--local-intro-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--local-intro-pad-y); padding-inline: var(--header-pad-x); } .local-intro__content { flex-direction: row; align-items: center; justify-content: flex-start; gap: var(--local-intro-row-gap); max-inline-size: var(--local-intro-content-max); margin-inline: auto; min-block-size: var(--local-intro-media-h); } .local-intro__copy { flex: 1 1 0; justify-content: center; gap: var(--local-intro-stack-gap); order: 1; min-inline-size: 0; max-inline-size: none; } .local-intro__headline, .local-intro__body-group { display: contents; } .local-intro__headline { align-items: flex-start; } .local-intro__title { max-inline-size: 100%; font-size: var(--fs-local-intro-title); line-height: var(--lh-local-intro-title); letter-spacing: 0; text-align: start; color: var(--color-text); } .local-intro__title-desktop { display: inline; } .local-intro__title-mobile { display: none; } .local-intro__lead, .local-intro__body, .local-intro__body-group p { font-size: var(--fs-local-intro-body); } .local-intro__media { flex: 1 1 0; order: 2; min-inline-size: 0; inline-size: auto; max-inline-size: none; block-size: auto; } .local-intro__image { inline-size: 100%; block-size: auto; height: auto; max-block-size: var(--local-intro-media-h); object-fit: contain; object-position: center; } } @media (max-width: 1023px) { .local-intro__bg-img { inline-size: 411.13%; block-size: 100%; inset-block-start: 0; inset-inline-start: -64.68%; } } .local-services { box-sizing: border-box; overflow-x: clip; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .local-services__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--services-pad-y); padding-inline: var(--header-pad-x); } .local-services__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); inline-size: 100%; max-inline-size: var(--services-content-max); text-align: center; } .local-services__title { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-services-title); line-height: var(--lh-services-title); text-transform: uppercase; color: var(--color-text-heading); } .local-services__intro { margin: 0; max-inline-size: 56rem; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-services-intro); line-height: var(--lh-mega-body); letter-spacing: -0.02em; color: var(--color-text); } .local-services__tabs { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; gap: 0; box-sizing: border-box; inline-size: 100vw; max-inline-size: none; margin-inline: calc(50% - 50vw); padding-block: var(--services-tabs-mobile-pad); padding-inline: var(--services-tabs-mobile-pad); border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-primary); } .local-services__tab { display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; box-sizing: border-box; min-inline-size: 0; min-block-size: var(--services-tab-mobile-size); padding: 0.4375rem 0.25rem; border: none; border-radius: 2.1875rem; background-color: transparent; box-shadow: var(--shadow-services-tab-mobile); font-family: var(--font-heading); font-weight: var(--fw-regular); font-size: var(--fs-services-tab-mobile); line-height: var(--lh-services-tab-mobile); color: var(--color-text-inverse); text-align: center; transition: background-color var(--transition-base), font-weight var(--transition-base); } .local-services__tab.is-active { font-weight: var(--fw-black); } .local-services__tab:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; z-index: 1; } .local-services__tab-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; inline-size: 100%; max-inline-size: 100%; } .local-services__tab-label-line { display: block; white-space: nowrap; } .local-services__tab-icon { inline-size: 24px; block-size: 24px; object-fit: contain; flex-shrink: 0; } .local-services__tab-label-desktop { display: none; } .local-services__tab-label-mobile { display: flex; flex-direction: column; align-items: center; margin-block-start: 0; line-height: var(--lh-services-tab-mobile); } .local-services__tab-divider { flex: 0 0 auto; align-self: center; padding-inline: 0.125rem; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: 1.125rem; line-height: var(--lh-services-tab); color: var(--color-text-inverse); user-select: none; } .local-services__tab-close { display: none; } .local-services__panel { inline-size: 100%; max-inline-size: var(--services-content-max); } .local-services__panel[hidden], .local-services__panel.is-tab-hidden { display: none; } .local-services__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--services-gap); margin: 0; padding: 0; list-style: none; } .local-services__card { min-width: 0; } .local-services__card--large { grid-column: span 3; } .local-services__card--medium { grid-column: span 2; } .local-services__accordion-trigger { display: none; } .local-services__accordion-panel { display: block; block-size: 100%; } .local-services__accordion-panel[hidden] { display: none !important; } .local-services__card-inner { display: flex; flex-direction: column; overflow: clip; block-size: 100%; background-color: var(--color-bg); border: 1px solid var(--color-border-card); border-radius: var(--radius-service-card); box-shadow: var(--shadow-card); } .local-services__card-media { position: relative; overflow: hidden; inline-size: 100%; block-size: var(--services-card-img-h-lg); flex-shrink: 0; background-color: var(--color-tab-inactive); } .local-services__card--medium .local-services__card-media { block-size: var(--services-card-img-h-md); } .local-services__card-image { inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-services__card-body { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-md); box-sizing: border-box; min-block-size: var(--services-card-body-h); padding: var(--space-lg); text-align: center; background-color: var(--color-bg); } .local-services__card-title { margin: 0; max-inline-size: 23rem; font-family: var(--font-heading); font-weight: var(--fw-semibold); font-size: var(--fs-services-card-title); line-height: var(--lh-services-card-title); color: var(--color-text); } .local-services__card-text { margin: 0; max-inline-size: 23rem; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-services-card-body); line-height: var(--lh-services-card-body); letter-spacing: -0.02em; color: var(--color-text); } .local-services__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); padding: 1.25rem; border-radius: var(--radius-pill); background-color: var(--color-primary); color: var(--color-text-inverse); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); white-space: nowrap; transition: background-color var(--transition-base), transform var(--transition-base); } .local-services__cta:hover { background-color: var(--color-primary-hover); } .local-services__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .local-services__cta-label-mobile { display: none; } .local-services__cta-icon { inline-size: 10px; block-size: 10px; flex-shrink: 0; } @media (max-width: 1279px) { .local-services__title { font-size: clamp(2rem, 4vw, var(--fs-services-title)); line-height: 1.1; } .local-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .local-services__card--large, .local-services__card--medium { grid-column: span 1; } .local-services__card-media, .local-services__card--medium .local-services__card-media { block-size: min(var(--services-card-img-h-md), 40vw); } .local-services__card-body { min-block-size: 0; } } @media (max-width: 1023px) { .local-services__inner { gap: var(--space-xl); padding-block: var(--services-pad-y-mobile); padding-inline: var(--space-md); } .local-services__header { gap: var(--space-lg); } .local-services__title { font-size: var(--fs-services-title-mobile); line-height: var(--lh-services-title-mobile); letter-spacing: -0.02em; } .local-services__title br { display: none; } .local-services__intro { font-size: var(--fs-services-intro-mobile); letter-spacing: -0.02em; text-align: start; } .local-services__grid { display: flex; flex-direction: column; gap: var(--space-xs); inline-size: 100%; } .local-services__card--large, .local-services__card--medium { grid-column: auto; inline-size: 100%; max-inline-size: none; } .local-services__card { display: flex; flex-direction: column; gap: 0; } .hub-services__card { border-radius: 0; box-shadow: none; } .local-services__accordion-trigger { display: flex; align-items: center; justify-content: center; gap: 0.625rem; box-sizing: border-box; inline-size: 100%; margin: 0; padding: 1.25rem 2.5rem; border: none; background-color: var(--color-primary); color: var(--color-text-inverse); font-family: var(--font-heading); font-weight: var(--fw-semibold); font-size: 1rem; line-height: 1.875; letter-spacing: -0.02em; text-transform: uppercase; cursor: pointer; touch-action: manipulation; } .local-services__accordion-trigger:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .local-services__accordion-label { text-align: center; } .local-services__accordion-chevron { inline-size: 24px; block-size: 24px; flex-shrink: 0; pointer-events: none; transition: transform var(--transition-base); } .local-services__card.is-open .local-services__accordion-chevron { transform: rotate(180deg); } .local-services__accordion-panel .local-services__card-inner, .local-services__accordion-panel .hub-services__card-inner { border-block-start: none; border-radius: 0; box-shadow: var(--shadow-card); } .local-services__card-media, .local-services__card--medium .local-services__card-media { block-size: var(--services-card-img-h-mobile); } .local-services__card-body { gap: var(--space-xs); min-block-size: var(--services-card-body-h-mobile); } .local-services__card-title { font-size: var(--fs-services-card-title-mobile); line-height: var(--lh-services-card-title-mobile); letter-spacing: -0.02em; } .local-services__card-text { max-inline-size: 12.875rem; font-size: var(--fs-services-card-body-mobile); letter-spacing: -0.02em; } .local-services__cta { inline-size: 100%; max-inline-size: 18.75rem; } .local-services__cta-label-desktop { display: none; } .local-services__cta-label-mobile { display: inline; } } @media (min-width: 1024px) { .local-services__card { display: block; } .local-services__accordion-trigger { display: none; } .local-services__accordion-panel { display: block; block-size: 100%; } .local-services__tabs { flex-wrap: wrap; justify-content: center; gap: var(--services-tab-gap); padding-block: var(--services-tabs-pad-y); padding-inline: clamp(var(--space-md), 11.5vw, var(--services-tabs-pad-x)); border-block-end: none; } .local-services__tab { flex: 0 0 var(--services-tab-w); inline-size: var(--services-tab-w); min-inline-size: 0; min-block-size: 0; padding-block: var(--services-tab-pad-y); padding-inline: 0.1875rem; border: var(--services-tab-border) solid var(--color-text-inverse); border-radius: 0; box-shadow: none; font-family: var(--font-heading); font-size: var(--fs-services-tab); line-height: var(--lh-services-tab); font-weight: var(--fw-medium); } .local-services__tab.is-active { background-color: var(--color-services-tab-active); font-weight: var(--fw-black); } .local-services__tab-inner { flex-direction: row; gap: var(--space-sm); inline-size: auto; } .local-services__tab-label-desktop { display: inline; white-space: nowrap; } .local-services__tab-label-mobile { display: none; } .local-services__tab-divider { display: none; } } .local-shine-plus { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .local-shine-plus__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .local-shine-plus__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-shine-plus__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-shine-plus-pad-y-mobile); padding-inline: var(--space-md); } .local-shine-plus__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); inline-size: 100%; } .local-shine-plus__eyebrow { display: none; margin: 0; font-family: var(--font-eyebrow); font-weight: var(--fw-semibold); font-size: var(--fs-pricing-shine-eyebrow); line-height: var(--lh-pricing-shine-eyebrow); letter-spacing: var(--ls-pricing-shine-eyebrow); text-transform: uppercase; text-align: center; color: var(--color-primary); } .local-shine-plus__headline { display: flex; flex-direction: column; align-items: center; inline-size: 100%; max-inline-size: var(--local-shine-plus-title-max-mobile); } .local-shine-plus__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-intro-title-mobile); line-height: var(--lh-local-intro-title-mobile); letter-spacing: var(--ls-local-intro); text-transform: uppercase; text-align: center; color: var(--color-text); } .local-shine-plus__title-desktop { display: none; } .local-shine-plus__title-mobile { display: inline; } .local-shine-plus__plus { color: var(--color-primary); } .local-shine-plus__subtitle { display: none; margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-intro-body); line-height: var(--lh-local-intro-body); letter-spacing: var(--ls-local-intro); text-align: center; color: var(--color-text); } .local-shine-plus__copy { display: flex; flex-direction: column; align-items: center; gap: var(--space-3xl); inline-size: 100%; } .local-shine-plus__lead, .local-shine-plus__body { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-intro-body); line-height: var(--lh-local-intro-body); letter-spacing: var(--ls-local-intro); text-align: start; color: var(--color-text-heading); } .local-shine-plus__grid { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); margin: 0; padding: 0; list-style: none; inline-size: 100%; } .local-shine-plus__card { box-sizing: border-box; inline-size: 100%; max-inline-size: var(--local-shine-plus-card-w-mobile); padding: var(--local-shine-plus-card-pad-mobile); background-color: var(--color-bg); box-shadow: var(--shadow-local-shine-plus-card-mobile); } .local-shine-plus__card-inner { display: flex; flex-direction: column; align-items: center; gap: var(--local-shine-plus-card-gap-mobile); inline-size: 100%; text-align: center; } .local-shine-plus__icon { flex-shrink: 0; overflow: hidden; inline-size: var(--local-shine-plus-icon-mobile); block-size: var(--local-shine-plus-icon-mobile); border-radius: 50%; } .local-shine-plus__icon-img { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; } img.local-shine-plus__icon-img--desktop { display: none; } img.local-shine-plus__icon-img--mobile { display: block; } .local-shine-plus__card-title { margin: 0; inline-size: 100%; max-inline-size: var(--local-shine-plus-card-title-max); margin-inline: auto; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-pricing-shine-card-title); line-height: var(--lh-pricing-shine-card-title); letter-spacing: var(--ls-local-intro); text-transform: uppercase; color: var(--color-text); } .local-shine-plus__card-title-desktop { display: none; } .local-shine-plus__card-title-mobile { display: inline; } .local-shine-plus__card-text { margin: 0; inline-size: 100%; max-inline-size: var(--local-shine-plus-card-text-max); margin-inline: auto; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-card-body); line-height: var(--lh-pricing-shine-point); letter-spacing: var(--ls-local-intro); color: var(--color-text); } .local-shine-plus__actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-lg); inline-size: 100%; max-inline-size: var(--local-shine-plus-cta-w-mobile); } .local-shine-plus__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: 100%; padding-block: var(--local-shine-plus-cta-pad-y); padding-inline: var(--local-shine-plus-cta-pad-x); border-radius: var(--radius-pill); background-color: var(--color-primary); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; white-space: nowrap; color: var(--color-text-inverse); transition: background-color var(--transition-base), transform var(--transition-base); } .local-shine-plus__cta:hover { background-color: var(--color-primary-hover); } .local-shine-plus__cta:focus-visible { outline-color: var(--color-text); } .local-shine-plus__cta-text--desktop { display: none; } .local-shine-plus__cta-text--mobile { display: inline; } .local-shine-plus__cta-icon { flex-shrink: 0; display: block; } img.local-shine-plus__cta-icon--desktop { display: none; inline-size: 10px; block-size: 10px; } img.local-shine-plus__cta-icon--mobile { display: block; inline-size: 14px; block-size: 14px; } @media (min-width: 768px) { .local-shine-plus__grid { display: grid; grid-template-columns: repeat(2, minmax(0, var(--local-shine-plus-card-w))); grid-auto-rows: 1fr; align-items: stretch; justify-content: center; gap: var(--process-steps-gap); } .local-shine-plus__card { display: flex; flex-direction: column; max-inline-size: none; block-size: 100%; min-block-size: 100%; } .local-shine-plus__card-inner { flex: 1 1 auto; } } @media (min-width: 1024px) { .local-shine-plus__bg-img { inset-block-end: auto; block-size: 230.22%; object-position: top center; } .local-shine-plus__inner { padding-block: var(--local-shine-plus-pad-y); padding-inline: var(--header-pad-x); } .local-shine-plus__header { gap: var(--space-lg); max-inline-size: var(--local-shine-plus-header-max); } .local-shine-plus__eyebrow { display: block; inline-size: 100%; } .local-shine-plus__headline { gap: var(--space-xl); max-inline-size: none; } .local-shine-plus__title { font-size: var(--fs-local-intro-title); line-height: var(--lh-local-intro-title); letter-spacing: 0; } .local-shine-plus__title-desktop { display: inline; } .local-shine-plus__title-mobile { display: none; } .local-shine-plus__subtitle { display: block; max-inline-size: var(--local-shine-plus-subtitle-max); } .local-shine-plus__copy { gap: var(--space-xl); } .local-shine-plus__lead, .local-shine-plus__body { text-align: center; color: var(--color-text); } .local-shine-plus__lead { max-inline-size: var(--local-shine-plus-lead-max); } .local-shine-plus__body { max-inline-size: var(--local-shine-plus-body-max); } .local-shine-plus__card { padding: var(--local-shine-plus-card-pad); border-radius: var(--radius-service-card); box-shadow: var(--shadow-local-shine-plus-card); } .local-shine-plus__card-inner { align-items: center; justify-content: flex-start; gap: var(--space-xl); text-align: center; } .local-shine-plus__icon { inline-size: var(--local-shine-plus-icon); block-size: var(--local-shine-plus-icon); } img.local-shine-plus__icon-img--desktop { display: block; } img.local-shine-plus__icon-img--mobile { display: none; } .local-shine-plus__card-title { max-inline-size: var(--local-shine-plus-card-title-max); } .local-shine-plus__card-title-desktop { display: inline; } .local-shine-plus__card-title-mobile { display: none; } .local-shine-plus__card-text { max-inline-size: var(--local-shine-plus-card-text-max); } .local-shine-plus__actions { flex-direction: row; justify-content: center; align-items: center; gap: var(--space-md); max-inline-size: none; inline-size: auto; } .local-shine-plus__cta { inline-size: auto; padding: var(--local-shine-plus-cta-pad-y); } .local-shine-plus__cta-text--desktop { display: inline; } .local-shine-plus__cta-text--mobile { display: none; } img.local-shine-plus__cta-icon--desktop { display: block; } img.local-shine-plus__cta-icon--mobile { display: none; } } @media (min-width: 1280px) { .local-shine-plus__grid { grid-template-columns: repeat(4, var(--local-shine-plus-card-w)); } } .local-team { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .local-team__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .local-team__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-team__inner { position: relative; z-index: 1; box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-team-pad-y-mobile); padding-inline: var(--space-md); } .local-team__content { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); inline-size: 100%; } .local-team__copy { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; } .local-team__eyebrow { margin: 0; max-inline-size: 18.4375rem; font-family: var(--font-eyebrow); font-weight: var(--fw-semibold); font-size: var(--local-team-eyebrow-fs-mobile); line-height: var(--lh-pricing-shine-eyebrow); letter-spacing: var(--ls-pricing-shine-eyebrow); text-transform: uppercase; text-align: center; color: var(--color-primary); } .local-team__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-intro-title-mobile); line-height: var(--lh-local-intro-title-mobile); letter-spacing: var(--ls-local-intro); text-transform: uppercase; text-align: center; color: var(--color-text); } .local-team__title-desktop { display: none; } .local-team__title-mobile { display: inline; } .local-team__lead { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-local-intro-body); line-height: var(--lh-local-intro-body); letter-spacing: var(--ls-local-intro); text-align: start; color: var(--color-text-muted); } .local-team__body-group { display: flex; flex-direction: column; gap: var(--lh-local-intro-body); inline-size: 100%; } .local-team__body, .local-team__body-group p { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-intro-body); line-height: var(--lh-local-intro-body); letter-spacing: var(--ls-local-intro); text-align: start; color: var(--color-text); } .local-team__card { display: flex; flex-direction: column; align-items: center; gap: var(--local-team-card-gap); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--local-team-card-w-mobile); padding-block: var(--local-team-card-pad-y); padding-inline: var(--space-md); background-color: var(--color-bg); border: 1px solid var(--color-border-subtle); box-shadow: var(--shadow-local-team-card); } .local-team__card-eyebrow { margin: 0; inline-size: 100%; font-family: var(--font-eyebrow); font-weight: var(--fw-semibold); font-size: var(--fs-pricing-shine-eyebrow); line-height: var(--lh-pricing-shine-eyebrow); letter-spacing: var(--ls-pricing-shine-eyebrow); text-transform: uppercase; text-align: center; color: var(--color-text); } .local-team__photo { flex-shrink: 0; overflow: hidden; margin: 0; inline-size: var(--local-team-photo-mobile); block-size: var(--local-team-photo-mobile); border-radius: 50%; } .local-team__photo-img { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-team__card-copy { display: flex; flex-direction: column; align-items: center; gap: var(--local-team-card-gap); inline-size: 100%; text-align: center; } .local-team__name { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-semibold); font-size: var(--fs-pricing-shine-card-title); line-height: var(--lh-mega-label); color: var(--color-text-heading); } .local-team__role, .local-team__bio { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); color: var(--color-text-heading); } .local-team__linkedin { display: inline-flex; align-items: center; gap: 0.75rem; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; color: var(--color-text); } .local-team__linkedin:hover { text-decoration: underline; } .local-team__linkedin:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .local-team__linkedin-icon { flex-shrink: 0; display: block; inline-size: var(--local-team-linkedin-icon); block-size: var(--local-team-linkedin-icon); object-fit: contain; } .local-team__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--local-team-cta-w-mobile); padding: var(--local-shine-plus-cta-pad-y); border-radius: var(--radius-pill); background-color: var(--color-primary); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; white-space: normal; text-align: center; text-wrap: balance; color: var(--color-text-inverse); transition: opacity var(--transition-base); } .local-team__cta:hover { opacity: 0.92; } .local-team__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .local-team__cta-text--desktop { display: none; } .local-team__cta-text--mobile { display: inline; } .local-team__cta-icon { flex-shrink: 0; display: block; inline-size: 10px; block-size: 10px; } @media (min-width: 1024px) { .local-team__bg-img { inset-block-end: auto; block-size: 199.5%; inset-block-start: -0.01%; object-position: top center; } .local-team__inner { max-inline-size: calc(var(--local-team-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--local-team-pad-y); padding-inline: var(--header-pad-x); } .local-team__content { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--local-intro-row-gap); max-inline-size: var(--local-team-content-max); margin-inline: auto; } .local-team__copy { flex: 1 1 0; align-items: flex-start; justify-content: center; gap: var(--space-xl); min-inline-size: 0; max-inline-size: var(--local-team-copy-w); } .local-team__eyebrow { max-inline-size: none; font-size: var(--fs-pricing-shine-eyebrow); text-align: start; } .local-team__title { max-inline-size: var(--local-team-title-w); font-size: var(--fs-local-intro-title); line-height: var(--lh-local-intro-title); letter-spacing: 0; text-align: start; } .local-team__title-desktop { display: inline; } .local-team__title-mobile { display: none; } .local-team__lead, .local-team__body { color: var(--color-text-heading); } .local-team__lead { color: var(--color-text-muted); } .local-team__card { flex: 0 0 auto; justify-content: center; inline-size: min(var(--local-team-card-w), 48%); max-inline-size: var(--local-team-card-w); min-block-size: var(--local-team-card-min-h); padding-inline: var(--local-team-card-pad-x); } .local-team__photo { inline-size: var(--local-team-photo); block-size: var(--local-team-photo); } .local-team__bio { max-inline-size: var(--local-team-bio-max); } .local-team__cta { inline-size: auto; max-inline-size: none; white-space: nowrap; text-wrap: auto; } .local-team__cta-text--desktop { display: inline; } .local-team__cta-text--mobile { display: none; } } @media (min-width: 1536px) { .local-team__card { inline-size: var(--local-team-card-w); max-inline-size: var(--local-team-card-w); } } @media (min-width: 1024px) { .shine-zee-local-homepage .service-areas--homepage { overflow-x: visible; } .shine-zee-local-homepage .service-areas--homepage .service-areas__coverage { grid-row: 2; } .shine-zee-local-homepage .service-areas--homepage .service-areas__actions { grid-row: 3; } .shine-zee-local-homepage .service-areas--homepage .service-areas__visuals--map-only { grid-column: 2; grid-row: 2 / 4; align-self: start; min-inline-size: 0; inline-size: 100%; max-inline-size: var(--local-service-intro-media-w); position: sticky; inset-block-start: calc( var(--site-header-scroll-offset, 8rem) + var(--site-header-utility-scroll, 0px) + var(--wp-admin--admin-bar--height, 0px) ); z-index: 1; } } @media (max-width: 1023px) { .shine-zee-local-homepage .service-areas--homepage .service-areas__coverage { order: 1; } .shine-zee-local-homepage .service-areas--homepage .service-areas__visuals--map-only { display: block; order: 2; inline-size: min(var(--service-areas-map-w-mobile), 100%); } .shine-zee-local-homepage .service-areas--homepage .service-areas__territory-map { order: unset; } .shine-zee-local-homepage .service-areas--homepage .service-areas__actions { order: 3; } } .testimonials { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; background-color: var(--color-bg); color: var(--color-text); } .testimonials__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .testimonials__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center top; } .testimonials__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--testimonials-pad-y-mobile); padding-inline: var(--space-md); } .testimonials__birdeye { box-sizing: border-box; inline-size: min(800px, 100%); } .testimonials__birdeye iframe { inline-size: 100%; max-inline-size: 100%; } .testimonials__intro { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); inline-size: 100%; text-align: center; } .testimonials__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-testimonials-title-mobile); line-height: var(--lh-testimonials-title-mobile); letter-spacing: var(--ls-testimonials-title-mobile); text-transform: uppercase; color: var(--color-text-heading); } .testimonials__title-desktop { display: none; } .testimonials__title-mobile { display: inline; } .testimonials__lead { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-testimonials-lead); line-height: var(--lh-testimonials-lead); letter-spacing: var(--ls-testimonials); text-align: center; color: var(--color-text); } .testimonials__viewport { inline-size: 100%; overflow: hidden; } .testimonials__track { --testimonials-slide-w: min(18rem, calc(100% - 2rem)); display: flex; gap: var(--testimonials-card-gap); margin: 0; padding-block: var(--space-xs); padding-inline: max(0px, calc((100% - var(--testimonials-slide-w)) / 2)); list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .testimonials__track::-webkit-scrollbar { display: none; } .testimonials__slide { flex: 0 0 auto; inline-size: var(--testimonials-slide-w); scroll-snap-align: center; } .testimonials__card { display: flex; flex-direction: column; gap: var(--testimonials-card-stack-mobile); box-sizing: border-box; inline-size: 100%; padding: var(--space-lg); background-color: var(--color-bg); box-shadow: var(--shadow-card); } .testimonials__quote-wrap { display: flex; flex-direction: column; align-items: flex-start; inline-size: 100%; padding-block-end: 2.5rem; border-block-end: 1px solid var(--color-text-heading); } .testimonials__quote-icon { display: block; inline-size: 3.5rem; block-size: auto; } .testimonials__body { display: flex; flex-direction: column; gap: var(--space-lg); inline-size: 100%; } .testimonials__author { display: flex; align-items: center; gap: 1.5625rem; inline-size: 100%; } .testimonials__avatar { flex-shrink: 0; inline-size: var(--testimonials-avatar-mobile); block-size: var(--testimonials-avatar-mobile); border-radius: 50%; object-fit: cover; object-position: center top; } .testimonials__meta { display: flex; flex-direction: column; align-items: flex-start; min-inline-size: 0; } .testimonials__name, .testimonials__rating-value, .testimonials__date { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-semibold); line-height: 2.25rem; color: var(--color-text-heading); } .testimonials__name, .testimonials__rating-value { font-size: var(--fs-testimonials-name-mobile); } .testimonials__rating { display: flex; align-items: center; gap: 0.125rem; } .testimonials__stars { display: inline-flex; align-items: center; gap: 0.125rem; } .testimonials__star { display: block; inline-size: 1rem; block-size: 1rem; object-fit: contain; } .testimonials__date { font-size: var(--fs-testimonials-date); color: var(--color-text-muted); } .testimonials__text { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-testimonials-quote-mobile); line-height: var(--lh-testimonials-quote); letter-spacing: var(--ls-testimonials); color: var(--color-text-heading); } .testimonials__dots { display: flex; align-items: center; justify-content: center; gap: 0.75rem; min-block-size: 0.75rem; } .testimonials__dot { box-sizing: border-box; inline-size: 0.75rem; block-size: 0.75rem; padding: 0; border: 0; border-radius: 50%; background-color: var(--color-text); cursor: pointer; transition: background-color var(--transition-base); } .testimonials__dot.is-active { background-color: var(--color-primary); } .testimonials__dot:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .testimonials__summary { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; inline-size: 100%; max-inline-size: 14.25rem; text-align: center; } .testimonials__summary-stars { display: flex; align-items: center; gap: var(--space-xs); } .testimonials__summary-star { display: block; inline-size: 1.25rem; block-size: 1.25rem; object-fit: contain; } .testimonials__summary-text { margin: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-testimonials-summary-mobile); line-height: normal; letter-spacing: var(--ls-testimonials); color: var(--color-text); } @media (min-width: 1024px) { .testimonials__inner { gap: var(--space-xl); max-inline-size: calc(var(--testimonials-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--testimonials-pad-y); padding-inline: var(--header-pad-x); } .testimonials__title { font-size: var(--fs-testimonials-title); line-height: var(--lh-testimonials-title); letter-spacing: 0; } .testimonials__title-desktop { display: inline; } .testimonials__title-mobile { display: none; } .testimonials__viewport { overflow: visible; } .testimonials__track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--testimonials-card-gap); overflow: visible; padding: var(--space-xs); scroll-snap-type: none; } .testimonials__slide { inline-size: auto; scroll-snap-align: none; } .testimonials__dot { pointer-events: none; } .testimonials__card { gap: var(--space-3xl); padding: 3.75rem 2.5rem; } .testimonials__quote-wrap { padding-block-end: 2.5rem; } .testimonials__quote-icon { inline-size: 5.375rem; } .testimonials__avatar { inline-size: var(--testimonials-avatar); block-size: var(--testimonials-avatar); } .testimonials__name, .testimonials__rating-value { font-size: var(--fs-testimonials-name); } .testimonials__rating { gap: var(--space-xs); } .testimonials__stars { gap: var(--space-xs); } .testimonials__star { inline-size: 1.8125rem; block-size: 1.8125rem; } .testimonials__text { font-size: var(--fs-testimonials-quote); } .testimonials__summary { max-inline-size: 26.875rem; } .testimonials__summary-text { font-size: var(--fs-testimonials-summary); line-height: var(--lh-testimonials-lead); } } .process { position: relative; isolation: isolate; overflow: hidden; background-color: var(--color-process-surface); color: var(--color-text-inverse); } .process__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .process__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .process__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--process-pad-y); padding-inline: var(--space-md); } .process__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; max-inline-size: var(--process-header-max-mobile); text-align: center; } .process__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-title-mobile); line-height: var(--lh-process-title-mobile); letter-spacing: var(--ls-process-title); text-transform: uppercase; color: var(--color-text-inverse); } .process__title-desktop { display: none; } .process__title-mobile { display: inline; } .process__intro { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-intro); line-height: var(--lh-mega-body); letter-spacing: var(--ls-process-body); color: var(--color-text-inverse); } .process__intro-desktop { display: none; } .process__intro-mobile { display: inline; } .process__steps { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); margin: 0; padding: 0; list-style: none; inline-size: 100%; } .process__card { box-sizing: border-box; inline-size: 100%; max-inline-size: var(--process-card-w-mobile); background-color: var(--color-bg); box-shadow: var(--shadow-process-card-mobile); color: var(--color-text); } .process__card-inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--process-card-gap-mobile); box-sizing: border-box; padding: var(--process-card-pad-mobile); } .process__badge { display: flex; flex-shrink: 0; align-items: center; justify-content: center; box-sizing: border-box; inline-size: var(--process-badge-size-mobile); block-size: var(--process-badge-size-mobile); border-radius: var(--radius-pill); background-color: var(--color-process-surface); } .process__badge-num { font-family: var(--font-body-alt); font-weight: var(--fw-black); font-size: var(--fs-process-badge-mobile); line-height: 1; color: var(--color-text-inverse); } .process__card-title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-card-title); line-height: var(--lh-process-card-title); letter-spacing: var(--ls-process-title); text-transform: uppercase; color: var(--color-text); } .process__card-text { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-card-body); line-height: var(--lh-process-card-body); letter-spacing: var(--ls-process-body); color: var(--color-text); } .process__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; min-inline-size: var(--process-cta-min-w-mobile); padding-block: var(--process-cta-pad-y); padding-inline: var(--process-cta-pad-x); border-radius: var(--radius-pill); background-color: var(--color-bg); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; color: var(--color-text); transition: opacity var(--transition-base), transform var(--transition-base); } .process__cta:hover { opacity: 0.92; } .process__cta:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .process__cta-icon { display: block; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; } @media (min-width: 1024px) { .process__inner { gap: var(--space-xl); padding-inline: var(--header-pad-x); } .process__header { gap: var(--space-xl); max-inline-size: var(--process-header-max); } .process__title { font-size: var(--fs-process-title); line-height: var(--lh-process-title); letter-spacing: 0; } .process__title-desktop { display: inline; } .process__title-mobile { display: none; } .process__intro-desktop { display: inline; } .process__intro-mobile { display: none; } .process__steps { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: var(--process-steps-gap); } .process__card { max-inline-size: none; inline-size: var(--process-card-w); box-shadow: var(--shadow-process-card); } .process__card-inner { align-items: center; gap: var(--space-xl); padding: var(--space-lg); text-align: center; } .process__badge { inline-size: var(--process-badge-size); block-size: var(--process-badge-size); } .process__badge-num { font-size: var(--fs-process-badge); line-height: var(--lh-process-badge); } .process__card-text { max-inline-size: var(--process-card-text-max); } .process__cta { min-inline-size: 0; } } @media (min-width: 1024px) { .process--service-page-detail .process__inner { padding-block: var(--process-pad-y-detail); } .process--service-page-detail .process__card { min-block-size: var(--process-card-h-detail); } .process--service-page-detail .process__card-inner { justify-content: center; } } @media (min-width: 1024px) { .process--local .process__inner { padding-block: var(--process-pad-y-detail); } .process--local .process__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; } .process--local .process__card { inline-size: 100%; max-inline-size: var(--process-local-card-w); justify-self: center; min-block-size: var(--process-local-card-h); border-radius: var(--radius-service-card); } .process--local .process__card-inner { justify-content: center; min-block-size: var(--process-local-card-h); } .process--local .process__badge { inline-size: var(--process-local-badge); block-size: var(--process-local-badge); } .process--local .process__badge-num { font-size: var(--fs-process-local-badge); } .process--local .process__card-text { max-inline-size: var(--process-local-card-text-max); } } .local-guarantee { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .local-guarantee__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .local-guarantee__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-guarantee__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--local-guarantee-section-gap-mobile); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-guarantee-pad-y-mobile); padding-inline: var(--space-xs); } .local-guarantee__header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xl); inline-size: 100%; text-align: start; } .local-guarantee__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-v2-shine-title-mobile); line-height: var(--lh-process-v2-shine-title-mobile); letter-spacing: var(--ls-process-v2-shine); text-transform: uppercase; color: var(--color-text); } .local-guarantee__title-desktop { display: none; } .local-guarantee__title-mobile { display: inline; } .local-guarantee__lead { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-process-v2-shine-intro); line-height: var(--lh-process-v2-shine-intro); letter-spacing: var(--ls-process-v2-shine); color: var(--color-text-muted); } .local-guarantee__body { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-v2-shine-intro); line-height: var(--lh-process-v2-shine-intro); letter-spacing: var(--ls-process-v2-shine); color: var(--color-text); } .local-guarantee__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs); inline-size: 100%; margin: 0; padding: 0; list-style: none; } .local-guarantee__card { display: flex; box-sizing: border-box; min-block-size: var(--local-guarantee-card-h-mobile); padding: var(--local-guarantee-card-pad-mobile); border: 1px solid var(--color-border-subtle); background-color: var(--color-bg); box-shadow: var(--shadow-local-guarantee-card-mobile); } .local-guarantee__card:nth-child(5) { grid-column: 1 / -1; justify-self: center; inline-size: var(--local-guarantee-card-w-mobile); } .local-guarantee__card-inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xs); inline-size: 100%; } .local-guarantee__icon { flex-shrink: 0; overflow: hidden; inline-size: var(--local-guarantee-icon-mobile); block-size: var(--local-guarantee-icon-mobile); } .local-guarantee__icon-img { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: contain; } .local-guarantee__card-title { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-semibold); font-size: var(--local-guarantee-card-title-fs-mobile); line-height: normal; text-transform: capitalize; color: var(--color-text); } .local-guarantee__cta { display: none; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; padding-block: var(--process-v2-shine-cta-pad-y); padding-inline: var(--process-v2-shine-cta-pad-x); border-radius: var(--radius-pill); background-color: var(--color-primary); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; white-space: nowrap; color: var(--color-text-inverse); transition: opacity var(--transition-base); } .local-guarantee__cta:hover { opacity: 0.9; } .local-guarantee__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .local-guarantee__cta-icon { flex-shrink: 0; display: block; inline-size: 0.875rem; block-size: 0.875rem; } @media (max-width: 1023px) { .local-guarantee__bg-img { inline-size: 236.56%; block-size: 100%; inset-block-start: 0; inset-inline-start: -34.58%; object-fit: cover; } } @media (min-width: 1024px) { .local-guarantee__inner { gap: var(--local-guarantee-section-gap); padding-block: var(--local-guarantee-pad-y); padding-inline: var(--header-pad-x); } .local-guarantee__header { align-items: center; gap: var(--local-guarantee-section-gap); max-inline-size: var(--local-guarantee-copy-max); text-align: center; } .local-guarantee__title { font-size: var(--fs-process-v2-shine-title); line-height: var(--lh-process-v2-shine-title); letter-spacing: var(--ls-process-v2-shine); } .local-guarantee__title-desktop { display: inline; } .local-guarantee__title-mobile { display: none; } .local-guarantee__lead, .local-guarantee__body { max-inline-size: var(--local-guarantee-copy-max); } .local-guarantee__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--local-guarantee-card-gap); max-inline-size: none; } .local-guarantee__card { flex: 0 0 var(--local-guarantee-card-w); min-block-size: var(--local-guarantee-card-h); padding: 0; box-shadow: var(--shadow-local-guarantee-card); } .local-guarantee__card:nth-child(5) { grid-column: auto; justify-self: auto; inline-size: var(--local-guarantee-card-w); } .local-guarantee__card-inner { align-items: center; justify-content: center; gap: var(--local-guarantee-card-inner-gap); block-size: 100%; padding-inline: var(--space-md); text-align: center; } .local-guarantee__icon { inline-size: var(--local-guarantee-icon); block-size: var(--local-guarantee-icon); } .local-guarantee__card-title { font-family: var(--font-heading); font-weight: var(--fw-extrabold); font-size: var(--local-guarantee-card-title-fs); line-height: var(--local-guarantee-lh-card-title); text-transform: uppercase; } .local-guarantee__cta { display: inline-flex; } } .local-blog { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .local-blog__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .local-blog__bg-img { position: absolute; max-width: none; object-fit: cover; inline-size: 100%; block-size: var(--local-blog-bg-h); inset-block-start: -0.01%; inset-inline-start: 0; } .local-blog__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--local-blog-pad-y-mobile); padding-inline: var(--space-md); } .local-blog__header { display: flex; flex-direction: column; align-items: center; inline-size: 100%; text-align: center; } .local-blog__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-blog-title-mobile); line-height: var(--lh-local-blog-title-mobile); letter-spacing: var(--ls-local-blog-title-mobile); text-transform: uppercase; color: var(--color-text-heading); } .local-blog__feature { display: flex; flex-direction: column; align-items: center; gap: var(--local-blog-card-gap-mobile); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--local-blog-card-w-mobile); padding: var(--local-blog-card-pad-mobile); border: 1px solid var(--color-border-subtle); border-radius: 0; background-color: var(--color-bg); box-shadow: var(--shadow-card); } .local-blog__media { display: block; flex-shrink: 0; overflow: hidden; inline-size: 100%; max-inline-size: var(--local-blog-media-w-mobile); aspect-ratio: 245 / 164; margin: 0; } .local-blog__media-img { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .local-blog__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--local-blog-copy-gap); inline-size: 100%; } .local-blog__post-title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-local-blog-post-title-mobile); line-height: var(--lh-local-blog-post-title-mobile); letter-spacing: var(--ls-local-blog-post-title-mobile); text-transform: uppercase; color: var(--color-text); } .local-blog__post-title a { font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; text-decoration: none; } .local-blog__excerpt { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-local-blog-excerpt); line-height: var(--lh-local-blog-excerpt); letter-spacing: var(--ls-local-blog-excerpt); color: var(--color-text); } .local-blog__cta { display: inline-flex; align-items: center; gap: var(--space-sm); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; color: var(--color-primary); transition: opacity var(--transition-base); } .local-blog__cta:hover { opacity: 0.88; } .local-blog__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: var(--space-2xs); } .local-blog__cta-icon { flex-shrink: 0; display: block; inline-size: 0.4375rem; block-size: 0.875rem; } .local-blog__dots { display: flex; align-items: center; justify-content: center; gap: 0.75rem; min-block-size: 0.75rem; } .local-blog__dot { inline-size: 0.75rem; block-size: 0.75rem; border-radius: 50%; background-color: var(--color-text); } .local-blog__dot.is-active { background-color: var(--color-primary); } @media (min-width: 1024px) { .local-blog__inner { padding-block: var(--local-blog-pad-y); padding-inline: var(--header-pad-x); } .local-blog__title { font-size: var(--fs-local-blog-title); line-height: var(--lh-local-blog-title); letter-spacing: 0; } .local-blog__feature { flex-direction: row; align-items: center; justify-content: center; gap: var(--local-blog-layout-gap); max-inline-size: none; padding: 0; border: 0; box-shadow: none; background-color: transparent; } .local-blog__media { flex: 0 0 var(--local-blog-media-w); max-inline-size: var(--local-blog-media-w); aspect-ratio: 874 / 575; } .local-blog__copy { flex: 0 1 var(--local-blog-copy-w); max-inline-size: var(--local-blog-copy-w); min-block-size: var(--local-blog-copy-h); justify-content: center; } .local-blog__post-title { font-size: var(--fs-local-blog-post-title); line-height: normal; letter-spacing: var(--ls-local-blog-post-title); } .local-blog__dots { display: none; } } @media (max-width: 1023px) { .local-blog__bg-img { inline-size: 411.13%; block-size: 100%; inset-block-start: 0; inset-inline-start: -64.68%; } } .cta-v2 { position: relative; isolation: isolate; overflow: hidden; background-color: var(--color-primary); color: var(--color-text-inverse); border-block-end: 1px solid var(--color-border-subtle); } .cta-v2__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .cta-v2__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .cta-v2__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--cta-v2-pad-y-mobile); padding-inline: var(--space-md); } .cta-v2__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; text-align: center; } .cta-v2__title { margin: 0; inline-size: 100%; max-inline-size: var(--cta-v2-title-max-mobile); font-family: var(--font-body-alt); font-weight: var(--fw-black); font-size: var(--fs-cta-v2-title-mobile); line-height: var(--lh-cta-v2-title-mobile); letter-spacing: var(--ls-cta-v2-title-mobile); text-align: center; text-transform: uppercase; color: var(--color-text-inverse); } .cta-v2__title-desktop { display: none; } .cta-v2__title-mobile { display: inline; } .cta-v2__text { margin: 0; inline-size: 100%; max-inline-size: var(--cta-v2-title-max-mobile); font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-cta-v2-body-mobile); line-height: var(--lh-cta-v2-body); letter-spacing: var(--ls-cta-v2-title-mobile); text-align: center; color: var(--color-text-inverse); } .cta-v2__text br { display: none; } .cta-v2__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; padding-block: var(--cta-v2-btn-pad-y); padding-inline: var(--cta-v2-btn-pad-x); border-radius: var(--radius-pill); border: 1px solid var(--color-primary); background-color: var(--color-bg); font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); letter-spacing: var(--ls-cta); text-decoration: none; white-space: nowrap; color: var(--color-primary); transition: background-color var(--transition-base), opacity var(--transition-base); } .cta-v2__btn:hover { opacity: 0.92; } .cta-v2__btn:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .cta-v2__btn-text--desktop { display: none; } .cta-v2__btn-text--mobile { display: inline; } .cta-v2__btn-icon { display: block; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; } @media (min-width: 1024px) { .cta-v2__inner { padding-block: var(--cta-v2-pad-y); padding-inline: var(--header-pad-x); } .cta-v2__header { gap: var(--space-xl); max-inline-size: var(--cta-v2-title-max); } .cta-v2__title { max-inline-size: var(--cta-v2-title-max); font-family: var(--font-heading); font-size: var(--fs-cta-v2-title); line-height: var(--lh-cta-v2-title); letter-spacing: 0; } .cta-v2__title-desktop { display: inline; } .cta-v2__title-mobile { display: none; } .cta-v2__text { max-inline-size: var(--cta-v2-body-max); font-size: var(--fs-cta-v2-body); } .cta-v2__text br { display: inline; } .cta-v2__btn { border-color: transparent; } .cta-v2__btn-text--desktop { display: inline; } .cta-v2__btn-text--mobile { display: none; } } @media (min-width: 1024px) { .cta-v2--service-detail .cta-v2__inner { gap: 3.75rem; padding-block: 8.75rem; } } .cta-v2--local .cta-v2__bg-img { object-fit: cover; object-position: center top; } .cta-v2--local .cta-v2__title { text-transform: uppercase; } .cta-v2--local .cta-v2__actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--cta-v2-local-actions-gap); inline-size: 100%; max-inline-size: var(--cta-v2-title-max-mobile); } .cta-v2--local .cta-v2__btn { border-color: transparent; background-color: var(--color-text); color: var(--color-text-inverse); } .cta-v2--local .cta-v2__btn:hover { opacity: 0.88; } .cta-v2--local .cta-v2__btn:focus-visible { outline-color: var(--color-text-inverse); } .cta-v2--local .cta-v2__btn-icon--phone { inline-size: var(--cta-v2-local-phone-icon); block-size: var(--cta-v2-local-phone-icon); } @media (min-width: 1024px) { .cta-v2--local .cta-v2__bg-img { inset: 0; inline-size: 100%; block-size: var(--cta-v2-local-bg-h); inset-block-start: 0.01%; inset-inline-start: 0; } .cta-v2--local .cta-v2__actions { flex-direction: row; align-items: center; justify-content: center; max-inline-size: none; } .cta-v2--local .cta-v2__btn { flex: 0 0 auto; } } .faq-v1 { box-sizing: border-box; border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .faq-v1__inner { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--faq-pad-y-mobile); padding-inline: var(--space-md); } .faq-v1__header { display: flex; flex-direction: column; align-items: center; inline-size: 100%; text-align: center; } .faq-v1__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-faq-title-mobile); line-height: var(--lh-faq-title-mobile); letter-spacing: var(--ls-faq-title-mobile); text-transform: uppercase; color: var(--color-text); } .faq-v1__list { display: flex; flex-direction: column; gap: var(--faq-item-gap); inline-size: 100%; max-inline-size: var(--faq-content-max); } .faq-v1__item { display: flex; flex-direction: column; gap: var(--faq-item-gap-inner-mobile); box-sizing: border-box; padding: var(--space-md); border-radius: var(--radius-faq); background-color: var(--color-bg); box-shadow: var(--shadow-card); } .faq-v1__item:not(.is-open) { gap: 0; } .faq-v1__question-wrap { margin: 0; } .faq-v1__trigger { display: flex; align-items: center; justify-content: space-between; gap: var(--faq-question-gap); box-sizing: border-box; inline-size: 100%; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; } .faq-v1__trigger:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; border-radius: var(--space-2xs); } .faq-v1__question { flex: 1 1 auto; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-faq-question); line-height: var(--lh-faq-body); letter-spacing: var(--ls-faq-body); color: var(--color-text); } .faq-v1__icon { flex: 0 0 auto; inline-size: 0.75rem; font-family: var(--font-body-alt); font-weight: var(--fw-medium); font-size: var(--fs-faq-icon-mobile); line-height: var(--lh-faq-body); letter-spacing: var(--ls-faq-body); text-align: center; color: var(--color-text); } .faq-v1__icon::before { content: "+"; } .faq-v1__item.is-open .faq-v1__icon::before { content: "−"; } .faq-v1__panel { box-sizing: border-box; } .faq-v1__panel[hidden] { display: none; } .faq-v1__answer { margin: 0; padding: var(--faq-answer-pad); font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-faq-answer); line-height: var(--lh-faq-body); letter-spacing: var(--ls-faq-body); color: var(--color-text); } @media (min-width: 1024px) { .faq-v1 { border-block-end: 0; } .faq-v1__inner { padding-block: var(--faq-pad-y); padding-inline: var(--header-pad-x); } .faq-v1__title { font-size: var(--fs-faq-title); line-height: var(--lh-faq-title); letter-spacing: 0; color: var(--color-text-heading); } .faq-v1__item { gap: var(--faq-item-gap-inner); } .faq-v1__icon { font-size: var(--fs-faq-icon); } }