/* BD6.5 — paired editorial photography for the six paths and breathing choices. */
.service-card--has-illustration[data-service="breathing"] { --f2-bg:url('/images/services/service-breath-day.webp'); }
.service-card--has-illustration[data-service="coaching"] { --f2-bg:url('/images/services/service-coaching-day.webp'); }
.service-card--has-illustration[data-service="social"] { --f2-bg:url('/images/services/service-group-day.webp'); }
.service-card--has-illustration[data-service="recorded"] { --f2-bg:url('/images/services/service-recorded-day.webp'); }
.service-card--has-illustration[data-service="school"] { --f2-bg:url('/images/services/service-school-day.webp'); }
.service-card--has-illustration[data-service="trips"] { --f2-bg:url('/images/services/service-travel-day.webp'); }

html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="breathing"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="breathing"] { --f2-bg:url('/images/services/service-breath-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="coaching"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="coaching"] { --f2-bg:url('/images/services/service-coaching-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="social"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="social"] { --f2-bg:url('/images/services/service-group-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="recorded"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="recorded"] { --f2-bg:url('/images/services/service-recorded-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="school"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="school"] { --f2-bg:url('/images/services/service-school-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="trips"],
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration[data-service="trips"] { --f2-bg:url('/images/services/service-travel-night.webp'); }

/* Quiet, readable card surfaces leave the photographs as the visual focus. */
.service-card.service-card--has-illustration {
  background:#e9f3f5 !important;
  border:1px solid #d4e5e9 !important;
  color:#173744 !important;
  box-shadow:0 8px 26px rgba(28,66,78,.08) !important;
}
.service-card.service-card--has-illustration::before {
  background-image:var(--f2-bg) !important;
  background-color:#dce9ed;
  aspect-ratio:3 / 2;
  height:auto !important;
  width:calc(100% - 32px);
  object-fit:cover;
}
.service-card.service-card--has-illustration .service-card__title { color:#173744 !important; text-shadow:none !important; }
.service-card.service-card--has-illustration .service-card__desc { color:#4c6570 !important; opacity:1 !important; text-shadow:none !important; }
.service-card.service-card--has-illustration .service-card__hint { color:#28657b !important; opacity:1 !important; text-shadow:none !important; }
html:is(.dark,[data-theme="dark"]) .service-card.service-card--has-illustration,
body:is(.dark,[data-theme="dark"]) .service-card.service-card--has-illustration {
  background:#20343e !important;
  border-color:#38515c !important;
  color:#f3f7f8 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.18) !important;
}
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__title,
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__title { color:#f3f7f8 !important; }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__desc,
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__desc { color:#cadce1 !important; }
html:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__hint,
body:is(.dark,[data-theme="dark"]) .service-card--has-illustration .service-card__hint { color:#9ad6e7 !important; }

/* The four breathing choices use the same image language, with no people. */
.service-card__branch.pr-branch[data-pr-bg="individual-inperson"] { --pr-bg:url('/images/services/service-coaching-day.webp'); }
.service-card__branch.pr-branch[data-pr-bg="individual-online"] { --pr-bg:url('/images/breathing-branches/individual-online-day.webp'); }
.service-card__branch.pr-branch[data-pr-bg="group-inperson"] { --pr-bg:url('/images/services/service-group-day.webp'); }
.service-card__branch.pr-branch[data-pr-bg="group-online"] { --pr-bg:url('/images/breathing-branches/group-online-day.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="individual-inperson"],
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="individual-inperson"] { --pr-bg:url('/images/services/service-coaching-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="individual-online"],
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="individual-online"] { --pr-bg:url('/images/breathing-branches/individual-online-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="group-inperson"],
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="group-inperson"] { --pr-bg:url('/images/services/service-group-night.webp'); }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="group-online"],
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch[data-pr-bg="group-online"] { --pr-bg:url('/images/breathing-branches/group-online-night.webp'); }
.service-card__branch.pr-branch::before { background-image:var(--pr-bg) !important; }
.service-card__branch.pr-branch::after {
  background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.35) 42%,rgba(255,255,255,.94) 100%) !important;
}
.service-card__branch.pr-branch .service-card__branch-label { color:#173744 !important; }
.service-card__branch.pr-branch .service-card__branch-sub { color:#3f5b67 !important; }
.service-card__branch.pr-branch .service-card__branch-label,
.service-card__branch.pr-branch .service-card__branch-sub {
  background:rgba(246,251,252,.9);
  border-radius:5px;
  padding:1px 5px;
  text-shadow:none !important;
}
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch::after,
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch::after {
  background:linear-gradient(180deg,rgba(14,29,38,.04) 0%,rgba(14,29,38,.46) 40%,rgba(14,29,38,.94) 100%) !important;
}
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-label,
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-label { color:#fff !important; text-shadow:0 1px 5px #10212a !important; }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-sub,
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-sub { color:#e1eef2 !important; text-shadow:0 1px 5px #10212a !important; }
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-label,
html:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-sub,
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-label,
body:is(.dark,[data-theme="dark"]) .service-card__branch.pr-branch .service-card__branch-sub { background:rgba(9,27,36,.78); }

@media (max-width:640px) {
  .service-card.service-card--has-illustration::before { width:calc(100% - 24px); }
  .service-card__branch.pr-branch { min-height:112px !important; }
}