/* GENERATED from ../more-services.css by scripts/dark-mode/build-dark.mjs — do not edit.
   Tune colours in ../dark.css (palette + hand-made overrides), then re-run the script
   after any colour change in ../more-services.css. */
:where(html[data-theme="dark"]) .page-template-template-more-services {
    /* more-services.css:21 */ --ms-navy: var(--dk-heading);
    --ms-text: var(--dk-muted);
    --ms-note: #a6b1ca;
    --ms-gold: #ceaa7d;
    --ms-script: #ceaa81;
    --ms-line: var(--dk-line)
}
:where(html[data-theme="dark"]) .ms-rule {
    /* more-services.css:97 */ background-color: var(--ms-gold-line);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-hero {
    /* more-services.css:106 */ background-color: var(--dk-bg-alt);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-hero__media::after {
    /* more-services.css:121 */ background-color: color-mix(in srgb, var(--dk-bg-alt) 86%, transparent);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-hero__carved {
    /* more-services.css:149 */ color: rgba(112, 90, 66, 0.74);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.055), 0 -1px 0 rgba(0, 0, 0, 0.432)
}
:where(html[data-theme="dark"]) .ms-hero__script {
    /* more-services.css:172 */ color: #a4815a
}
:where(html[data-theme="dark"]) .ms-hero__script span:last-child::before {
    /* more-services.css:200 */ background-color: currentColor
}
:where(html[data-theme="dark"]) .ms-hero__eyebrow {
    /* more-services.css:220 */ color: var(--ms-gold)
}
:where(html[data-theme="dark"]) .ms-hero__title {
    /* more-services.css:230 */ color: var(--ms-navy)
}
:where(html[data-theme="dark"]) .ms-hero__lede {
    /* more-services.css:254 */ color: var(--ms-text)
}
:where(html[data-theme="dark"]) .ms-services {
    /* more-services.css:272 */ background-color: var(--dk-bg);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-card {
    /* more-services.css:285 */ background-color: var(--dk-surface);
    background-image: none;
    border-color: var(--ms-line);
    box-shadow: 0 6px 18px -14px rgba(0, 0, 0, 0.528)
}
:where(html[data-theme="dark"]) .ms-card__num {
    /* more-services.css:299 */ color: var(--ms-gold)
}
:where(html[data-theme="dark"]) .ms-card__num::after {
    /* more-services.css:310 */ background-color: var(--ms-gold-line);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-card__flag {
    /* more-services.css:317 */ color: var(--ms-gold)
}
:where(html[data-theme="dark"]) .ms-card__title {
    /* more-services.css:327 */ color: var(--ms-navy)
}
:where(html[data-theme="dark"]) .ms-card__lede {
    /* more-services.css:341 */ color: var(--ms-text)
}
:where(html[data-theme="dark"]) .ms-card__list li {
    /* more-services.css:356 */ color: var(--ms-text)
}
:where(html[data-theme="dark"]) .ms-card__check {
    /* more-services.css:364 */ background-color: var(--ms-bronze);
    background-image: none;
    color: #fff
}
:where(html[data-theme="dark"]) .ms-card__check svg {
    /* more-services.css:377 */ stroke: currentColor
}
:where(html[data-theme="dark"]) .ms-card__note {
    /* more-services.css:387 */ color: var(--ms-note)
}
:where(html[data-theme="dark"]) .ms-card__tag--notebook {
    /* more-services.css:458 */ color: rgba(58, 56, 54, 0.82)
}
:where(html[data-theme="dark"]) .ms-card__tag--box {
    /* more-services.css:484 */ color: rgba(66, 62, 58, 0.85)
}
:where(html[data-theme="dark"]) .ms-card__tag--sky {
    /* more-services.css:504 */ color: rgba(84, 72, 62, 0.88)
}
:where(html[data-theme="dark"]) .ms-card__tag--sky::after {
    /* more-services.css:515 */ background-color: rgba(84, 72, 62, 0.7);
    background-image: none
}
:where(html[data-theme="dark"]) .ms-cta {
    /* more-services.css:526 */ background-color: var(--dk-bg-alt);
    background-image: linear-gradient(color-mix(in srgb, var(--dk-bg-alt) 80%, transparent), color-mix(in srgb, var(--dk-bg-alt) 80%, transparent)), url("../../images/more-services/more-services_not-sure-where-to-start.avif")
}
:where(html[data-theme="dark"]) .ms-cta__title {
    /* more-services.css:545 */ color: var(--ms-navy)
}
:where(html[data-theme="dark"]) .ms-cta__lede {
    /* more-services.css:559 */ color: var(--ms-text)
}
:where(html[data-theme="dark"]) .ms-cta__btn {
    /* more-services.css:567 */ background-color: var(--ms-button);
    background-image: none;
    box-shadow: 0 8px 18px -12px rgba(0, 0, 0, 0.6);
    color: #fff
}
:where(html[data-theme="dark"]) .ms-cta__btn:hover {
    /* more-services.css:586 */ background-color: #85622f;
    background-image: none;
    color: #fff
}
:where(html[data-theme="dark"]) .ms-cta__btn svg {
    /* more-services.css:592 */ stroke: currentColor
}
:where(html[data-theme="dark"]) .ms-cta__script {
    /* more-services.css:603 */ color: var(--ms-script)
}
:where(html[data-theme="dark"]) .ms-cta__script span:last-child::before {
    /* more-services.css:633 */ background-color: currentColor
}
@media (min-width: 1080px) {
    :where(html[data-theme="dark"]) .ms-hero__media::after {
        /* more-services.css:691 */ background-color: transparent;
        background-image: linear-gradient(90deg,
			color-mix(in srgb, var(--dk-bg-alt) 96%, transparent) 0%,
			color-mix(in srgb, var(--dk-bg-alt) 90%, transparent) 30%,
			color-mix(in srgb, var(--dk-bg-alt) 50%, transparent) 44%,
			rgba(248, 245, 242, 0) 56%)
    }
    :where(html[data-theme="dark"]) .ms-cta {
        /* more-services.css:705 */ background-color: var(--dk-bg-alt);
        background-image: url("../../images/more-services/more-services_not-sure-where-to-start.avif")
    }
}
