:root { --color-primary: #cc092f; --color-primary-hover: #a80726; --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; --mega-pad-inline-extra: 3.75rem; --mega-pad-block: 2rem; --mega-panel-min-h: min-content; --mega-heading-inner-gap: 0.75rem; --mega-heading-list-gap: 1.5rem; --mega-row-gap: 0.75rem; --local-hero-content-top: 6.8125rem; --local-hero-min-h-mobile: 32.875rem; --local-hero-pad-y-mobile: 1.75rem; --hero-min-h: 46.625rem; --hero-content-w: 41rem; --hero-content-top: 11.125rem; --hero-title-max-detail: 47.1875rem; --hero-content-top-detail: 9.875rem; --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-why-shine: 47.4375rem; --hero-content-top-why-shine: 17.6875rem; --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; --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-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-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); --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; --cta-v1-about-pad-y: 8.75rem; --cta-v1-about-stack-gap: 3.75rem; --cta-v1-about-body-max: 64.9375rem; --cta-v1-about-actions-w: 59.4375rem; --cta-v1-about-btn-w: 18.75rem; --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; --color-blog-text: #212529; --color-blog-muted: #a1a1a1; --color-blog-link: #167c30; --color-blog-callout-bg: rgba(204, 255, 191, 0.7); --color-blog-callout-border: #0f4a00; --color-blog-card-border: #ebebeb; --fs-blog-title: 3.75rem; --fs-blog-title-mobile: 1.75rem; --fs-blog-h2: 3.75rem; --fs-blog-h2-mobile: 1.75rem; --fs-blog-h3: 3rem; --fs-blog-h3-mobile: 1.5rem; --fs-blog-lead: 1.25rem; --fs-blog-body: 1.125rem; --fs-blog-body-mobile: 1rem; --fs-blog-meta: 1.125rem; --fs-blog-meta-mobile: 0.875rem; --fs-blog-breadcrumb: 1.125rem; --fs-blog-breadcrumb-mobile: 0.75rem; --fs-blog-box-title: 2.5rem; --fs-blog-box-title-mobile: 1.25rem; --fs-blog-quote: 2.5rem; --fs-blog-quote-mobile: 1.375rem; --lh-blog-body: 1.875rem; --lh-blog-quote: 2.9375rem; --lh-blog-quote-mobile: 1.75rem; --lh-blog-breadcrumb: 1.875rem; --ls-blog: -0.02em; --blog-content-max: 92.5rem; --blog-pad-y: 8.75rem; --blog-pad-y-mobile: 3.5rem; --blog-stack-gap: 1.5rem; --blog-hero-h: 33rem; --blog-hero-h-mobile: 13.5rem; --blog-box-pad: 2.25rem; --blog-box-pad-mobile: 1.25rem; --blog-icon-meta: 1.5625rem; --blog-icon-callout: 2.375rem; --blog-icon-quote: 5.625rem; --blog-icon-quote-mobile: 3rem; --blog-author-max: 47.8125rem; --blog-author-photo: 4.3125rem; --radius-blog-faq: 1.25rem; --shadow-blog-card: 0 4px 20px 0 rgba(0, 0, 0, 0.05); --shadow-blog-author: 0 4px 10px 0 rgba(0, 0, 0, 0.05); --fs-error-404-code: 7.5rem; --fs-error-404-code-mobile: 4.5rem; --error-404-pad-y: 7.5rem; --error-404-pad-y-mobile: 3.5rem; --error-404-copy-max: 40rem; --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)); } } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc( var(--site-header-scroll-offset, 8rem) + var(--site-header-utility-scroll, 0px) + var(--wp-admin--admin-bar--height, 0px) ); } body { margin: 0; font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-nav); line-height: var(--lh-nav); color: var(--color-text); background-color: var(--color-bg); } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; } button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } ul, ol { margin: 0; padding: 0; list-style: none; } h1, h2, h3, h4, h5, h6, p { margin: 0; } :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .skip-link { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; z-index: 100000; } .skip-link:focus, .skip-link:focus-visible { position: fixed; inset-block-start: var(--space-sm, 8px); inset-inline-start: var(--space-sm, 8px); inline-size: auto; block-size: auto; margin: 0; padding: var(--space-sm, 8px) var(--space-md, 16px); overflow: visible; clip: auto; white-space: normal; background-color: var(--color-bg, #fff); color: var(--color-text, #111); font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-nav); line-height: var(--lh-nav); box-shadow: 0 0 0 2px var(--color-primary, currentColor); } .site-header { position: sticky; top: 0; z-index: 100; background-color: var(--color-bg); } .site-header__utility { background-color: var(--color-bg-utility); } .site-header__utility-inner { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-md); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding: var(--header-pad-y) var(--header-pad-x); } .site-header__utility-list { display: flex; align-items: center; gap: var(--space-md); } .site-header__utility-link { display: inline-flex; align-items: center; gap: var(--space-2xs); font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-nav); line-height: var(--lh-nav); color: var(--color-text-inverse); white-space: nowrap; transition: opacity var(--transition-base); } .site-header__utility-link:hover { opacity: 0.85; } .site-header__utility-link:focus-visible { outline-color: var(--color-text-inverse); } .site-header__utility-icon { inline-size: 20px; block-size: 20px; flex-shrink: 0; object-fit: contain; } .site-header__bar { position: relative; z-index: 2; background-color: var(--color-bg); } .site-header__bar-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding: var(--header-bar-pad-y, var(--header-pad-y)) var(--header-pad-x); flex-wrap: nowrap; } .site-header__logo { flex-shrink: 0; display: block; inline-size: var(--header-logo-w); } .site-header__logo-img { inline-size: 100%; block-size: auto; aspect-ratio: 163 / 91.113; object-fit: contain; } .site-header__toggle { display: none; position: relative; align-items: center; justify-content: center; inline-size: 2.75rem; block-size: 2.75rem; margin-inline-start: auto; } .site-header__toggle-hamburger { display: block; inline-size: 1.375rem; block-size: 2px; background-color: var(--color-primary); box-shadow: 0 -7px 0 var(--color-primary), 0 7px 0 var(--color-primary); transition: opacity var(--transition-base); } .site-header__toggle-close { display: none; inline-size: 22px; block-size: 22px; } .site-header__toggle-close-img { inline-size: 100%; block-size: 100%; } .site-header.is-nav-open .site-header__toggle-hamburger { display: none; } .site-header.is-nav-open .site-header__toggle-close { display: block; } .visually-hidden { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .site-header__label--mobile { display: none; } .site-header__nav-wrap { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--nav-cta-gap); flex: 1 1 auto; justify-content: flex-end; min-inline-size: 0; } .site-header__nav { flex: 0 1 auto; min-inline-size: 0; } .site-header__menu { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--nav-gap); } .site-header__item { flex-shrink: 0; } a.site-header__trigger { text-decoration: none; } .site-header__trigger-group { display: inline-flex; align-items: center; gap: var(--space-sm); } .site-header__trigger-link { text-decoration: none; } .site-header__trigger-toggle { margin: 0; padding: 0; border: none; background: transparent; cursor: pointer; font: inherit; color: inherit; } .site-header__trigger-toggle:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 2px; } .site-header__trigger-group:has(.site-header__trigger[aria-expanded="true"]) .site-header__trigger-link { color: var(--color-primary); } .site-header__trigger, .site-header__link { display: inline-flex; align-items: center; gap: var(--space-sm); font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-nav); line-height: var(--lh-nav); color: var(--color-text); white-space: nowrap; transition: color var(--transition-base); } .site-header__trigger:hover, .site-header__link:hover { color: var(--color-primary); } .site-header__trigger[aria-expanded="true"] { color: var(--color-primary); } .site-header__chevron { inline-size: 29px; block-size: 24px; flex-shrink: 0; transition: transform var(--transition-base); } .site-header__trigger[aria-expanded="true"] .site-header__chevron { transform: rotate(180deg); } .site-header__actions { flex-shrink: 0; } .site-header__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); min-block-size: 2.875rem; padding: var(--space-sm) var(--space-lg); 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); } .site-header__cta:hover { background-color: var(--color-primary-hover); } .site-header__cta:focus-visible { outline-color: var(--color-text); } .site-header__cta-icon { inline-size: 11px; block-size: 11px; flex-shrink: 0; } .site-header__mobile-submenu-region { display: none; } .site-header__nav-bg { display: none; } .site-header__mega-region { position: absolute; inset-inline: 0; top: 100%; inline-size: 100%; z-index: 5; } .site-header__mega { position: relative; overflow: hidden; border-bottom: var(--mega-border-b) solid var(--color-primary); box-shadow: var(--shadow-mega); background-color: var(--color-bg); } .site-header__mega[hidden] { display: none; } .site-header__mega-inner { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: flex-start; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; min-block-size: var(--mega-panel-min-h); padding-block: var(--mega-pad-block); padding-inline: var(--header-pad-x); padding-inline-start: calc(var(--header-pad-x) + var(--mega-pad-inline-extra)); } .site-header__mega-links-col { display: flex; flex-direction: column; gap: var(--mega-heading-list-gap); inline-size: 100%; max-inline-size: var(--mega-col-links); } .site-header__mega-links-col:has(.site-header__mega-list > li:nth-child(8)) { max-inline-size: calc(2 * var(--mega-col-links) + var(--mega-content-gap)); } .site-header__mega-heading { display: flex; flex-direction: column; gap: var(--mega-heading-inner-gap); align-items: flex-start; } .site-header__mega-title { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-mega-label); line-height: var(--lh-mega-label); letter-spacing: var(--ls-mega-label); text-transform: uppercase; color: var(--color-primary); } .site-header__mega-divider { inline-size: min(100%, var(--mega-divider-w)); block-size: auto; } .site-header__mega-list { --mega-menu-column-rows: 7; display: grid; grid-template-rows: repeat(var(--mega-menu-column-rows), auto); grid-auto-flow: column; grid-auto-columns: max-content; column-gap: var(--mega-content-gap); row-gap: var(--mega-row-gap); margin: 0; padding: 0; list-style: none; font-family: var(--font-heading); font-weight: var(--fw-regular); font-size: var(--fs-mega-link); line-height: var(--lh-mega-link); letter-spacing: var(--ls-mega-link); } .site-header__mega-link { display: inline-block; transition: color var(--transition-base); } .site-header__mega-link:hover { color: var(--color-primary); } @media (max-width: 1599px) { .site-header { --nav-gap: 1.25rem; --nav-cta-gap: 1.5rem; --header-logo-w: 7.25rem; } .site-header__bar-inner { gap: var(--space-md); } } @media (max-width: 1399px) { .site-header { --nav-gap: 0.875rem; --nav-cta-gap: 1rem; } .site-header__chevron { inline-size: 22px; block-size: 18px; } } @media (max-width: 1023px) { body.is-site-header-nav-open { overflow: hidden; } .site-header__utility { display: none; } .site-header__bar-inner { padding: var(--space-xs) var(--space-md); } .site-header__logo { inline-size: var(--header-logo-w-mobile); } .site-header__toggle { display: flex; } .site-header__mega-region { display: none; } .site-header__nav-wrap { position: absolute; inset-inline: 0; top: 100%; display: none; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--space-sm); max-block-size: calc(100vh - 4.8125rem); overflow-y: auto; padding: var(--space-2xl) var(--space-xl); background-color: var(--color-bg); border-bottom: var(--mega-border-b) solid var(--color-primary); box-shadow: var(--shadow-mega); } .site-header.is-nav-open .site-header__nav-wrap { display: flex; } .site-header__nav-bg { display: block; position: absolute; inset: 0; pointer-events: none; z-index: 0; } .site-header__nav-bg-img { inline-size: 100%; block-size: 100%; object-fit: cover; opacity: 0.2; } .site-header__nav, .site-header__mobile-submenu-region, .site-header__actions { position: relative; z-index: 1; inline-size: 100%; max-inline-size: 20.1875rem; } .site-header__menu { flex-direction: column; align-items: stretch; gap: var(--space-md); } .site-header__label--desktop { display: none; } .site-header__label--mobile { display: inline; } .site-header__trigger, .site-header__link { inline-size: 100%; justify-content: center; padding-block: 0; font-family: var(--font-heading); font-weight: var(--fw-regular); font-size: var(--fs-nav); line-height: var(--lh-mega-link); letter-spacing: var(--ls-cta); text-align: center; white-space: normal; } .site-header__chevron, .site-header__trigger-toggle { display: none; } .site-header__trigger-group { inline-size: 100%; } .site-header__mobile-submenu-region { display: block; margin-block-start: 0; } .site-header__mobile-submenu[hidden] { display: none; } .site-header__mobile-submenu { position: relative; inline-size: 100%; padding: var(--space-2xl) var(--space-xl); background-color: var(--color-primary); box-shadow: var(--shadow-mobile-submenu-inset); } .site-header__mobile-submenu-list { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-md); max-inline-size: 17.0625rem; margin-inline: auto; } .site-header__mobile-submenu-link { display: block; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-mobile-submenu); line-height: var(--lh-mobile-submenu); letter-spacing: var(--ls-mobile-submenu); text-transform: uppercase; text-align: center; color: var(--color-text-inverse); transition: opacity var(--transition-base); } .site-header__mobile-submenu-link:hover { opacity: 0.85; } .site-header__mobile-submenu-link:focus-visible { outline-color: var(--color-text-inverse); } .site-header__actions { display: flex; justify-content: center; padding-block-start: var(--space-xl); } .site-header__cta { inline-size: auto; } } .site-header__utility--has-location .site-header__utility-inner { justify-content: space-between; } .site-header__location { display: flex; align-items: center; gap: var(--space-md); min-inline-size: 0; font-family: var(--font-body); font-weight: var(--fw-medium); font-size: var(--fs-nav); line-height: var(--lh-nav); color: var(--color-text-inverse); } .site-header__location-pin { flex-shrink: 0; color: var(--color-primary); } .site-header__location-text { white-space: nowrap; } .site-footer__contact[data-shine-location-footer] { display: flex; flex-direction: column; align-items: center; gap: 0.9375rem; } .site-footer__contact[data-shine-location-footer] .site-footer__contact-line, .site-footer__contact[data-shine-location-footer] .site-footer__contact-link { font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-footer-tagline); line-height: var(--lh-footer-tagline); letter-spacing: var(--ls-footer); color: var(--color-footer-text); } .site-footer__contact[data-shine-location-footer] .site-footer__contact-link:hover, .site-footer__contact[data-shine-location-footer] .site-footer__contact-link:focus-visible { color: var(--color-footer-link-hover); } @media (min-width: 1024px) { .site-footer__contact[data-shine-location-footer] { align-items: flex-start; max-inline-size: var(--footer-tagline-max); } } @media (max-width: 1023px) { .site-header__utility.site-header__utility--has-location { display: block; } .site-header__utility--has-location .site-header__utility-list { display: none; } .site-header__utility--has-location .site-header__utility-inner { justify-content: flex-start; padding: var(--space-xs) var(--space-md); } .site-header__location { flex-wrap: wrap; gap: var(--space-2xs) var(--space-md); font-size: 0.875rem; } .site-header__location-text { flex: 1 1 calc(100% - 2rem); white-space: normal; } .site-header__location .site-header__utility-link { font-size: inherit; line-height: inherit; } .site-header__location .site-header__utility-icon { inline-size: 16px; block-size: 16px; } } .hero-image { position: relative; display: flex; align-items: stretch; overflow: hidden; isolation: isolate; min-block-size: var(--hero-min-h); color: var(--color-text-inverse); background-color: #141814; } .hero-image__media { position: absolute; inset: 0; z-index: 0; pointer-events: none; } .hero-image__bg { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; } .hero-image__bg--desktop { display: block; object-position: center center; } .hero-image__bg--mobile { display: none; object-position: center top; } .hero-image__media picture .hero-image__bg--responsive { display: block; object-position: center center; } .hero-image__media::before, .hero-image__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; } .hero-image__media::before { z-index: 1; background-color: var(--color-primary); mix-blend-mode: multiply; 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% ); } .hero-image__media::after { display: none; z-index: 2; background-color: rgba(0, 0, 0, 0.4); } .hero-image__diagonal-img { display: none; } .hero-image__portrait { position: absolute; inset-block-start: clamp(40px, 4.5vw, 64px); inset-block-end: 0; inset-inline-end: clamp(0px, 2vw, 40px); inset-inline-start: auto; z-index: 2; display: flex; align-items: flex-end; justify-content: center; inline-size: 48%; max-inline-size: 920px; overflow: hidden; } .hero-image__portrait-img { display: block; inline-size: auto; block-size: 100%; max-inline-size: 100%; object-fit: contain; object-position: center bottom; } .hero-image--composite .hero-image__portrait { display: none; } .hero-image--composite .hero-image__bg--desktop { object-position: right center; } .hero-image--composite .hero-image__bg--mobile { object-position: 70% center; } .hero-image--service-page .hero-image__bg--desktop { object-position: 72% 42%; } .hero-image--service-page .hero-image__bg--mobile { object-position: 70% 35%; } .hero-image--service-page-detail { --hero-content-top: var(--hero-content-top-detail); } .hero-image--service-page-detail .hero-image__bg--desktop { inset: auto; inline-size: 122.74%; block-size: 109.19%; inset-inline-start: -3.03%; inset-block-start: 0.01%; max-inline-size: none; object-fit: cover; object-position: center top; } .hero-image--service-page-detail .hero-image__bg--mobile { object-position: 68% 28%; } @media (min-width: 1024px) { .hero-image--service-page-detail .hero-image__content { max-inline-size: var(--hero-title-max-detail); } .hero-image--service-page-detail .hero-image__eyebrow, .hero-image--service-page-detail .hero-image__text, .hero-image--service-page-detail .hero-image__actions, .hero-image--service-page-detail .hero-image__rating { max-inline-size: var(--hero-content-w); } } @media (min-width: 1024px) { .hero-image--composite { box-sizing: border-box; align-items: flex-start; padding-block: var(--local-hero-content-top); } .hero-image--composite:not(.hero-image--contact):not(.hero-image--why-shine):not(.hero-image--local-blog) { min-block-size: var(--hero-min-h); block-size: var(--hero-min-h); } .hero-image--composite .hero-image__content { margin-block-start: 0; padding-block-end: 0; flex: 0 0 auto; } .hero-image--composite .hero-image__bg--desktop { inset: auto; inset-block-start: 0; inset-inline-start: 0; inline-size: 100%; block-size: 118%; object-fit: cover; object-position: right top; } .hero-image--composite.hero-image--service-page-detail .hero-image__bg--desktop { inline-size: 122.74%; block-size: 109.19%; inset-inline-start: -3.03%; inset-block-start: 0.01%; max-inline-size: none; object-position: center top; } } .hero-image__content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xl); box-sizing: border-box; inline-size: 100%; margin-block-start: var(--hero-content-top); margin-inline-start: var(--layout-section-copy-inset); padding-block-end: var(--space-2xl); } @media (min-width: 1024px) { .hero-image__content { max-inline-size: var(--hero-content-w); } } .hero-image__eyebrow { font-family: var(--font-eyebrow); font-weight: 600; font-size: var(--fs-hero-eyebrow); line-height: var(--lh-mega-label); letter-spacing: var(--hero-eyebrow-ls); text-transform: uppercase; color: var(--color-text-inverse); } .hero-image__title { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-hero-title); line-height: var(--hero-title-lh); letter-spacing: var(--hero-title-ls); text-transform: uppercase; color: var(--color-text-inverse); } .hero-image__title-mobile { display: none; } .hero-image__text-block { display: flex; flex-direction: column; gap: var(--space-lg); inline-size: 100%; } .hero-image__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); } .hero-image__actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-lg); } .hero-image__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); padding: 1.25rem; border-radius: var(--radius-pill); 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), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base); } .hero-image__btn:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .hero-image__btn--primary { background-color: var(--color-bg); color: var(--color-primary); border: 1px solid var(--color-bg); } .hero-image__btn--primary:hover { background-color: #f5f5f5; } .hero-image__btn--secondary { background-color: transparent; color: var(--color-text-inverse); border: 1px solid var(--color-text-inverse); } .hero-image__btn--secondary:hover { background-color: rgba(255, 255, 255, 0.1); } .hero-image__btn-icon { inline-size: 11px; block-size: 11px; flex-shrink: 0; } .hero-image__btn-text { min-inline-size: 0; } .hero-image__rating { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 0.75rem; } .hero-image__stars { display: flex; flex-shrink: 0; align-items: center; gap: var(--space-xs); } .hero-image__star { display: block; inline-size: 20px; block-size: 20px; object-fit: contain; } .hero-image__rating-text { margin: 0; flex-shrink: 0; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-hero-rating); line-height: 1.25; letter-spacing: -0.02em; white-space: nowrap; color: var(--color-text-inverse); } @media (max-width: 1599px) { .hero-image { --hero-content-w: min(41rem, 46vw); --fs-hero-title: clamp(2.5rem, 4vw, 4rem); --hero-title-lh: 1.05; --hero-content-top: clamp(4rem, 8vw, 11.125rem); } .hero-image--service-page-detail { --hero-title-max-detail: min(47.1875rem, 50vw); } .hero-image__portrait { inline-size: 46%; } } @media (max-width: 1279px) { .hero-image { --hero-content-w: min(34rem, 50vw); --hero-min-h: 46.625rem; } .hero-image__portrait { inline-size: 44%; } .hero-image__actions { gap: var(--space-md); } .hero-image__btn { padding: 1rem 1.25rem; font-size: 1rem; } } @media (max-width: 1023px) { .hero-image { min-block-size: var(--local-hero-min-h-mobile); align-items: stretch; justify-content: flex-start; background-color: #0d0d0d; } .hero-image__bg--desktop { display: none; } .hero-image__portrait { display: none; } .hero-image__bg--mobile, .hero-image__media picture .hero-image__bg--responsive { display: block; object-fit: cover; object-position: center bottom; } .hero-image__media::before { clip-path: none; background-color: var(--color-primary); mix-blend-mode: multiply; } .hero-image__media::after { display: block; } .hero-image__content { align-self: stretch; align-items: flex-start; justify-content: center; gap: 1.125rem; max-inline-size: none; margin-block-start: 0; margin-inline: 0; padding-block: var(--local-hero-pad-y-mobile); padding-inline: var(--space-md); } .hero-image__eyebrow { display: none; } .hero-image__title-desktop { display: none; } .hero-image__title-mobile { display: block; } .hero-image__title { font-size: var(--fs-hero-title-mobile); line-height: var(--hero-title-lh-mobile); letter-spacing: var(--hero-title-ls); } .hero-image__text-block { gap: 1.125rem; align-items: flex-start; align-self: stretch; inline-size: 100%; max-inline-size: none; text-align: start; } .hero-image__text { font-size: var(--fs-hero-text-mobile); letter-spacing: -0.02em; } .hero-image__actions { flex-direction: column; align-items: stretch; align-self: center; gap: var(--space-md); inline-size: 100%; max-inline-size: 16.625rem; } .hero-image__btn { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; padding: 1.25rem 2.5rem; font-size: 1rem; white-space: normal; text-align: center; } .hero-image__btn-text { text-align: center; } .hero-image--careers .hero-image__actions { max-inline-size: none; align-items: center; } .hero-image--careers .hero-image__btn { box-sizing: border-box; inline-size: auto; width: fit-content; max-inline-size: 100%; margin-inline: auto; padding-inline: 1.25rem 1.75rem; white-space: nowrap; text-align: center; } .hero-image--careers .hero-image__btn-text { flex-shrink: 0; min-inline-size: auto; } .hero-image__rating { flex-direction: column; flex-wrap: wrap; align-self: center; justify-content: center; gap: 0.75rem; inline-size: 100%; } .hero-image__rating-text { white-space: normal; text-align: center; } .hero-image--service-page .hero-image__bg--mobile { object-position: 68% 30%; } .hero-image--local-blog .hero-image__content { max-inline-size: none; } .hero-image--local-blog .hero-image__text { max-inline-size: none; } .hero-image--local-blog .hero-image__bg--mobile { object-position: 68% 28%; } .hero-image--why-shine .hero-image__content, .hero-image--faqs .hero-image__content, .hero-image--service-page-detail .hero-image__content { max-inline-size: none; } .hero-image--why-shine .hero-image__text { max-inline-size: none; } .hero-image--why-shine .hero-image__bg--mobile { object-position: 78% 18%; } .hero-image--faqs .hero-image__text-block { gap: 1.125rem; } } .hero-image--local-blog { --hero-content-top: var(--hero-content-top-local-blog); background-color: #c20a2b; } @media (min-width: 1024px) { .hero-image--local-blog .hero-image__content { max-inline-size: var(--hero-title-max-local-blog); } .hero-image--local-blog .hero-image__text { max-inline-size: var(--hero-content-w); } } .hero-image--local-blog .hero-image__text-block { gap: var(--space-xl); } .hero-image--composite.hero-image--local-blog .hero-image__bg--desktop { object-position: 62% top; } .hero-image--local-blog .hero-image__bg--mobile { inset: 0; inline-size: 100%; block-size: 100%; object-position: 70% 30%; } @media (max-width: 1599px) { .hero-image--local-blog { --hero-title-max-local-blog: min(51.375rem, 56vw); --hero-content-top: clamp(4rem, 8vw, 19.8125rem); } .hero-image--why-shine { --hero-title-max-why-shine: min(47.4375rem, 52vw); --hero-content-top: clamp(4rem, 8vw, 17.6875rem); } .hero-image--faqs { --hero-content-top: clamp(4rem, 8vw, 15.8125rem); } } .hero-image--why-shine { --hero-content-top: var(--hero-content-top-why-shine); background-color: #c20a2b; } @media (min-width: 1024px) { .hero-image--why-shine .hero-image__content { max-inline-size: var(--hero-title-max-why-shine); } .hero-image--why-shine .hero-image__text { max-inline-size: var(--hero-content-w); } } .hero-image--why-shine .hero-image__text-block { gap: var(--space-xl); } .hero-image--composite.hero-image--why-shine .hero-image__bg--desktop { object-position: 72% top; } .hero-image--why-shine .hero-image__bg--mobile { inset: 0; inline-size: 100%; block-size: 100%; object-position: 78% 20%; } .hero-image--careers .hero-image__bg--desktop { object-position: 58% center; } .hero-image--careers .hero-image__bg--mobile { object-position: 65% 35%; } @media (min-width: 1024px) { .hero-image--careers .hero-image__eyebrow, .hero-image--careers .hero-image__text, .hero-image--careers .hero-image__actions, .hero-image--careers .hero-image__rating { max-inline-size: var(--hero-content-w); } } .hero-image--faqs { --hero-content-top: var(--hero-content-top-faqs, 15.8125rem); background-color: #a9d3ee; } .hero-image--faqs .hero-image__text-block { gap: var(--space-xl); } .hero-image--composite.hero-image--faqs .hero-image__bg--desktop { inset: auto; inset-inline-start: -1.74%; inset-block-start: -11.6%; inline-size: 131.52%; block-size: 117%; max-inline-size: none; object-fit: cover; object-position: center center; } .hero-image--faqs .hero-image__bg--mobile { object-position: 66% 30%; } .brand-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); } .brand-intro__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .brand-intro__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center top; } .brand-intro__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--brand-intro-stack-gap); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--brand-intro-pad-y-mobile); padding-inline: var(--space-md); } .brand-intro__intro { display: flex; flex-direction: column; align-items: center; gap: var(--brand-intro-intro-gap-mobile); inline-size: 100%; text-align: center; } .brand-intro__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-brand-intro-title-mobile); line-height: var(--lh-brand-intro-title-mobile); letter-spacing: var(--ls-brand-intro); text-transform: uppercase; color: var(--color-text); } .brand-intro__title-desktop { display: none; } .brand-intro__title-mobile { display: inline; } .brand-intro__lead, .brand-intro__text { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-brand-intro-body-mobile); line-height: var(--lh-brand-intro-body); letter-spacing: var(--ls-brand-intro); text-align: start; color: var(--color-text); } .brand-intro__row { display: flex; flex-direction: column; align-items: center; gap: var(--brand-intro-stack-gap); inline-size: 100%; } .brand-intro__row--media-end { flex-direction: column; } .brand-intro__copy { display: flex; flex-direction: column; align-items: flex-start; inline-size: 100%; } .brand-intro__copy--cta { gap: var(--brand-intro-stack-gap); align-items: center; } .brand-intro__media { position: relative; margin: 0; inline-size: 100%; max-inline-size: none; aspect-ratio: 286 / 177; overflow: hidden; } .brand-intro__image { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .brand-intro__image--desktop { display: none; object-position: center 35%; } .brand-intro__image--mobile { display: block; } .brand-intro__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: 100%; max-inline-size: 17.4375rem; padding: 1.25rem 2.5rem; border-radius: var(--radius-pill); background-color: var(--color-bg); 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; transition: color var(--transition-base); } .brand-intro__cta-text { text-decoration: underline; text-underline-position: from-font; text-decoration-skip-ink: none; } .brand-intro__cta:hover { color: #a80726; } .brand-intro__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .brand-intro__cta-icon { flex-shrink: 0; display: block; } img.brand-intro__cta-icon--desktop { display: none; inline-size: 11px; block-size: 11px; } img.brand-intro__cta-icon--mobile { display: block; inline-size: 14px; block-size: 14px; } @media (min-width: 1024px) { .brand-intro__inner { gap: var(--brand-intro-stack-gap); max-inline-size: calc(var(--brand-intro-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--brand-intro-pad-y); padding-inline: var(--header-pad-x); } .brand-intro__intro { gap: var(--brand-intro-intro-gap); } .brand-intro__title { font-size: var(--fs-brand-intro-title); line-height: normal; letter-spacing: -0.02em; } .brand-intro__title-desktop { display: inline; } .brand-intro__title-mobile { display: none; } .brand-intro__lead { font-size: var(--fs-brand-intro-body); text-align: center; } .brand-intro__text { font-size: var(--fs-brand-intro-body); } .brand-intro__row { flex-direction: row; align-items: center; gap: var(--brand-intro-row-gap); } .brand-intro__row--media-start { flex-direction: row; } .brand-intro__row--media-end { flex-direction: row-reverse; } .brand-intro__copy { flex: 1 1 0; min-inline-size: 0; } .brand-intro__copy--cta { gap: var(--brand-intro-row-gap); align-items: flex-start; } .brand-intro__media { flex: 0 0 auto; inline-size: min(var(--brand-intro-media-w), 48%); max-inline-size: var(--brand-intro-media-w); aspect-ratio: 748 / 547; block-size: auto; } .brand-intro__image--desktop { display: block; } .brand-intro__image--mobile { display: none; } .brand-intro__cta { inline-size: auto; max-inline-size: none; padding: 0; background-color: transparent; border-radius: 0; } img.brand-intro__cta-icon--desktop { display: block; } img.brand-intro__cta-icon--mobile { display: none; } } @media (min-width: 1536px) { .brand-intro__media { max-inline-size: var(--brand-intro-media-w); } } .services-v1 { 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); } .services-v1__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); } .services-v1__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; } .services-v1__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); } .services-v1__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); } .services-v1__tabs { display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; gap: var(--services-tabs-mobile-gap); 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); } .services-v1__tab { display: inline-flex; flex: 0 1 auto; align-items: center; justify-content: center; box-sizing: border-box; min-inline-size: var(--services-tab-mobile-size); min-block-size: var(--services-tab-mobile-size); padding: 0.4375rem 0; 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); } .services-v1__tab:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; z-index: 1; } .services-v1__tab-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; inline-size: var(--services-tab-mobile-size); } .services-v1__tab-icon { inline-size: 24px; block-size: 24px; object-fit: contain; flex-shrink: 0; } .services-v1__tab-label-desktop { display: none; } .services-v1__tab-label-mobile { display: flex; flex-direction: column; align-items: center; margin-block-start: 0; line-height: var(--lh-services-tab-mobile); } .services-v1__tab-divider { flex-shrink: 0; align-self: center; 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; } .services-v1__tab-close { display: none; } .services-v1__panel { inline-size: 100%; max-inline-size: var(--services-content-max); } .services-v1__panel[hidden], .services-v1__panel.is-tab-hidden { visibility: hidden; overflow: hidden; block-size: 0; margin: 0; padding: 0; border: 0; } .services-v1__panel.is-tab-hidden * { visibility: hidden; } .services-v1__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--services-gap); margin: 0; padding: 0; list-style: none; } .services-v1__card--large { grid-column: span 3; } .services-v1__card--medium { grid-column: span 2; } .services-v1__card { min-width: 0; } .services-v1__accordion-trigger { display: none; } .services-v1__accordion-panel { display: block; block-size: 100%; } .services-v1__accordion-panel[hidden] { display: none !important; } .services-v1__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); } .services-v1__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); } .services-v1__card--medium .services-v1__card-media { block-size: var(--services-card-img-h-md); } .services-v1__card-image { inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .services-v1__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); } .services-v1__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); } .services-v1__card-title-link { color: inherit; font: inherit; text-decoration: none; } .services-v1__card-title-link:hover { text-decoration: underline; } .services-v1__card-title-link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; border-radius: 2px; } .services-v1__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); } .services-v1__card-cta { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-medium); font-size: var(--fs-cta); line-height: var(--lh-nav); } .services-v1__card-cta a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 0.15em; } .services-v1__card-cta a:hover { color: var(--color-primary-hover); } .services-v1__disclaimer { margin: 0; max-inline-size: 40rem; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-style: italic; font-size: var(--fs-services-disclaimer); line-height: normal; letter-spacing: -0.02em; text-align: center; color: var(--color-text-muted); } .services-v1__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); } .services-v1__cta:hover { background-color: var(--color-primary-hover); } .services-v1__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .services-v1__cta-label-mobile { display: none; } .services-v1__cta-icon { inline-size: 11px; block-size: 11px; flex-shrink: 0; } @media (max-width: 1279px) { .services-v1__title { font-size: clamp(2rem, 4vw, var(--fs-services-title)); line-height: 1.1; } .services-v1__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .services-v1__card--large, .services-v1__card--medium { grid-column: span 1; } .services-v1__card-media, .services-v1__card--medium .services-v1__card-media { block-size: min(var(--services-card-img-h-md), 40vw); } .services-v1__card-body { min-block-size: 0; } } @media (max-width: 1023px) { .services-v1__inner { gap: var(--space-xl); padding-block: var(--services-pad-y-mobile); padding-inline: var(--space-md); } .services-v1__header { gap: var(--space-lg); } .services-v1__title { font-size: var(--fs-services-title-mobile); line-height: var(--lh-services-title-mobile); letter-spacing: -0.02em; } .services-v1__title br { display: none; } .services-v1__intro { font-size: var(--fs-services-intro-mobile); letter-spacing: -0.02em; text-align: start; } .services-v1__grid { display: flex; flex-direction: column; gap: var(--space-xs); inline-size: 100%; } .services-v1__card--large, .services-v1__card--medium { grid-column: auto; inline-size: 100%; max-inline-size: none; } .services-v1__card { display: flex; flex-direction: column; gap: 0; } .services-v1__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; } .services-v1__accordion-trigger:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .services-v1__accordion-label { text-align: center; } .services-v1__accordion-chevron { inline-size: 24px; block-size: 24px; flex-shrink: 0; pointer-events: none; transition: transform var(--transition-base); } .services-v1__card.is-open .services-v1__accordion-chevron { transform: rotate(180deg); } .services-v1__accordion-panel .services-v1__card-inner { border-block-start: none; border-radius: 0; box-shadow: var(--shadow-card); } .services-v1__card-media, .services-v1__card--medium .services-v1__card-media { block-size: var(--services-card-img-h-mobile); } .services-v1__card-body { gap: var(--space-xs); min-block-size: var(--services-card-body-h-mobile); } .services-v1__card-title { font-size: var(--fs-services-card-title-mobile); line-height: var(--lh-services-card-title-mobile); letter-spacing: -0.02em; } .services-v1__card-text { max-inline-size: 12.875rem; font-size: var(--fs-services-card-body-mobile); letter-spacing: -0.02em; } .services-v1__disclaimer { font-size: var(--fs-services-disclaimer-mobile); letter-spacing: -0.02em; } .services-v1__cta { inline-size: 100%; max-inline-size: 22.375rem; } .services-v1__cta-label-desktop { display: none; } .services-v1__cta-label-mobile { display: inline; } } @media (min-width: 1024px) { .services-v1__card { display: block; } .services-v1__accordion-trigger { display: none; } .services-v1__accordion-panel { display: block; block-size: 100%; } .services-v1__tabs { flex-wrap: wrap; 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; } .services-v1__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-size: var(--fs-services-tab); line-height: var(--lh-services-tab); font-weight: var(--fw-medium); } .services-v1__tab.is-active { background-color: var(--color-services-tab-active); } .services-v1__tab-inner { flex-direction: row; gap: var(--space-sm); inline-size: auto; } .services-v1__tab-label-desktop { display: inline; white-space: nowrap; } .services-v1__tab-label-mobile { display: none; } .services-v1__tab-divider { display: none; } } .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; } } .process-v2 { 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); } .process-v2__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .process-v2__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center top; } .process-v2__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--process-v2-intro-gap-mobile); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--process-v2-pad-y-mobile); padding-inline: var(--space-md); } .process-v2__intro { inline-size: 100%; text-align: center; } .process-v2__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-v2-title-mobile); line-height: var(--lh-process-v2-title-mobile); letter-spacing: var(--ls-process-v2); text-transform: uppercase; color: var(--color-text); } .process-v2__title-desktop { display: none; } .process-v2__title-mobile { display: inline; } .process-v2__content { display: flex; flex-direction: column; align-items: center; gap: var(--process-v2-stack-gap); inline-size: 100%; } .process-v2__media { display: none; position: relative; margin: 0; overflow: hidden; } .process-v2__image { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .process-v2__copy { display: flex; flex-direction: column; align-items: center; gap: var(--process-v2-stack-gap); inline-size: 100%; text-align: center; } .process-v2__text-block { display: flex; flex-direction: column; align-items: center; gap: var(--process-v2-intro-gap-mobile); inline-size: 100%; } .process-v2__body { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-v2-body-mobile); line-height: var(--lh-process-v2-body); letter-spacing: var(--ls-process-v2); color: var(--color-text); } .process-v2__highlight { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-extrabold); font-size: var(--fs-process-v2-highlight-mobile); line-height: normal; letter-spacing: var(--ls-process-v2); color: var(--color-primary); } .process-v2__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: 100%; max-inline-size: 100%; padding: 1.25rem 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: 1.35; letter-spacing: var(--ls-cta); text-align: center; text-decoration: none; white-space: normal; transition: background-color var(--transition-base); } .process-v2__cta:hover { background-color: var(--color-primary-hover); } .process-v2__cta:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; } .process-v2__cta-label-desktop { display: none; } .process-v2__cta-label-mobile { display: inline; } .process-v2__cta-icon { flex-shrink: 0; display: block; inline-size: 14px; block-size: 14px; } .process-v2__cta--compact-text { font-size: 1rem; } @media (min-width: 1024px) { .process-v2__inner { gap: var(--process-v2-stack-gap); max-inline-size: calc(var(--process-v2-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--process-v2-pad-y); padding-inline: var(--header-pad-x); } .process-v2__title { font-size: var(--fs-process-v2-title); line-height: var(--lh-process-v2-title); letter-spacing: 0; color: var(--color-text-heading); } .process-v2__title-desktop { display: inline; } .process-v2__title-mobile { display: none; } .process-v2__content { flex-direction: row; align-items: center; gap: var(--process-v2-row-gap); } .process-v2__media { display: block; flex: 0 0 auto; inline-size: min(var(--process-v2-media-w), 48%); max-inline-size: var(--process-v2-media-w); aspect-ratio: 748 / 547; } .process-v2__image { position: absolute; inset: 0; } .process-v2__copy { flex: 1 1 0; min-inline-size: 0; gap: var(--process-v2-copy-gap); align-items: flex-start; text-align: start; max-inline-size: var(--process-v2-copy-max); } .process-v2__text-block { align-items: flex-start; } .process-v2__body { font-size: var(--fs-process-v2-body); } .process-v2__highlight { font-size: var(--fs-process-v2-highlight); line-height: var(--lh-process-v2-highlight); } .process-v2__cta-label-desktop { display: inline; } .process-v2__cta-label-mobile { display: none; } .process-v2__cta { inline-size: auto; max-inline-size: none; padding: 1.25rem 2.5rem; line-height: var(--lh-nav); white-space: nowrap; } } @media (min-width: 1536px) { .process-v2__media { max-inline-size: var(--process-v2-media-w); } } .process-v3 { position: relative; isolation: isolate; overflow: hidden; background-color: var(--color-process-surface); color: var(--color-text-inverse); } .process-v3__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .process-v3__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .process-v3__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-v3-pad-y-mobile); padding-inline: var(--space-md); } .process-v3__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; text-align: center; } .process-v3__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-v3-title-mobile); line-height: var(--lh-process-v3-title-mobile); letter-spacing: var(--ls-process-v3-title-mobile); text-transform: uppercase; color: var(--color-text-inverse); } .process-v3__body { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-v3-body-mobile); line-height: var(--lh-process-v3-body); letter-spacing: var(--ls-process-v3-body); text-align: start; color: var(--color-text-inverse); } .process-v3__body-desktop { display: none; } .process-v3__body-mobile { display: inline; } .process-v3__video { position: relative; display: block; box-sizing: border-box; inline-size: 100%; max-inline-size: none; aspect-ratio: var(--process-v3-video-ratio); overflow: hidden; border-radius: 0; text-decoration: none; color: inherit; transition: transform var(--transition-base), opacity var(--transition-base); } .process-v3__video:hover { opacity: 0.96; } .process-v3__video:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 4px; } .process-v3__poster { display: block; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .process-v3__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; } .process-v3__play-icon { display: block; box-sizing: border-box; inline-size: var(--process-v3-play-mobile); block-size: var(--process-v3-play-mobile); border-radius: 50%; background-color: var(--color-primary); object-fit: contain; } @media (min-width: 1024px) { .process-v3__inner { gap: var(--space-xl); padding-block: var(--process-v3-pad-y); padding-inline: var(--header-pad-x); } .process-v3__header { gap: var(--space-xl); max-inline-size: var(--process-v3-header-max); } .process-v3__title { font-size: var(--fs-process-v3-title); line-height: var(--lh-process-v3-title); letter-spacing: 0; } .process-v3__body { font-size: var(--fs-process-v3-body); text-align: center; } .process-v3__body-desktop { display: inline; } .process-v3__body-mobile { display: none; } .process-v3__video { max-inline-size: var(--process-v3-video-w); border-radius: var(--radius-service-card); } .process-v3__play-icon { inline-size: var(--process-v3-play); block-size: var(--process-v3-play); } } .process-v4 { position: relative; isolation: isolate; overflow-x: clip; overflow-y: visible; background-color: var(--color-bg-utility); color: var(--color-text-inverse); } .process-v4__bg { display: none; position: absolute; inset: 0; z-index: 0; overflow: hidden; opacity: 0.5; pointer-events: none; } .process-v4__bg-img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; object-position: center; } .process-v4__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--process-v4-pad-y-mobile); padding-inline: var(--space-md); } .process-v4__content { display: contents; } .process-v4__media { order: 1; position: relative; margin: 0; margin-block-end: var(--process-v4-stack-gap-mobile); inline-size: 100%; max-inline-size: none; aspect-ratio: var(--process-v4-media-ratio-mobile); overflow: hidden; flex-shrink: 0; } .process-v4__media picture { display: block; position: absolute; inset: 0; inline-size: 100%; block-size: 100%; } .process-v4__image { position: absolute; inset-block-start: -48.02%; inset-inline-start: 0.15%; inline-size: 100%; block-size: 242.25%; max-width: none; object-fit: cover; object-position: center; } .process-v4__intro { order: 2; inline-size: 100%; margin-block-end: var(--space-lg); text-align: center; } .process-v4__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-process-v4-title-mobile); line-height: var(--lh-process-v4-title-mobile); letter-spacing: var(--ls-process-v4-title-mobile); text-transform: uppercase; color: var(--color-text-inverse); } .process-v4__title-desktop { display: none; } .process-v4__title-mobile { display: inline; } .process-v4__copy { order: 3; display: flex; flex-direction: column; align-items: center; gap: var(--process-v4-copy-gap-mobile); inline-size: 100%; } .process-v4__body { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-process-v4-body-mobile); line-height: var(--lh-process-v4-body); letter-spacing: var(--ls-process-v4-body); text-align: start; color: var(--color-text-inverse); } .process-v4__cta { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: auto; width: fit-content; max-inline-size: 100%; padding: var(--process-v4-cta-pad-y) var(--process-v4-cta-pad-x); 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: 1.35; letter-spacing: var(--ls-cta); text-align: center; text-decoration: none; white-space: normal; transition: background-color var(--transition-base); } .process-v4__cta:hover { background-color: var(--color-primary-hover); } .process-v4__cta:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .process-v4__cta-label-desktop { display: none; } .process-v4__cta-label-mobile { display: inline; } .process-v4__cta-icon { flex-shrink: 0; display: block; inline-size: 14px; block-size: 14px; } @media (min-width: 1024px) { .process-v4 { border-block-end: 1px solid var(--color-border-subtle); background-color: var(--color-bg); color: var(--color-text); } .process-v4__bg { display: block; } .process-v4__inner { gap: var(--process-v4-row-gap); max-inline-size: calc(var(--process-v4-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--process-v4-pad-y); padding-inline: var(--header-pad-x); } .process-v4__content { display: flex; flex-direction: row; align-items: center; gap: var(--process-v4-row-gap); inline-size: 100%; } .process-v4__intro { order: unset; margin-block-end: 0; } .process-v4__title { font-size: var(--fs-process-v4-title); line-height: var(--lh-process-v4-title); letter-spacing: 0; color: var(--color-text-heading); } .process-v4__title-desktop { display: inline; } .process-v4__title-mobile { display: none; } .process-v4__media { order: unset; margin-block-end: 0; flex: 0 0 auto; inline-size: min(var(--process-v4-media-w), 48%); max-inline-size: var(--process-v4-media-w); aspect-ratio: var(--process-v4-media-ratio); } .process-v4__image { inset: 0; inline-size: 100%; block-size: 100%; } .process-v4__copy { order: unset; flex: 1 1 0; min-inline-size: 0; gap: var(--process-v4-copy-gap); align-items: flex-start; max-inline-size: var(--process-v4-copy-max); } .process-v4__body { font-size: var(--fs-process-v4-body); color: var(--color-text-heading); } .process-v4__cta { inline-size: auto; max-inline-size: none; padding: var(--process-v4-cta-pad-y) var(--process-v4-cta-pad-x); line-height: var(--lh-nav); white-space: nowrap; } .process-v4__cta:focus-visible { outline-color: var(--color-primary); } .process-v4__cta-label-desktop { display: inline; } .process-v4__cta-label-mobile { display: none; } } @media (min-width: 1536px) { .process-v4__media { max-inline-size: var(--process-v4-media-w); } } .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); } } .cta-v1 { position: relative; isolation: isolate; overflow: hidden; background-color: var(--color-cta-v1-surface); color: var(--color-text-inverse); } .cta-v1__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; } .cta-v1__bg-img { position: absolute; inset-inline-start: 0; inset-block-start: 0; inline-size: 100%; block-size: 126.06%; max-width: none; object-fit: cover; object-position: top center; } .cta-v1__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--cta-v1-stack-gap-mobile); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--cta-v1-pad-y-mobile); padding-inline: var(--space-md); } .cta-v1__header { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; text-align: center; } .cta-v1__title { margin: 0; inline-size: 100%; font-family: var(--font-heading); font-weight: var(--fw-black); font-size: var(--fs-cta-v1-title-mobile); line-height: var(--lh-cta-v1-title-mobile); letter-spacing: var(--ls-cta-v1-title-mobile); text-transform: uppercase; color: var(--color-text-inverse); } .cta-v1__title-desktop { display: none; } .cta-v1__title-mobile { display: inline; } .cta-v1__text { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-cta-v1-body-mobile); line-height: var(--lh-cta-v1-body); letter-spacing: var(--ls-cta-v1-body); text-align: start; color: var(--color-text-inverse); } .cta-v1__text-desktop { display: none; } .cta-v1__text-mobile { display: inline; } .cta-v1__actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-lg); inline-size: 100%; max-inline-size: 100%; } .cta-v1__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: 100%; padding-block: var(--cta-v1-btn-pad-y); padding-inline: var(--cta-v1-btn-pad-x); border-radius: var(--radius-pill); border: 1px solid transparent; 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; color: var(--color-text-inverse); transition: background-color var(--transition-base), opacity var(--transition-base), border-color var(--transition-base); } .cta-v1__btn:focus-visible { outline: 2px solid var(--color-text-inverse); outline-offset: 3px; } .cta-v1__btn--primary { background-color: var(--color-text); border-color: var(--color-text); } .cta-v1__btn--primary:hover { opacity: 0.92; } .cta-v1__btn--secondary { background-color: transparent; border-color: var(--color-text-inverse); } .cta-v1__btn--secondary:hover { background-color: rgba(255, 255, 255, 0.1); } .cta-v1__btn-text { min-inline-size: 0; flex-shrink: 0; } .cta-v1__btn-icon { display: block; flex-shrink: 0; inline-size: 0.875rem; block-size: 0.875rem; } @media (min-width: 1024px) { .cta-v1__bg-img { block-size: 590.58%; } .cta-v1__inner { gap: var(--space-xl); padding-block: var(--cta-v1-pad-y); padding-inline: var(--header-pad-x); } .cta-v1__header { gap: var(--space-xl); max-inline-size: var(--cta-v1-header-max); } .cta-v1__title { font-size: var(--fs-cta-v1-title); line-height: var(--lh-cta-v1-title); letter-spacing: 0; } .cta-v1__title-desktop { display: inline; } .cta-v1__title-mobile { display: none; } .cta-v1__text { font-size: var(--fs-cta-v1-body); text-align: center; } .cta-v1__text-desktop { display: inline; } .cta-v1__text-mobile { display: none; } .cta-v1__actions { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; inline-size: auto; max-inline-size: 100%; } .cta-v1__btn { flex: 0 1 auto; inline-size: auto; min-inline-size: 0; white-space: nowrap; } } .cta-v1--about .cta-v1__inner { gap: var(--space-3xl); } .cta-v1--about .cta-v1__text { text-align: center; } .cta-v1--about .cta-v1__actions { inline-size: 100%; max-inline-size: 20.5rem; } .cta-v1--about .cta-v1__btn { font-family: var(--font-body-alt); } @media (min-width: 1024px) { .cta-v1--about .cta-v1__inner { gap: var(--cta-v1-about-stack-gap); padding-block: var(--cta-v1-about-pad-y); } .cta-v1--about .cta-v1__text { max-inline-size: var(--cta-v1-about-body-max); } .cta-v1--about .cta-v1__actions { flex-wrap: nowrap; inline-size: var(--cta-v1-about-actions-w); max-inline-size: none; gap: var(--space-lg); } .cta-v1--about .cta-v1__btn { flex: 0 0 var(--cta-v1-about-btn-w); inline-size: var(--cta-v1-about-btn-w); } } .blog { background-color: var(--color-bg); color: var(--color-blog-text); } .blog__inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--blog-stack-gap); box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--blog-pad-y-mobile); padding-inline: var(--space-md); } .blog__breadcrumb { inline-size: 100%; } .blog__breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35em; margin: 0; padding: 0; list-style: none; font-family: var(--font-body-alt); font-size: var(--fs-blog-breadcrumb-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-breadcrumb); letter-spacing: var(--ls-blog); color: var(--color-blog-muted); } .blog__breadcrumb-item:not(:last-child)::after { content: "→"; margin-inline-start: 0.35em; color: var(--color-blog-muted); } .blog__breadcrumb-link { color: inherit; text-decoration: none; } .blog__breadcrumb-link:hover, .blog__breadcrumb-link:focus-visible { color: var(--color-blog-text); text-decoration: underline; } .blog__breadcrumb-link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .blog__header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--blog-stack-gap); inline-size: 100%; } .blog__title { margin: 0; font-family: var(--font-heading); font-size: var(--fs-blog-title-mobile); font-weight: var(--fw-bold); line-height: 1.15; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 0; padding: 0; list-style: none; } .blog__meta-item { display: inline-flex; align-items: center; gap: var(--space-sm); } .blog__meta-icon { display: block; flex-shrink: 0; inline-size: var(--blog-icon-meta); block-size: var(--blog-icon-meta); } .blog__meta-text { font-family: var(--font-body-alt); font-size: var(--fs-blog-meta-mobile); font-weight: var(--fw-medium); line-height: var(--lh-nav); letter-spacing: var(--ls-blog); color: var(--color-text); } .blog__hero { margin: 0; inline-size: 100%; block-size: var(--blog-hero-h-mobile); overflow: hidden; } .blog__hero-img { display: block; inline-size: 100%; block-size: 100%; max-width: 100%; object-fit: cover; } .blog__tldr { margin: 0; padding-inline-start: 1.25rem; inline-size: 100%; list-style: disc; font-family: var(--font-body-alt); font-size: var(--fs-blog-body); font-weight: var(--fw-bold); line-height: 1.4; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__tldr-link { font-family: inherit; font-size: inherit; font-weight: var(--fw-bold); line-height: inherit; letter-spacing: inherit; color: inherit; text-decoration: underline; } .blog__tldr-link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .blog__content { display: flex; flex-direction: column; align-items: flex-start; gap: var(--blog-stack-gap); inline-size: 100%; } .blog__content h2, .blog__heading { margin: 0; font-family: var(--font-heading); font-size: var(--fs-blog-h2-mobile); font-weight: var(--fw-bold); line-height: 1.15; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__content h3, .blog__subheading { margin: 0; font-family: var(--font-heading); font-size: var(--fs-blog-h3-mobile); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__content a { color: var(--color-blog-link); text-decoration: underline; } .blog__content a:focus-visible { outline: 2px solid var(--color-blog-link); outline-offset: 2px; } .blog__content img { inline-size: 100%; max-width: 100%; block-size: auto; } .blog__content figure { margin: 0; inline-size: 100%; } .blog__content p, .blog__content li { font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__content p { margin: 0; } .blog__content ul, .blog__content ol { margin: 0; padding-inline-start: 1.6875rem; inline-size: 100%; } .blog__content ul { list-style: disc; } .blog__content ol { list-style: decimal; } .blog__content .wp-block-buttons { display: flex; justify-content: flex-start; inline-size: 100%; } .blog__content .wp-block-buttons.is-content-justification-center { justify-content: flex-start; } .blog__content .wp-block-button { inline-size: auto; max-inline-size: none; } .blog__content .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); box-sizing: border-box; inline-size: auto; padding-block: 1.25rem; padding-inline: 2.5rem; border: none; border-radius: var(--radius-pill); background-color: var(--color-primary) !important; 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) !important; transition: opacity var(--transition-base); } .blog__content .wp-block-button__link:hover { opacity: 0.92; color: var(--color-text-inverse); text-decoration: none; } .blog__content .wp-block-button__link:focus-visible { outline: 2px solid var(--color-text); outline-offset: 3px; } .blog__content .wp-block-button__link::after { content: ""; display: block; flex-shrink: 0; inline-size: 14px; block-size: 14px; background: url("../../images/service-hub-v3/icon-arrow.svg") center / contain no-repeat; } .blog__callout { box-sizing: border-box; inline-size: 100%; padding: var(--blog-box-pad-mobile); border-inline-start: 4px solid var(--color-blog-callout-border); background-color: var(--color-blog-callout-bg); } .blog__callout-heading { display: flex; align-items: center; gap: 1.1875rem; margin-block-end: var(--blog-stack-gap); } .blog__callout-icon { display: block; flex-shrink: 0; inline-size: var(--blog-icon-callout); block-size: var(--blog-icon-callout); } .blog__callout-title { margin: 0; font-family: var(--font-body-alt); font-size: var(--fs-blog-box-title-mobile); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__callout-body, .blog__callout-note { margin: 0; font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); } .blog__callout-body { color: var(--color-blog-text); } .blog__callout-note { margin-block-start: var(--blog-stack-gap); color: var(--color-blog-muted); } .blog__quote { box-sizing: border-box; inline-size: 100%; margin: 0; padding: var(--blog-box-pad-mobile); border-inline-start: 4px solid var(--color-text); } .blog__quote-mark { display: block; inline-size: var(--blog-icon-quote-mobile); block-size: var(--blog-icon-quote-mobile); margin-block-end: var(--blog-stack-gap); } .blog__quote-text { margin: 0 0 var(--blog-stack-gap); font-family: var(--font-body-alt); font-size: var(--fs-blog-quote-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-quote-mobile); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__quote-cite { font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-muted); } .blog__captioned { display: flex; flex-direction: column; justify-content: flex-end; position: relative; inline-size: 100%; margin: 0; overflow: hidden; border: 1px solid var(--color-blog-card-border); box-shadow: var(--shadow-blog-card); } .blog__captioned-img { display: block; inline-size: 100%; max-width: 100%; block-size: auto; aspect-ratio: 1480 / 427; object-fit: cover; } .blog__captioned-copy { box-sizing: border-box; padding: var(--blog-box-pad-mobile); background-color: var(--color-bg); } .blog__captioned-title { margin: 0 0 var(--blog-stack-gap); font-family: var(--font-body-alt); font-size: var(--fs-blog-box-title-mobile); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__captioned-body, .blog__captioned-note { margin: 0; font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); } .blog__captioned-body { color: var(--color-blog-text); } .blog__captioned-note { margin-block-start: var(--blog-stack-gap); color: var(--color-blog-muted); } .blog__faq { display: flex; flex-direction: column; inline-size: 100%; overflow: hidden; border-radius: var(--radius-blog-faq); } .blog__faq-item { box-sizing: border-box; padding: var(--blog-box-pad-mobile); border: 1px solid var(--color-text); background-color: var(--color-bg); } .blog__faq-item + .blog__faq-item { border-block-start: 0; } .blog__faq-item:first-child { border-start-start-radius: var(--radius-blog-faq); border-start-end-radius: var(--radius-blog-faq); } .blog__faq-item:last-child { border-end-start-radius: var(--radius-blog-faq); border-end-end-radius: var(--radius-blog-faq); } .blog__faq-question { display: flex; align-items: center; gap: 1.1875rem; margin: 0 0 var(--blog-stack-gap); font-family: var(--font-body-alt); font-size: var(--fs-blog-box-title-mobile); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__faq-icon { display: block; flex-shrink: 0; inline-size: var(--blog-icon-callout); block-size: var(--blog-icon-callout); } .blog__faq-answer { margin: 0; font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__related { margin: 0; inline-size: 100%; font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__related p { margin: 0; } .blog__related a, .blog__related-link { color: var(--color-blog-link); text-decoration: underline; } .blog__related a:focus-visible, .blog__related-link:focus-visible { outline: 2px solid var(--color-blog-link); outline-offset: 2px; } .blog__author { box-sizing: border-box; inline-size: 100%; max-inline-size: var(--blog-author-max); padding: var(--blog-box-pad-mobile); border-block-start: 4px solid var(--color-blog-card-border); background-color: var(--color-bg); box-shadow: var(--shadow-blog-author); } .blog__author-top { display: flex; flex-wrap: wrap; align-items: center; gap: 1.1875rem; margin-block-end: var(--blog-box-pad-mobile); } .blog__author-photo { display: block; flex-shrink: 0; inline-size: var(--blog-author-photo); block-size: var(--blog-author-photo); border-radius: 50%; object-fit: cover; } .blog__author-name { margin: 0; flex: 1 1 8rem; font-family: var(--font-heading); font-size: var(--fs-blog-box-title-mobile); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__author-social { display: inline-flex; align-items: center; gap: 0.75rem; font-family: var(--font-body-alt); font-size: var(--fs-blog-meta-mobile); font-weight: var(--fw-medium); line-height: var(--lh-nav); letter-spacing: var(--ls-blog); color: var(--color-text); text-decoration: none; } .blog__author-social:hover, .blog__author-social:focus-visible { text-decoration: underline; } .blog__author-social:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .blog__author-social-icon { display: block; flex-shrink: 0; inline-size: var(--blog-icon-meta); block-size: var(--blog-icon-meta); } .blog__author-copy { display: flex; flex-direction: column; gap: var(--blog-stack-gap); } .blog__author-role, .blog__author-bio { margin: 0; font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .blog__author-role { font-weight: var(--fw-semibold); } .blog__author-bio { font-weight: var(--fw-regular); } @media (min-width: 1024px) { .blog__inner { max-inline-size: calc(var(--blog-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--blog-pad-y); padding-inline: var(--header-pad-x); } .blog__breadcrumb-list { font-size: var(--fs-blog-breadcrumb); } .blog__title { font-size: var(--fs-blog-title); letter-spacing: -0.02em; } .blog__meta-text { font-size: var(--fs-blog-meta); } .blog__hero { block-size: var(--blog-hero-h); } .blog__tldr { font-size: var(--fs-blog-lead); } .blog__content h2, .blog__heading { font-size: var(--fs-blog-h2); } .blog__content h3, .blog__subheading { font-size: var(--fs-blog-h3); } .blog__content p, .blog__content li { font-size: var(--fs-blog-body); } .blog__content .wp-block-button { inline-size: auto; max-inline-size: none; } .blog__content .wp-block-button__link { inline-size: auto; } .blog__callout, .blog__quote, .blog__captioned-copy, .blog__faq-item, .blog__author { padding: var(--blog-box-pad); } .blog__callout-title, .blog__captioned-title, .blog__faq-question { font-size: var(--fs-blog-box-title); } .blog__callout-body, .blog__callout-note, .blog__captioned-body, .blog__captioned-note, .blog__faq-answer, .blog__related, .blog__related p, .blog__author-role, .blog__author-bio, .blog__quote-cite { font-size: var(--fs-blog-body); } .blog__quote-mark { inline-size: var(--blog-icon-quote); block-size: var(--blog-icon-quote); } .blog__quote-text { font-size: var(--fs-blog-quote); line-height: var(--lh-blog-quote); } .blog__author-name { font-size: var(--fs-blog-box-title); flex: 0 0 auto; inline-size: 16.3125rem; } .blog__author-social { font-size: var(--fs-blog-meta); } .blog__author-top { margin-block-end: var(--blog-box-pad); } } .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); } .faq-v1__answer > * + * { margin-block-start: var(--lh-faq-body); } .faq-v1__answer ul { padding-inline-start: var(--faq-answer-list-indent, 1.5rem); list-style: disc; } .faq-v1__answer ol { padding-inline-start: var(--faq-answer-list-indent, 1.5rem); list-style: decimal; } .faq-v1__answer a { font-style: italic; color: var(--color-primary); } .faq-v1__answer a:hover { text-decoration: underline; } .faq-v1__answer a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .faq-v1__answer strong { font-weight: var(--fw-black); } .faq-v1--category .faq-v1__header { align-items: flex-start; text-align: start; } .faq-v1__breadcrumb { inline-size: 100%; } .faq-v1__breadcrumb-list { display: flex; flex-wrap: wrap; align-items: baseline; margin: 0; padding: 0; list-style: none; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-faq-breadcrumb-mobile, 0.75rem); line-height: var(--lh-faq-breadcrumb, 1.875rem); letter-spacing: var(--ls-faq-breadcrumb, -0.02em); color: var(--color-text-muted); } .faq-v1__breadcrumb-item { display: inline-flex; align-items: baseline; } .faq-v1__breadcrumb-item + .faq-v1__breadcrumb-item::before { content: ">"; margin-inline: 0.35em; } .faq-v1__breadcrumb-link:hover { text-decoration: underline; } .faq-v1__breadcrumb-link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } @media (min-width: 1024px) { .faq-v1 { border-block-end: 0; } .faq-v1--category { border-block-end: 1px solid var(--color-border-subtle); } .faq-v1__breadcrumb-list { font-size: var(--fs-faq-breadcrumb, 1.125rem); } .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); } } .page-default { background-color: var(--color-bg); color: var(--color-blog-text); } .page-default__inner { box-sizing: border-box; inline-size: 100%; max-inline-size: var(--header-frame-max); margin-inline: auto; padding-block: var(--blog-pad-y-mobile); padding-inline: var(--space-md); } .page-default__inner, .page-default__inner .wp-block-details { display: flex; flex-direction: column; gap: var(--blog-stack-gap); } .page-default__inner h1, .page-default__inner h2, .page-default__inner h3, .page-default__inner h4 { margin: 0; font-family: var(--font-heading); font-weight: var(--fw-bold); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .page-default__inner h1 { font-size: var(--fs-blog-title-mobile); line-height: 1.15; } .page-default__inner h2 { font-size: var(--fs-blog-h2-mobile); line-height: 1.15; } .page-default__inner h3 { font-size: var(--fs-blog-box-title-mobile); line-height: 1.2; } .page-default__inner h4 { font-size: var(--fs-blog-body); line-height: 1.3; } .page-default__inner p, .page-default__inner li, .page-default__inner td, .page-default__inner th { font-family: var(--font-body-alt); font-size: var(--fs-blog-body-mobile); font-weight: var(--fw-regular); line-height: var(--lh-blog-body); letter-spacing: var(--ls-blog); color: var(--color-blog-text); } .page-default__inner strong { font-weight: var(--fw-bold); } .page-default__inner .has-small-font-size { font-size: var(--fs-blog-meta-mobile) !important; color: var(--color-blog-muted); } .page-default__inner p:empty { display: none; } .page-default__inner a { color: var(--color-blog-link); text-decoration: underline; } .page-default__inner a:focus-visible { outline: 2px solid var(--color-blog-link); outline-offset: 2px; } .page-default__inner ul, .page-default__inner ol { margin: 0; padding-inline-start: 1.6875rem; } .page-default__inner ul { list-style: disc; } .page-default__inner ol { list-style: decimal; } .page-default__inner li + li { margin-block-start: var(--space-xs); } .page-default__inner hr { inline-size: 100%; margin: 0; border: 0; border-block-start: 1px solid var(--color-border-subtle); } .page-default__inner .wp-block-details { box-sizing: border-box; padding: var(--space-md); border-radius: var(--radius-faq); background-color: var(--color-bg); box-shadow: var(--shadow-card); } .page-default__inner .wp-block-details:not([open]) { gap: 0; } .page-default__inner .wp-block-details > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); font-family: var(--font-heading); font-size: var(--fs-blog-box-title-mobile); font-weight: var(--fw-semibold); line-height: 1.3; letter-spacing: var(--ls-blog); color: var(--color-blog-text); cursor: pointer; list-style: none; } .page-default__inner .wp-block-details > summary::-webkit-details-marker { display: none; } .page-default__inner .wp-block-details > summary::after { content: "+"; flex: 0 0 auto; font-family: var(--font-body-alt); font-weight: var(--fw-medium); color: var(--color-primary); } .page-default__inner .wp-block-details[open] > summary::after { content: "−"; } .page-default__inner .wp-block-details > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; border-radius: var(--space-2xs, 4px); } .page-default__inner .wp-block-table { inline-size: 100%; margin: 0; overflow-x: auto; } .page-default__inner .wp-block-table table { inline-size: 100%; border-collapse: collapse; } .page-default__inner .wp-block-table th, .page-default__inner .wp-block-table td { padding: var(--space-sm) var(--space-md); border: 1px solid var(--color-border-subtle); text-align: start; vertical-align: top; } .page-default__inner .wp-block-table th { font-weight: var(--fw-bold); } .page-default__inner .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f7f7f7; } @media (min-width: 1024px) { .page-default__inner { max-inline-size: calc(var(--blog-content-max) + (var(--header-pad-x) * 2)); padding-block: var(--blog-pad-y-mobile) var(--blog-pad-y); padding-inline: var(--header-pad-x); } .page-default__inner h1 { font-size: var(--fs-blog-title); } .page-default__inner h2 { font-size: var(--fs-blog-box-title); } .page-default__inner h3 { font-size: 1.75rem; } .page-default__inner h4 { font-size: var(--fs-blog-lead); } .page-default__inner p, .page-default__inner li, .page-default__inner td, .page-default__inner th { font-size: var(--fs-blog-body); } .page-default__inner .has-small-font-size { font-size: var(--fs-blog-meta-mobile) !important; } .page-default__inner .wp-block-details { padding: var(--space-lg) var(--space-xl); } .page-default__inner .wp-block-details > summary { font-size: 1.5rem; } } .site-footer { box-sizing: border-box; background-color: var(--color-footer-bg); color: var(--color-text-inverse); } main > :last-child, main > :last-child > :last-child { border-block-end: 0; } .site-footer__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(--footer-pad-y-mobile); padding-inline: var(--space-md); } .site-footer__top { display: flex; flex-direction: column; align-items: center; gap: var(--footer-stack-gap-mobile); inline-size: 100%; max-inline-size: var(--footer-content-max); } .site-footer__brand { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); inline-size: 100%; text-align: center; } .site-footer__logo { display: block; inline-size: var(--footer-logo-w-mobile); flex-shrink: 0; } .site-footer__logo-img { inline-size: 100%; block-size: auto; aspect-ratio: 159 / 89; object-fit: contain; } .site-footer__tagline { max-inline-size: 20rem; font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-footer-tagline); line-height: var(--lh-footer-tagline); letter-spacing: var(--ls-footer); color: var(--color-footer-text); } .site-footer__nav { display: flex; flex-direction: column; align-items: center; gap: var(--footer-stack-gap-mobile); inline-size: 100%; } .site-footer__col { display: flex; flex-direction: column; align-items: center; gap: var(--footer-nav-gap); inline-size: 100%; text-align: center; } .site-footer__heading { font-family: var(--font-body-alt); font-weight: var(--fw-bold); font-size: var(--fs-footer-heading); line-height: 1; letter-spacing: var(--ls-footer); color: var(--color-text-inverse); } .site-footer__list { display: flex; flex-direction: column; align-items: center; gap: var(--footer-nav-gap-tight); } .site-footer__link { font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-footer-link); line-height: var(--lh-footer-link); letter-spacing: var(--ls-footer); color: var(--color-text-inverse); transition: color var(--transition-base); } .site-footer__link:hover, .site-footer__link:focus-visible { color: var(--color-footer-link-hover); } .site-footer__link:focus-visible { outline-color: var(--color-footer-link-hover); } .site-footer__badges { display: flex; flex-direction: column; align-items: center; gap: var(--footer-badge-gap-mobile); inline-size: var(--footer-badge-w-mobile); } .site-footer__badge { inline-size: 100%; block-size: auto; object-fit: contain; } .site-footer__badge--ifa { aspect-ratio: 168 / 118; } .site-footer__badge--vetfran { aspect-ratio: 260 / 120; } .site-footer__rule { display: none; inline-size: 100%; max-inline-size: var(--footer-content-max); margin: 0; border: 0; border-block-end: 1px solid var(--color-footer-divider); } .site-footer__bottom { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); inline-size: 100%; max-inline-size: var(--footer-content-max); } .site-footer__meta { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; box-sizing: border-box; inline-size: 100%; padding-block-end: 1.25rem; border-block-end: 1px solid var(--color-footer-divider); } .site-footer__legal { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; text-align: center; } .site-footer__legal--desktop { display: none; } .site-footer__legal--mobile { display: flex; } .site-footer__legal-link, .site-footer__copyright { font-family: var(--font-body-alt); font-weight: var(--fw-regular); font-size: var(--fs-footer-link); line-height: var(--lh-footer-link); letter-spacing: var(--ls-footer); color: var(--color-text-inverse); } .site-footer__legal-link { transition: color var(--transition-base); } .site-footer__legal-link:hover, .site-footer__legal-link:focus-visible { color: var(--color-footer-link-hover); } .site-footer__legal-link:focus-visible { outline-color: var(--color-footer-link-hover); } .site-footer__social { display: flex; align-items: center; justify-content: center; gap: var(--footer-social-gap); } .site-footer__social-link { display: inline-flex; align-items: center; justify-content: center; inline-size: 2rem; block-size: 2rem; transition: opacity var(--transition-base); } .site-footer__social-link:hover { opacity: 0.85; } .site-footer__social-link:focus-visible { outline-color: var(--color-text-inverse); } .site-footer__social-icon { object-fit: contain; } .site-footer__social-icon--facebook { inline-size: 9px; block-size: 17px; } .site-footer__social-icon--instagram, .site-footer__social-icon--linkedin, .site-footer__social-icon--youtube { inline-size: 15px; block-size: 15px; } .site-footer .visually-hidden { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (min-width: 1024px) { .site-footer__inner { gap: 3.125rem; padding-block-start: var(--footer-pad-y-top); padding-block-end: var(--footer-pad-y-bottom); padding-inline: var(--header-pad-x); } .site-footer__top { flex-direction: row; align-items: flex-start; gap: var(--footer-col-gap); } .site-footer__brand { flex: 1 0 0; align-items: flex-start; gap: 0.9375rem; min-inline-size: 0; text-align: start; } .site-footer__logo { inline-size: 100%; } .site-footer__logo-img { aspect-ratio: 2437 / 1362; } .site-footer__tagline { max-inline-size: var(--footer-tagline-max); text-align: start; } .site-footer__nav { flex: 3 0 0; flex-direction: row; align-items: flex-start; gap: var(--footer-col-gap); min-inline-size: 0; } .site-footer__col { flex: 1 0 0; align-items: flex-start; min-inline-size: 0; text-align: start; } .site-footer__list { align-items: flex-start; } .site-footer__badges { flex-shrink: 0; align-items: flex-start; gap: var(--footer-badge-gap); inline-size: auto; } .site-footer__badge--ifa { inline-size: var(--footer-badge-ifa-w); block-size: var(--footer-badge-ifa-h); } .site-footer__badge--vetfran { inline-size: var(--footer-badge-vetfran-w); block-size: var(--footer-badge-vetfran-h); } .site-footer__rule { display: block; } .site-footer__bottom { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: var(--footer-legal-gap); } .site-footer__meta { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: var(--footer-legal-gap); flex: 1 1 auto; min-inline-size: 0; inline-size: auto; padding-block-end: 0; border-block-end: 0; } .site-footer__legal--desktop { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: var(--footer-legal-gap); min-inline-size: 0; text-align: start; } .site-footer__legal--mobile { display: none; } .site-footer__legal-link, .site-footer__copyright { white-space: nowrap; } .site-footer__social { flex-shrink: 0; } } @media (min-width: 1024px) and (max-width: 1439px) { .site-footer__bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--footer-legal-gap); row-gap: var(--space-md); } .site-footer__meta { flex: unset; min-inline-size: 0; max-inline-size: 100%; } .site-footer__legal--desktop { flex-wrap: wrap; justify-content: flex-start; } .site-footer__social { --footer-social-gap: 1rem; justify-self: end; } .site-footer__social-link { inline-size: 1.5rem; block-size: 1.5rem; } } :is( .site-header__cta, .site-footer--zee .site-footer__cta, .local-shine-plus__cta, .local-services__cta, .local-guarantee__cta, .local-team__cta, .local-hero__submit, .contact-form__submit, .contact-form .gform_button, .contact-form .gform_footer input[type="submit"], .service-hub-v3__cta, .service-hub-v3--hub .service-hub-v3__action, .hub-services__cta:not(.hub-services__cta--lighting), .service-areas__btn, .services-v1__cta, .process-v2__cta, .process-v4__cta, .process-v2-shine-template__cta, .process-service-page__cta, .pricing-service-page__btn, .local-service-pricing-cta__cta, .local-service-template-service-intro__cta, .our-story-in-city__cta, .brand-intro-service-page__cta, .community-vision__cta, .spotless-home__btn, .blog-list__chip, .blog__content .wp-block-button__link, .cta-v3__btn--primary, .error-404__btn--primary ):hover { opacity: 1; background-color: var(--color-primary-hover); border-color: var(--color-primary-hover); } :is( .local-hero__form-panel .gform_footer .local-hero__submit, .local-hero__form-panel .gform-footer .local-hero__submit, .local-hero__form-panel .gform_wrapper .gform-footer .contact-form__submit ):hover { opacity: 1 !important; background-color: var(--color-primary-hover) !important; border-color: var(--color-primary-hover) !important; }