html, body { background: #fff; } body { font-family: var(--f-body); color: var(--ink); } h1, h2, h3, h4, h5, h6 { font-family: var(--f-head); letter-spacing: -0.015em; } h1 em, h2 em, h3 em { font-style: normal; font-weight: 300; } .plus-accent { color: var(--highlight-light); font-weight: 300; } .fade-in { opacity: 1; transform: none; } .container { width: min(var(--wrap, 1200px), calc(100% - 3rem)); margin-inline: auto; } .wrap--narrow { max-width: 880px; } @media (max-width: 600px) { .container { width: calc(100% - 2rem); } } img.wm-br { object-position: 100% 100%; } img.wm-tr { object-position: 100% 0; } img.wm-bc { object-position: 50% 100%; } .eyebrow .plus { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--accent-bright); color: #fff; font-size: .8rem; font-weight: 800; margin-right: .1rem; letter-spacing: 0; } .eyebrow:has(.plus)::before { display: none; } .section--alt, .section--sky { background: var(--cloud); } .section--alt::before, .section--sky::before, .section::before { content: none; } .topbar .lang-toggle { display: inline-flex; gap: .35rem; align-items: center; font-weight: 600; font-size: .82rem; } .topbar .lang-toggle a { color: var(--on-dark-2); } .topbar .lang-toggle a.active, .topbar .lang-toggle a[aria-current] { color: #fff; } .topbar__links { display: flex; gap: 1.2rem; flex-wrap: wrap; } .topbar__links span { color: var(--on-dark-2); } .site-header .brand img { width: 196px; height: auto; } body.is-scrolled .site-header .brand img { width: 164px; } @media (max-width: 760px) { .topbar__hours, .topbar__social { display: none !important; } } .hero--photo .hero__pic { position: absolute; inset: 0; z-index: 0; } .hero--photo .hero__pic img { width: 100%; height: 100%; object-fit: cover; } .hero__still { animation: fdp-drift 30s ease-in-out infinite alternate; transform-origin: 70% 60%; will-change: transform; } @keyframes fdp-drift { from { transform: scale(1.02) translate3d(0,0,0); } to { transform: scale(1.1) translate3d(-1.5%, -1%, 0); } } @media (prefers-reduced-motion: reduce) { .hero__still { animation: none; transform: none; } } body.a11y-no-motion .hero__still { animation: none; transform: none; } .hero h1 { letter-spacing: -0.015em; } .hero__book ul li > div { display: flex; flex-direction: column; gap: .15rem; } .hero__book .fdp-status { font-size: .82rem; color: var(--on-dark-2); } .fdp-status.is-open { color: #9BE3B5 !important; } .hero__book__addr { font-size: .9rem; color: var(--on-dark); margin: .9rem 0 0; } .hero__book__addr strong { color: var(--highlight-light); font-weight: 600; } .doctors-grid--4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap, 1.75rem); } @media (max-width: 980px) { .doctors-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .doc-card { text-align: center; } .doc-card__body h3 { margin-bottom: .25rem; } .care-note { max-width: 720px; margin: clamp(2.5rem, 5vw, 3.5rem) auto 0; text-align: center; padding: 2rem 2rem 2.2rem; border-radius: var(--radius); background: linear-gradient(180deg, var(--accent-wash), #fff); } .care-note .eyebrow { justify-content: center; } .care-note h3 { font-size: clamp(1.4rem, 2.4vw, 1.8rem); margin: .4rem 0 .6rem; } .care-note p { color: var(--muted); margin: 0; } .stories--quotes { display: grid; grid-template-columns: 7fr 5fr; gap: var(--gap, 1.75rem); align-items: stretch; } .stories--quotes .stories__quote blockquote { font-size: clamp(1.3rem, 2.2vw, 1.75rem); } .stories__list { display: grid; gap: var(--gap, 1.75rem); } .quote-card { margin: 0; background: #fff; border-radius: var(--radius); padding: 1.6rem 1.7rem; box-shadow: var(--shadow-md); position: relative; } .quote-card blockquote { margin: 0 0 .9rem; font-size: 1.05rem; line-height: 1.6; color: var(--ink); } .quote-card figcaption { font-size: .9rem; color: var(--muted); } .quote-card figcaption strong { color: var(--brand); } @media (max-width: 900px) { .stories--quotes { grid-template-columns: 1fr; } } .ins__logos--text { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .ins__tile { display: grid; place-items: center; text-align: center; min-height: 110px; padding: 1rem; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); font-family: var(--f-head); font-weight: 700; font-size: 1.12rem; color: var(--brand); border-top: 3px solid var(--highlight); } .office-map-layout--single { display: grid; grid-template-columns: 6fr 6fr; gap: var(--gap, 1.75rem); align-items: stretch; } .office-map--embed { border-radius: var(--radius); overflow: hidden; min-height: 420px; box-shadow: var(--shadow-md); background: var(--cloud-2); } .office-map--embed iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; } @media (max-width: 900px) { .office-map-layout--single { grid-template-columns: 1fr; } .office-map--embed, .office-map--embed iframe { min-height: 320px; } } .office-card__status.fdp-status { font-size: .8rem; } .section.section-cta { padding: 0; background: none; } .cta-band.cta-photo { background: var(--brand-deep); padding: clamp(5rem, 11vw, 8.5rem) 0; } .cta-band.cta-photo::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(var(--brand-deep-rgb),.84) 0%, rgba(var(--brand-rgb),.78) 50%, rgba(var(--brand-deep-rgb),.9) 100%); font-size: 0; transform: none; opacity: 1; width: auto; height: auto; } .cta-photo .eyebrow { justify-content: center; } .rel-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap, 1.75rem); } .rel-grid .rail-card { flex: 0 1 300px; } .duo__body .check-list { list-style: none; padding: 0; margin: 1rem 0 1.6rem; display: grid; grid-template-columns: 1fr 1fr; gap: .55rem 1.4rem; } .duo__body .check-list li { position: relative; padding-left: 1.6rem; color: var(--ink); } .duo__body .check-list li::before { content: ''; position: absolute; left: 0; top: .45em; width: 11px; height: 11px; border-radius: 50%; background: var(--accent-bright); box-shadow: 0 0 0 4px var(--accent-wash); } @media (max-width: 600px) { .duo__body .check-list { grid-template-columns: 1fr; } } .h2--as-h3 { font-size: clamp(1.8rem, 3vw, 2.5rem); } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]), .section-pathway { padding: clamp(3rem, 6vw, 4.5rem) 0; } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) > *, .section-pathway > * { width: min(780px, calc(100% - 2.4rem)); margin-inline: auto; } .section-pathway > .container { width: min(780px, calc(100% - 2.4rem)); } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) h2, .section-pathway h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); margin-bottom: 1rem; } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) :is(p, li), .section-pathway p, .section-pathway li { color: var(--muted); line-height: 1.75; } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) .lede, .section-pathway .lede { font-size: 1.15rem; color: var(--ink); } section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) + section[class^="section section-"]:not(.section-cta):not([class^="section section--"]) { border-top: 1px solid var(--line); } .post-section { padding-top: clamp(2rem, 4vw, 3rem); } .breadcrumb--light { color: var(--muted); margin-bottom: 1.4rem; } .breadcrumb--light a { color: var(--accent); } .post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(2rem, 5vw, 4rem); align-items: start; } .post-article { max-width: 760px; font-size: 1.08rem; line-height: 1.78; } .post-article h1 { font-size: clamp(2.1rem, 4vw, 3.1rem); line-height: 1.12; color: var(--brand); margin: 0 0 .8rem; text-wrap: balance; } .post-article h2 { font-size: clamp(1.45rem, 2.4vw, 1.9rem); margin: 2.2rem 0 .7rem; color: var(--brand); } .post-article h3 { margin: 1.6rem 0 .5rem; } .post-article p, .post-article li { color: #24404c; } .post-article .lede { font-size: 1.24rem; color: var(--ink); line-height: 1.65; } .post-article .post-meta { font-size: .9rem; color: var(--muted); font-weight: 600; letter-spacing: .02em; } .post-article img { width: 100% !important; height: auto !important; border-radius: var(--radius) !important; margin: 1.6rem 0 !important; box-shadow: var(--shadow-md); display: block; } .post-article ul { padding-left: 1.2rem; } .post-article li { margin-bottom: .45rem; } .post-article .disclaimer { margin-top: 2.4rem; padding: 1.1rem 1.3rem; border-radius: var(--radius-sm); background: var(--cloud); border-left: 3px solid var(--accent-bright); font-size: .9rem; color: var(--muted); } .post-article hr { border: 0; border-top: 1px solid var(--line); margin: 2.4rem 0 0; } .post-article > p:first-child a { font-weight: 600; } .post-rail { position: sticky; top: 110px; } .post-rail__card { position: relative; overflow: hidden; border-radius: var(--radius); padding: 1.8rem 1.6rem; background: var(--grad-brand, linear-gradient(135deg, var(--brand-grad-start), var(--brand-grad-end))); color: #fff; box-shadow: var(--shadow-lg); } .post-rail__card .eyebrow { color: var(--highlight-light); } .post-rail__card h3 { color: #fff; font-size: 1.4rem; margin: .5rem 0 .6rem; } .post-rail__card p { color: var(--on-dark); font-size: .95rem; } .post-rail__card .btn-row { display: grid; gap: .6rem; margin-top: 1.1rem; } .post-rail__card .btn { width: 100%; justify-content: center; } .post-rail__note { font-size: .82rem !important; color: var(--on-dark-2) !important; margin: 1rem 0 0; } @media (max-width: 980px) { .post-layout { grid-template-columns: 1fr; } .post-rail { position: static; } } .blog-list { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gap, 1.75rem); } .blog-list > .blog-card { flex: 0 1 340px; max-width: 380px; margin: 0; } .blog-card { border-radius: var(--radius); overflow: hidden; background: #fff; box-shadow: var(--shadow-md); transition: transform .4s var(--ease), box-shadow .4s var(--ease); border: 0; } .blog-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .blog-card__link { display: block; color: inherit; text-decoration: none; height: 100%; } .blog-card__image { aspect-ratio: 16 / 10; background-color: var(--cloud-2); transition: transform .8s var(--ease); } .blog-card:hover .blog-card__image { transform: scale(1.04); } .blog-card__body { padding: 1.2rem 1.4rem 1.5rem; text-align: left; } .blog-card__body h3 { font-size: 1.12rem; line-height: 1.35; margin: .35rem 0 0; color: var(--brand); } .blog-card__date { font-size: .8rem; color: var(--muted); margin: 0; font-weight: 600; } .section-head .eyebrow { justify-content: center; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) { padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(3rem, 6vw, 5rem); background: linear-gradient(180deg, var(--cloud) 0, #fff 420px); } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) > .container { max-width: 800px; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) h1 { font-size: clamp(2rem, 4vw, 3rem); color: var(--brand); line-height: 1.14; margin: .8rem 0 1.2rem; text-wrap: balance; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) h2 { font-size: clamp(1.4rem, 2.4vw, 1.85rem); color: var(--brand); margin: 2.2rem 0 .7rem; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) h3 { margin: 1.6rem 0 .5rem; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) p, :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) li { color: #24404c; line-height: 1.78; } :is(.main--serving, main:has(.seo-expansion-back), main:has(.seo-expansion-index)) .lead { font-size: 1.2rem; color: var(--ink); } .seo-expansion-back { display: inline-block; font-weight: 600; font-size: .92rem; color: var(--accent); } .seo-expansion-related ul, .seo-expansion-index { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; } .seo-expansion-related li a, .seo-expansion-index li a { display: inline-block; padding: .55rem 1rem; border-radius: 999px; background: #fff; box-shadow: var(--shadow-sm); color: var(--brand); font-weight: 600; font-size: .92rem; } .seo-expansion-related li a:hover, .seo-expansion-index li a:hover { background: var(--accent-wash); } .seo-expansion-related h2 { text-align: center; } .seo-expansion-sources { margin-top: 2.4rem; font-size: .88rem; } .seo-expansion-sources h2 { font-size: 1.05rem !important; } .seo-expansion-sources ul { columns: 2; padding-left: 1.1rem; } .seo-expansion-disclaimer, .seo-expansion-updated { color: var(--muted); } .seo-expansion-hub-cta { text-align: center; margin-top: 2rem; } main:has(.seo-expansion-index) .lead { text-align: center; } main:has(.seo-expansion-index) h1 { text-align: center; } .seo-expansion-links-section { padding: clamp(2.5rem, 5vw, 3.5rem) 1rem !important; margin: 0 auto !important; } .seo-expansion-links-section .seo-expansion-links h2 { text-align: center !important; color: var(--brand) !important; font-family: var(--f-head) !important; font-weight: 700 !important; } .seo-expansion-links-section .seo-expansion-links li a { background: #fff !important; border-color: var(--line-strong) !important; color: var(--brand) !important; font-weight: 600; } .seo-expansion-links-section .seo-expansion-links li a:hover { background: var(--accent-wash) !important; } .seo-expansion-links-section .seo-expansion-links p { text-align: center !important; } .pagehead--photo .pagehead__bg img { width: 100%; height: 100%; object-fit: cover; } .pagehead .lead, .pagehead p { color: var(--on-dark); } .pagehead__actions { margin-top: 1.4rem; } .section .lead { color: var(--muted); } .process-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; } .process-grid > * { flex: 1 1 220px; max-width: 300px; } .process-step { background: #fff; border-radius: var(--radius); padding: 1.4rem; box-shadow: var(--shadow-sm); text-align: center; } .related-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; } .faq-list details, .faq-item { border-radius: var(--radius-sm); } .review { border-radius: var(--radius); box-shadow: var(--shadow-md); background: #fff; border: 0; } .btn { font-family: var(--f-head); } .text-center { text-align: center; } @media print { .post-rail, .hero__pic { display: none !important; } } .duo__badge i { background: var(--ico) center / 18px no-repeat, var(--grad-accent); } body .topbar { position: relative !important; top: auto !important; z-index: 5; } .svc-hero .breadcrumb, .pagehead .breadcrumb, .breadcrumb--light { background: none; padding: 0; border: 0; } .doctors-grid.doctors-grid--4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap, 1.75rem); } @media (max-width: 980px) { .doctors-grid.doctors-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 420px) { .doctors-grid.doctors-grid--4 { gap: 1rem; } .doctors-grid--4 .doc-card__role { font-size: .7rem; } } .ins__text .eyebrow { color: var(--highlight-light); } .ins__logos--text { align-content: center; } .ins__tile { min-height: 0; padding: 1.4rem 1rem; background: var(--accent-wash); box-shadow: none; border-top: 0; border-radius: var(--radius); display: flex; flex-direction: column; gap: .6rem; align-items: center; justify-content: center; } .ins__tile::before { content: ''; width: 34px; height: 34px; border-radius: 50%; background: var(--ico-check) center / 16px no-repeat, var(--grad-accent); } :root { --ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } .office-card__status.fdp-status { max-width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .blog-card .blog-card__image { display: block; aspect-ratio: 16 / 10; } article.svc-card:not(:has(.svc-card__media)) { padding: 1.6rem 1.6rem 1.8rem; } .finance-card { padding: 1.4rem 1.4rem 1.6rem; } .svc-grid:has(> .finance-card:nth-child(4):last-child) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap, 1.75rem); max-width: 920px; margin-inline: auto; } @media (max-width: 760px) { .svc-grid:has(> .finance-card:nth-child(4):last-child) { grid-template-columns: 1fr; } } .svc-grid:has(> .finance-card:nth-child(4):last-child) > * { grid-column: auto; } .doctors-grid:has(> :nth-child(4):last-child) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap, 1.75rem); overflow: visible; margin: 0; padding: 0; } @media (max-width: 980px) { .doctors-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .care-team { background: linear-gradient(180deg, var(--accent-wash), #fff); border-color: var(--line); } @media (max-width: 980px) { .site-header .nav__list > li > .nav__sub, .site-header .nav__list > li:hover > .nav__sub, .site-header .nav__list > li:focus-within > .nav__sub { position: static; transform: none; opacity: 1; visibility: visible; box-shadow: none; border: 0; border-left: 2px solid rgba(var(--highlight-rgb), .55); border-radius: 0; background: transparent; padding: .1rem 0 .7rem 1rem; margin: 0 0 .4rem .2rem; min-width: 0; display: none; } .site-header .nav__list > li.is-expanded > .nav__sub { display: block; } .site-header .nav__sub a { color: var(--on-dark) !important; background: transparent !important; padding: .5rem 0; font-size: .95rem; } .site-header .nav__sub .nav__sub-overview a { color: var(--highlight-light) !important; } } @media (max-width: 980px) { body.menu-open::after { content: ''; position: fixed; inset: 0; background: rgba(var(--brand-deep-rgb), .55); z-index: 40; } body.menu-open .site-header { z-index: 60; } body.menu-open [id*="weave" i], body.menu-open [class*="weave" i], body.menu-open iframe[src*="getweave"], body.menu-open .a11y-toggle, body.menu-open .a11y-launcher { display: none !important; } } .site-footer h3.footer__h { font-family: var(--f-head); font-weight: 700; font-size: .92rem; letter-spacing: 0; text-transform: none; color: var(--highlight-light); margin: 0 0 1.1rem; } .site-footer .footer__disclaimer { color: var(--on-dark-2) !important; } .office-map--embed { background-size: cover; background-position: center; position: relative; } .office-map--embed iframe { position: relative; z-index: 1; } .doctors-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } .doctors-grid:has(> :nth-child(4):last-child) > * { grid-column: span 3 !important; } .svc-grid:has(> :nth-child(4):last-child) > *, .services-grid:has(> :nth-child(4):last-child) > *, .reviews-grid:has(> :nth-child(4):last-child) > * { grid-column: span 6 !important; } .svc-grid:has(> :nth-child(4):last-child) { max-width: 940px; margin-inline: auto; } @media (max-width: 900px) { .doctors-grid:has(> :nth-child(4):last-child) > * { grid-column: span 6 !important; } } @media (max-width: 600px) { .svc-grid:has(> :nth-child(4):last-child) > *, .services-grid:has(> :nth-child(4):last-child) > *, .reviews-grid:has(> :nth-child(4):last-child) > * { grid-column: span 12 !important; } } .site-header__inner { gap: 1.2rem; } .lang-switch--header { order: 3; flex: 0 0 auto; } .site-header .nav { order: 2; } @media (min-width: 981px) { .site-header .brand { order: 1; } .site-header .nav { margin-left: auto; } } @media (max-width: 980px) { .site-header .brand { order: 1; margin-right: auto; } .lang-switch--header { order: 2; } .site-header .nav-toggle { order: 3; } .topbar__inner > .lang-switch { display: none; } } @media (max-width: 380px) { .site-header .brand img { width: 150px; } } .a11y-widget { left: 18px !important; right: auto !important; bottom: 18px !important; } .a11y-toggle { left: 18px !important; right: auto !important; bottom: 18px !important; } .a11y-panel { left: 18px !important; right: auto !important; bottom: 84px !important; } .footer__bar { padding-bottom: 8.5rem; } @media (min-width: 981px) { .footer__bar { padding-right: 96px; padding-bottom: 2rem; } .site-footer { padding-bottom: 110px; } } @media (max-width: 600px) { .a11y-widget { left: 12px !important; bottom: 134px !important; } .a11y-toggle { left: 12px !important; right: auto !important; bottom: 134px !important; } .a11y-panel { left: 12px !important; right: auto !important; bottom: 196px !important; } } @media (max-width: 600px) { :root { --rail-gutter: 1.1rem; } } .btn--highlight, .btn--highlight:hover, .btn--highlight:focus-visible, .btn--highlight:active, a.btn--highlight:hover, .hero__book .btn--xs, .hero__book .btn--xs:hover, .btn--xs.btn--highlight:hover { color: var(--brand-deep) !important; -webkit-text-fill-color: var(--brand-deep) !important; } .btn--highlight:hover, .hero__book .btn--xs:hover { background: var(--highlight-light) !important; }