:root { --editorial-serif: "DM Serif Display", Georgia, serif; --editorial-sans: "DM Sans", Arial, sans-serif; }
body { font-family: var(--editorial-sans); background: #fbfcfc; }.site-header { width: min(100% - 72px, 1440px); height: 96px; }.wordmark { color: var(--spin-aqua); font-family: var(--editorial-sans); font-size: 27px; font-weight: 700; letter-spacing: -.09em; }.desktop-nav { gap: 31px; }.desktop-nav a { color: var(--ocean-ink); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }.header-cta { border-radius: 0; padding: 13px 17px; background: var(--spin-aqua); font-size: 12px; }.header-cta:hover { background: var(--deep-aqua); }
h1, h2 { font-family: var(--editorial-serif); font-weight: 400; letter-spacing: -.055em; } h3 { font-family: var(--editorial-sans); }.eyebrow { font-family: var(--editorial-sans); font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.service-hero { width: 100%; min-height: calc(100svh - 96px); grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); border-radius: 0; background: #cfe7ed; box-shadow: none; }.service-hero::before { z-index: -1; top: 0; left: 0; width: 58%; height: 100%; border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(224,241,244,.98), rgba(224,241,244,.76)); animation: none; }.service-hero::after { display: none; }.service-hero-copy { padding: clamp(44px, 7vw, 100px) clamp(36px, 8vw, 138px); }.breadcrumb { margin-bottom: 42px; color: var(--deep-aqua); font-family: var(--editorial-sans); font-size: 10px; font-weight: 600; }.service-mark { width: 54px; height: 54px; margin-bottom: 25px; border-radius: 50%; color: var(--deep-aqua); border-color: rgba(8,124,145,.35); background: rgba(255,255,255,.42); box-shadow: none; }.hero-kicker { color: var(--deep-aqua); }.service-hero h1 { margin-bottom: 24px; color: var(--ocean-ink); font-size: clamp(64px, 7vw, 110px); line-height: .84; }.service-hero-copy > p:not(.eyebrow) { max-width: 425px; color: #31545c; font-size: 16px; line-height: 1.58; }.button { border-radius: 0; min-height: 52px; font-family: var(--editorial-sans); font-size: 13px; }.button-deep { background: var(--spin-aqua); }.button-deep:hover { background: var(--deep-aqua); }.hero-photo-wrap::before { background: linear-gradient(90deg, rgba(224,241,244,.5), transparent 42%); }.hero-photo-wrap::after { right: 36px; bottom: 34px; width: 118px; height: 118px; border-color: rgba(255,255,255,.58); }.hero-photo { animation: service-image-breathe 15s ease-in-out infinite alternate; }.hero-label { right: 39px; bottom: 39px; font-family: var(--editorial-sans); font-size: 10px; }
.service-intro { width: min(1280px, calc(100% - 72px)); grid-template-columns: .9fr 1.1fr; gap: clamp(45px, 10vw, 165px); margin: 160px auto; }.service-intro h2, .process-heading h2, .network-copy h2 { font-family: var(--editorial-serif); font-weight: 400; }.service-intro-copy > p { font-size: 17px; line-height: 1.65; }.care-point { min-height: 116px; padding: 18px; border-radius: 0; box-shadow: none; }.care-point b { font-size: 13px; }.care-point span { font-size: 12px; }
.care-process { padding: 135px max(36px, calc((100% - 1280px) / 2)); background: #eaf8fa; }.process-inner { width: min(1280px, 100%); }.process-heading { grid-template-columns: 1fr 325px; gap: 90px; }.process-grid { gap: 0; margin-top: 62px; }.process-step { min-height: 260px; padding: 25px 22px 25px 0; border: 0; border-top: 1px solid var(--spin-aqua); border-radius: 0; background: transparent; box-shadow: none; }.process-step:not(:first-child) { padding-left: 22px; }.process-step::after { top: -1px; right: -7px; width: 13px; background: var(--spin-aqua); }.step-number { margin-bottom: 65px; border-radius: 0; background: transparent; color: var(--deep-aqua); font-size: 11px; }.process-step h3 { font-family: var(--editorial-serif); font-size: 30px; font-weight: 400; }.process-step p { font-size: 13px; }
.service-standard { width: min(1280px, calc(100% - 72px)); gap: 12px; margin: 150px auto; }.standard-lead, .standard-detail { min-height: 360px; border-radius: 0; }.standard-lead { background: var(--ocean-ink); }.standard-lead h2 { font-family: var(--editorial-serif); font-weight: 400; }.standard-detail { box-shadow: none; }.standard-detail p { font-size: 16px; }.network-section { padding: 140px max(36px, calc((100% - 1280px) / 2)); background: var(--spin-aqua); }.network-inner { width: min(1280px, 100%); grid-template-columns: 1fr .85fr; }.network-copy h2 { font-family: var(--editorial-serif); font-weight: 400; }.network-copy p, .network-note p { color: rgba(255,255,255,.8); }.network-notes { gap: 0; }.network-note { padding: 19px 0; border: 0; border-top: 1px solid rgba(255,255,255,.45); border-radius: 0; background: none; }.network-note:last-child { border-bottom: 1px solid rgba(255,255,255,.45); }
.related-services { width: min(1280px, calc(100% - 72px)); margin: 150px auto; }.related-heading h2 { font-family: var(--editorial-serif); font-weight: 400; }.text-link { border-bottom-width: 1px; font-size: 12px; }.related-grid { gap: 12px; }.related-card { min-height: 270px; border-radius: 0; }.related-card h3 { font-family: var(--editorial-serif); font-size: 30px; font-weight: 400; }.pickup-section { min-height: 550px; padding: 110px max(36px, calc((100% - 1280px) / 2)); }.pickup-content { width: min(1280px, 100%); }.pickup-content h2 { font-family: var(--editorial-serif); font-weight: 400; }.site-footer { width: min(1280px, calc(100% - 72px)); }.footer-mark { color: var(--spin-aqua); }
@keyframes service-image-breathe { to { transform: scale(1.06) translate3d(-1.2%, -1%, 0); } }
@media (max-width: 850px) { .site-header { width: calc(100% - 36px); height: 78px; }.service-hero { min-height: auto; grid-template-columns: 1fr; }.service-hero-copy { min-height: 560px; padding: 66px 56px; }.hero-photo-wrap { min-height: 420px; }.service-intro, .service-standard, .related-services, .site-footer { width: calc(100% - 48px); }.service-intro { gap: 54px; }.care-process, .network-section, .pickup-section { padding-right: 36px; padding-left: 36px; }.process-grid { grid-template-columns: repeat(2, 1fr); }.process-step:nth-child(2)::after { display: none; }.network-inner { grid-template-columns: 1fr; } }
@media (max-width: 590px) { .site-header { width: calc(100% - 32px); height: 72px; }.wordmark { font-size: 24px; }.service-hero-copy { min-height: 530px; padding: 43px 28px 50px; }.breadcrumb { margin-bottom: 28px; }.service-hero h1 { font-size: 61px; }.service-hero-copy > p:not(.eyebrow) { font-size: 15px; }.hero-photo-wrap { min-height: 355px; }.service-intro, .service-standard, .related-services, .site-footer { width: calc(100% - 32px); }.service-intro { margin: 92px auto; }.care-process, .network-section, .pickup-section { padding: 84px 16px; }.process-heading { grid-template-columns: 1fr; gap: 16px; }.process-grid { grid-template-columns: 1fr; margin-top: 34px; }.process-step, .process-step:not(:first-child) { min-height: 180px; padding: 21px 0; }.process-step::after { display: none; }.step-number { margin-bottom: 34px; }.service-standard { margin: 92px auto; }.standard-lead, .standard-detail { padding: 33px 27px; }.related-services { margin: 92px auto; }.related-card { min-height: 225px; } }