/* Digital Mastery consolidated stylesheet. Page guards retain the original page-specific rules.
   Existing rules remain in cascade order. Edit within the named sections. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&display=swap");

/* styles.css | original cascade position 1 */


/*
  Digital Mastery master stylesheet — Version 5 Lucid Authority: Living Architecture
  Naming: l- layout | c- component | u- utility | fx- effect | is-/has- state | page- scope
  Order: tokens → reset/base → typography → layout → navigation → components → forms →
         showcase/style guide → utilities/effects → responsive → accessibility/print
*/

/* 1. Design tokens --------------------------------------------------------- */
:root:where([data-dm-css~="s0"]){
  /* Approved Lucid Authority palette */
  --dm-midnight: #051c30;
  --dm-surface: #f5f3ee;
  --dm-ink: #082c4a;
  --dm-blue: #27689e;
  --dm-blue-strong: #1f4665;
  --dm-gold: #76520a;
  --dm-hero-highlight-blue: #27689e;
  --dm-hero-highlight-yellow: #f2b200;
  --dm-slate: #1f4665;
  --dm-border: #dce4ea;
  --dm-white: #f5f3ee;
  --dm-panel: #f5f3ee;
  --dm-blue-soft: rgb(39 104 158 / .08);

  /* Functional status colours only */
  --status-success: #255f4a;
  --status-success-soft: #edf7f2;
  --status-warning: #76520a;
  --status-warning-soft: #fff8e6;
  --status-error: #9a3030;
  --status-error-soft: #fff0f0;

  /* Semantic colour */
  --color-white: var(--dm-white);
  --color-text: var(--dm-ink);
  --color-text-soft: var(--dm-ink);
  --color-text-muted: var(--dm-slate);
  --color-surface: var(--dm-surface);
  --color-surface-soft: #dce4ea;
  --color-border: var(--dm-border);
  --color-border-strong: #bac5d2;
  --color-accent-soft: var(--dm-blue-soft);
  --color-action: var(--dm-blue);
  --color-action-hover: var(--dm-blue-strong);
  --color-focus: var(--dm-blue);
  --color-success: var(--status-success);
  --color-warning: var(--status-warning);
  --color-error: var(--status-error);

  /* Type system — semantic roles, not decorative alternation */
  --font-authority: "Manrope", Arial, sans-serif;
  --font-editorial: "Newsreader", Georgia, serif;
  --font-body: var(--font-authority);
  /* Backward-compatible aliases used by existing components. */
  --font-display: var(--font-editorial);
  --dm-font-authority: var(--font-authority);
  --dm-font-editorial: var(--font-editorial);
  --dm-font-display: var(--font-editorial);
  --dm-font-ui: var(--font-authority);
  --font-size-body: 1.125rem;
  --font-size-small: .875rem;
  --font-size-h1: clamp(2.09rem, 3.648vw, 3.8rem);
  --font-size-h2: clamp(2rem, 3vw, 3rem);
  --font-size-h3: clamp(1.5rem, 2vw, 1.875rem);
  --font-size-h4: 1.125rem;
  --line-height-body: 1.65;
  --line-height-heading: 1.08;
  --measure-copy: 64ch;

  /* Spacing scale */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 7.5rem;
  --space-section: clamp(var(--space-8), 8vw, var(--space-10));
  --space-hero-block: 100px;

  /* Layout and component tokens */
  --container-width: 86vw;
  --container-narrow: min(48rem, 90vw);
  --header-height: 5rem;
  --radius-sm: .625rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --radius-pill: 99rem;
  --shadow-sm: 0 10px 30px rgb(7 17 31 / .09);
  --shadow-lg: 0 18px 50px rgb(7 17 31 / .14);
  --transition-fast: 180ms ease;
  --transition-base: 260ms ease;

  /* Component tokens */
  --button-min-height: 3.25rem;
  --button-padding: .85rem 1.25rem;
  --button-radius: 0;
  --card-border: 1px solid var(--color-border);
  --card-radius: var(--radius-md);
  --card-padding: clamp(1.4rem, 2.5vw, 2.2rem);
  --form-control-min-height: 3rem;
  --showcase-chapter-gap: var(--space-9);
}

/* 2. Reset and base -------------------------------------------------------- */
:where(html[data-dm-css~="s0"]) *, :where(html[data-dm-css~="s0"]),
:where(html[data-dm-css~="s0"]) *::before, :where(html[data-dm-css~="s0"])::before,
:where(html[data-dm-css~="s0"]) *::after, :where(html[data-dm-css~="s0"])::after{ box-sizing: border-box; }
html:where([data-dm-css~="s0"]){ scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 1.5rem); }
:where(html[data-dm-css~="s0"]) body{
  margin: 0;
  color: var(--color-text);
  background: var(--color-surface);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  text-rendering: optimizeLegibility;
}
:where(html[data-dm-css~="s0"]) body.has-nav-open{ overflow: hidden; }
:where(html[data-dm-css~="s0"]) img,
:where(html[data-dm-css~="s0"]) svg{ display: block; max-width: 100%; }
:where(html[data-dm-css~="s0"]) figure{ margin: 0; }
:where(html[data-dm-css~="s0"]) a{ color: inherit; }
:where(html[data-dm-css~="s0"]) button,
:where(html[data-dm-css~="s0"]) input,
:where(html[data-dm-css~="s0"]) select,
:where(html[data-dm-css~="s0"]) textarea{ font: inherit; }
:where(html[data-dm-css~="s0"]) button,
:where(html[data-dm-css~="s0"]) a{ -webkit-tap-highlight-color: transparent; }
:where(html[data-dm-css~="s0"]) [hidden], :where(html[data-dm-css~="s0"])[hidden]{ display: none; }
:where(html[data-dm-css~="s0"]) :focus-visible, :where(html[data-dm-css~="s0"]):focus-visible{ outline: 3px solid var(--color-focus); outline-offset: 3px; }
:where(html[data-dm-css~="s0"]) ::selection, :where(html[data-dm-css~="s0"])::selection{ color: var(--color-white); background: var(--color-action); }

/* 3. Typography ------------------------------------------------------------ */
:where(html[data-dm-css~="s0"]) h1,
:where(html[data-dm-css~="s0"]) h2,
:where(html[data-dm-css~="s0"]) h3,
:where(html[data-dm-css~="s0"]) h4{
  margin: 0 0 var(--space-4);
  font-family: var(--font-authority);
  font-weight: 700;
  font-synthesis: none;
  text-wrap: balance;
}
:where(html[data-dm-css~="s0"]) h1{ font-size: var(--font-size-h1); letter-spacing: -.04em; line-height: 1.02; }
:where(html[data-dm-css~="s0"]) .c-heading-accent, :where(html[data-dm-css~="s0"]).c-heading-accent{ color: var(--color-action); }
:where(html[data-dm-css~="s0"]) .c-hero-highlight--blue, :where(html[data-dm-css~="s0"]).c-hero-highlight--blue{ color: var(--dm-hero-highlight-blue); }
:where(html[data-dm-css~="s0"]) .c-hero-highlight--yellow, :where(html[data-dm-css~="s0"]).c-hero-highlight--yellow{ color: var(--dm-hero-highlight-yellow); }
/* These three heroes have light copy areas below the desktop artwork breakpoint. */
@media (max-width: 70rem) {
  :where(html[data-dm-css~="s0"]) :is(.page-marketing-strategy, .page-advertising, .page-social-media) .c-hero h1
  :is(.c-hero-highlight--blue, .c-hero-highlight--yellow), :where(html[data-dm-css~="s0"]):is(.page-marketing-strategy, .page-advertising, .page-social-media) .c-hero h1
  :is(.c-hero-highlight--blue, .c-hero-highlight--yellow){ color: inherit; }
}

:where(html[data-dm-css~="s0"]) h2{ font-size: var(--font-size-h2); letter-spacing: -.025em; line-height: 1.08; }
:where(html[data-dm-css~="s0"]) h3{ font-size: var(--font-size-h3); letter-spacing: -.02em; line-height: 1.15; }
:where(html[data-dm-css~="s0"]) h4{ font-size: var(--font-size-h4); letter-spacing: -.015em; line-height: 1.3; }

/* Interpretation voice: use only where the content is genuinely editorial, reflective or human. */
:where(html[data-dm-css~="s0"]) .c-heading--editorial, :where(html[data-dm-css~="s0"]).c-heading--editorial,
:where(html[data-dm-css~="s0"]) .c-pull-quote p, :where(html[data-dm-css~="s0"]).c-pull-quote p,
:where(html[data-dm-css~="s0"]) .c-testimonial__quote, :where(html[data-dm-css~="s0"]).c-testimonial__quote,
:where(html[data-dm-css~="s0"]) .page-article .c-article-hero h1, :where(html[data-dm-css~="s0"]).page-article .c-article-hero h1,
:where(html[data-dm-css~="s0"]) .page-article .c-article-opening h2, :where(html[data-dm-css~="s0"]).page-article .c-article-opening h2,
:where(html[data-dm-css~="s0"]) .page-articles .c-featured-insight h2, :where(html[data-dm-css~="s0"]).page-articles .c-featured-insight h2,
:where(html[data-dm-css~="s0"]) .page-posts .c-featured-insight h2, :where(html[data-dm-css~="s0"]).page-posts .c-featured-insight h2{
  font-family: var(--font-editorial);
  font-weight: 600;
  font-optical-sizing: auto;
  letter-spacing: -.02em;
}
:where(html[data-dm-css~="s0"]) .c-heading--authority, :where(html[data-dm-css~="s0"]).c-heading--authority{
  font-family: var(--font-authority);
  font-weight: 700;
}
:where(html[data-dm-css~="s0"]) p{ max-width: var(--measure-copy); margin: 0 0 1.35rem; color: var(--color-text-soft); }
:where(html[data-dm-css~="s0"]) blockquote{ margin: 0; }
:where(html[data-dm-css~="s0"]) .c-lead, :where(html[data-dm-css~="s0"]).c-lead{ max-width: 52rem; font-size: clamp(1.125rem, 1.35vw, 1.25rem); line-height: 1.5; }
:where(html[data-dm-css~="s0"]) .c-lede-small, :where(html[data-dm-css~="s0"]).c-lede-small{ max-width: 44rem; font-size: 1.08rem; }
:where(html[data-dm-css~="s0"]) .c-kicker, :where(html[data-dm-css~="s0"]).c-kicker{ font-size: var(--font-size-small); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-meta, :where(html[data-dm-css~="s0"]).c-meta{ color: var(--color-text-muted); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s0"]) .c-eyebrow, :where(html[data-dm-css~="s0"]).c-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0 0 var(--space-4);
  color: var(--color-action);
  font-size: 0.95875rem;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1.2;
  text-transform: uppercase;
}
:where(html[data-dm-css~="s0"]) .c-eyebrow::before, :where(html[data-dm-css~="s0"]).c-eyebrow::before{ content: none; }
:where(html[data-dm-css~="s0"]) .l-section--ink p, :where(html[data-dm-css~="s0"]).l-section--ink p,
:where(html[data-dm-css~="s0"]) .l-section--accent p, :where(html[data-dm-css~="s0"]).l-section--accent p,
:where(html[data-dm-css~="s0"]) .c-hero--ink p, :where(html[data-dm-css~="s0"]).c-hero--ink p,
:where(html[data-dm-css~="s0"]) .c-card--emphasis p, :where(html[data-dm-css~="s0"]).c-card--emphasis p,
:where(html[data-dm-css~="s0"]) .c-card--dark p, :where(html[data-dm-css~="s0"]).c-card--dark p,
:where(html[data-dm-css~="s0"]) .c-quote-band p, :where(html[data-dm-css~="s0"]).c-quote-band p,
:where(html[data-dm-css~="s0"]) .c-site-footer p, :where(html[data-dm-css~="s0"]).c-site-footer p{ color: rgb(255 255 255 / .78); }
:where(html[data-dm-css~="s0"]) .l-section--ink .c-eyebrow, :where(html[data-dm-css~="s0"]).l-section--ink .c-eyebrow,
:where(html[data-dm-css~="s0"]) .l-section--accent .c-eyebrow, :where(html[data-dm-css~="s0"]).l-section--accent .c-eyebrow,
:where(html[data-dm-css~="s0"]) .c-hero--ink .c-eyebrow, :where(html[data-dm-css~="s0"]).c-hero--ink .c-eyebrow{ color: rgb(245 247 250 / .82); }

/* Lucid Authority semantic surfaces --------------------------------------- */
:where(html[data-dm-css~="s0"]) .c-surface--midnight, :where(html[data-dm-css~="s0"]).c-surface--midnight{ color: var(--dm-white); background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .c-surface--evidence, :where(html[data-dm-css~="s0"]).c-surface--evidence{ color: var(--dm-ink); background: var(--dm-surface); }
:where(html[data-dm-css~="s0"]) .c-surface--decision, :where(html[data-dm-css~="s0"]).c-surface--decision{
  color: var(--dm-white);
  background: radial-gradient(circle at 80% 20%, rgb(199 154 59 / .10), transparent 28rem), var(--dm-midnight);
}

/* 4. Layout ---------------------------------------------------------------- */
:where(html[data-dm-css~="s0"]) .l-container, :where(html[data-dm-css~="s0"]).l-container{ width: var(--container-width); margin-inline: auto; }
:where(html[data-dm-css~="s0"]) .l-narrow, :where(html[data-dm-css~="s0"]).l-narrow{ width: var(--container-narrow); margin-inline: auto; }
:where(html[data-dm-css~="s0"]) .l-section, :where(html[data-dm-css~="s0"]).l-section{ padding-block: var(--space-section); }
:where(html[data-dm-css~="s0"]) .l-section--compact, :where(html[data-dm-css~="s0"]).l-section--compact{ padding-block: var(--space-7); }
:where(html[data-dm-css~="s0"]) .l-section--soft, :where(html[data-dm-css~="s0"]).l-section--soft{ background: var(--color-surface-soft); }
:where(html[data-dm-css~="s0"]) .l-section--ink, :where(html[data-dm-css~="s0"]).l-section--ink{ color: var(--color-white); background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .l-section--accent, :where(html[data-dm-css~="s0"]).l-section--accent{
  color: var(--color-white);
  background:
    radial-gradient(circle at 82% 18%, rgb(199 154 59 / .10), transparent 30rem),
    var(--dm-midnight);
}
:where(html[data-dm-css~="s0"]) .l-grid, :where(html[data-dm-css~="s0"]).l-grid{ display: grid; gap: var(--space-5); }
:where(html[data-dm-css~="s0"]) .l-grid--2, :where(html[data-dm-css~="s0"]).l-grid--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(html[data-dm-css~="s0"]) .l-grid--3, :where(html[data-dm-css~="s0"]).l-grid--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(html[data-dm-css~="s0"]) .l-grid--4, :where(html[data-dm-css~="s0"]).l-grid--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(html[data-dm-css~="s0"]) .l-split, :where(html[data-dm-css~="s0"]).l-split{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
:where(html[data-dm-css~="s0"]) .l-split--reverse .l-split__media, :where(html[data-dm-css~="s0"]).l-split--reverse .l-split__media{ order: -1; }

/* 5. Navigation ------------------------------------------------------------ */
:where(html[data-dm-css~="s0"]) .u-skip-link, :where(html[data-dm-css~="s0"]).u-skip-link{
  position: fixed;
  z-index: 999;
  top: -10rem;
  left: 1rem;
  padding: .8rem 1rem;
  color: var(--color-white);
  background: var(--color-text);
}
:where(html[data-dm-css~="s0"]) .u-skip-link:focus, :where(html[data-dm-css~="s0"]).u-skip-link:focus{ top: 1rem; }
:where(html[data-dm-css~="s0"]) .c-site-header, :where(html[data-dm-css~="s0"]).c-site-header{
  position: sticky;
  z-index: 50;
  top: 0;
  border-bottom: 1px solid rgb(220 226 234 / .9);
  background: rgb(255 255 255 / .94);
  backdrop-filter: blur(18px);
}
:where(html[data-dm-css~="s0"]) .c-site-header__inner, :where(html[data-dm-css~="s0"]).c-site-header__inner{ display: flex; min-height: var(--header-height); align-items: center; justify-content: space-between; gap: var(--space-6); }
:where(html[data-dm-css~="s0"]) .c-brand, :where(html[data-dm-css~="s0"]).c-brand{ display: inline-flex; flex: 0 0 auto; align-items: center; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-brand__logo, :where(html[data-dm-css~="s0"]).c-brand__logo{ width: clamp(13.5rem, 18.8vw, 15.7rem); height: auto; }
:where(html[data-dm-css~="s0"]) .c-brand__logo--footer, :where(html[data-dm-css~="s0"]).c-brand__logo--footer{ width: min(13rem, 100%); }
:where(html[data-dm-css~="s0"]) .c-site-nav, :where(html[data-dm-css~="s0"]).c-site-nav{ display: flex; align-items: center; gap: .2rem; }
:where(html[data-dm-css~="s0"]) .c-site-nav__link, :where(html[data-dm-css~="s0"]).c-site-nav__link,
:where(html[data-dm-css~="s0"]) .c-site-nav__trigger, :where(html[data-dm-css~="s0"]).c-site-nav__trigger{
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .35rem;
  padding: .6rem .72rem;
  border: 0;
  color: var(--dm-ink);
  background: transparent;
  border-radius: var(--radius-sm);
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
:where(html[data-dm-css~="s0"]) .c-site-nav__link:hover, :where(html[data-dm-css~="s0"]).c-site-nav__link:hover,
:where(html[data-dm-css~="s0"]) .c-site-nav__trigger:hover, :where(html[data-dm-css~="s0"]).c-site-nav__trigger:hover,
:where(html[data-dm-css~="s0"]) .c-site-nav__link[aria-current="page"], :where(html[data-dm-css~="s0"]).c-site-nav__link[aria-current="page"],
:where(html[data-dm-css~="s0"]) .c-site-nav__link.is-active, :where(html[data-dm-css~="s0"]).c-site-nav__link.is-active,
:where(html[data-dm-css~="s0"]) .c-site-nav__trigger.is-active, :where(html[data-dm-css~="s0"]).c-site-nav__trigger.is-active{
  color: var(--color-action-hover);
  background: var(--color-accent-soft);
  box-shadow: none;
}
:where(html[data-dm-css~="s0"]) .c-site-nav__group, :where(html[data-dm-css~="s0"]).c-site-nav__group{ position: relative; }
:where(html[data-dm-css~="s0"]) .c-site-nav__menu, :where(html[data-dm-css~="s0"]).c-site-nav__menu{
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 23rem;
  max-width: calc(100vw - 40px);
  max-height: min(38rem, calc(100dvh - var(--header-height) - 2rem));
  overflow-y: auto;
  padding: var(--space-2);
  border: 1px solid var(--color-border);
  background: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
:where(html[data-dm-css~="s0"]) .c-site-nav__group.is-open .c-site-nav__menu, :where(html[data-dm-css~="s0"]).c-site-nav__group.is-open .c-site-nav__menu{ display: grid; }
html:where([data-dm-css~="s0"]):not(.has-js) .c-site-nav__group:focus-within .c-site-nav__menu{ display: grid; }
:where(html[data-dm-css~="s0"]) .c-site-nav__menu .c-site-nav__link, :where(html[data-dm-css~="s0"]).c-site-nav__menu .c-site-nav__link{ display: grid; width: 100%; justify-items: start; gap: .05rem; }
:where(html[data-dm-css~="s0"]) .c-site-nav__menu small, :where(html[data-dm-css~="s0"]).c-site-nav__menu small{ color: var(--color-text-muted); font-size: .8rem; font-weight: 500; line-height: 1.35; }
:where(html[data-dm-css~="s0"]) .c-site-nav__menu--end, :where(html[data-dm-css~="s0"]).c-site-nav__menu--end{ right: 0; left: auto; min-width: 19rem; }
:where(html[data-dm-css~="s0"]) .c-site-nav__chevron, :where(html[data-dm-css~="s0"]).c-site-nav__chevron{ display: inline-block; transition: transform var(--transition-fast); }
:where(html[data-dm-css~="s0"]) .c-site-nav__group.is-open .c-site-nav__chevron, :where(html[data-dm-css~="s0"]).c-site-nav__group.is-open .c-site-nav__chevron{ transform: rotate(180deg); }
:where(html[data-dm-css~="s0"]) .c-site-nav__overview, :where(html[data-dm-css~="s0"]).c-site-nav__overview{ margin-top: .25rem; border-top: 1px solid var(--color-border); border-radius: 0; }
:where(html[data-dm-css~="s0"]) .c-site-nav__context, :where(html[data-dm-css~="s0"]).c-site-nav__context{ display: grid; gap: .05rem; margin-top: .15rem; padding: .8rem 1rem; border-top: 1px solid var(--color-border); color: var(--dm-ink); background: var(--color-surface-soft); border-radius: var(--radius-sm); font-size: .88rem; font-weight: 700; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-site-nav__context:hover, :where(html[data-dm-css~="s0"]).c-site-nav__context:hover{ color: var(--color-action-hover); background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .c-site-nav__context small, :where(html[data-dm-css~="s0"]).c-site-nav__context small{ color: var(--color-text-muted); font-weight: 600; }
:where(html[data-dm-css~="s0"]) .c-site-header__cta, :where(html[data-dm-css~="s0"]).c-site-header__cta{ margin-left: .4rem; }
:where(html[data-dm-css~="s0"]) .c-site-nav__utility, :where(html[data-dm-css~="s0"]).c-site-nav__utility{ display: none; }
:where(html[data-dm-css~="s0"]) .c-site-nav__toggle, :where(html[data-dm-css~="s0"]).c-site-nav__toggle{ display: none; width: 2.8rem; height: 2.8rem; border: 1px solid var(--color-border); background: var(--color-white); border-radius: .6rem; cursor: pointer; }
:where(html[data-dm-css~="s0"]) .c-site-nav__toggle span, :where(html[data-dm-css~="s0"]).c-site-nav__toggle span{ display: block; width: 1.2rem; height: 2px; margin: .23rem auto; background: var(--color-text); }
:where(html[data-dm-css~="s0"]) .c-draft-banner, :where(html[data-dm-css~="s0"]).c-draft-banner{ padding: .55rem 5vw; color: var(--color-white); background: var(--dm-midnight); font-size: .82rem; font-weight: 700; text-align: center; letter-spacing: .02em; }

/* 6. Core components ------------------------------------------------------- */
:where(html[data-dm-css~="s0"]) .c-section-heading, :where(html[data-dm-css~="s0"]).c-section-heading{ max-width: 54rem; margin-bottom: var(--space-7); }
:where(html[data-dm-css~="s0"]) .c-section-heading > :last-child, :where(html[data-dm-css~="s0"]).c-section-heading > :last-child{ margin-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-simple-hero, :where(html[data-dm-css~="s0"]).c-simple-hero{ padding-block: var(--space-hero-block); }
:where(html[data-dm-css~="s0"]) .c-hero, :where(html[data-dm-css~="s0"]).c-hero{ position: relative; overflow: hidden; border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
:where(html[data-dm-css~="s0"]) .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero__inner{
  display: grid;
  min-height: calc(100vh - 7.5rem);
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 1fr);
  align-items: center;
  gap: clamp(3rem, 6vw, 6rem);
  padding-block: var(--space-hero-block);
}
:where(html[data-dm-css~="s0"]) .c-hero__copy, :where(html[data-dm-css~="s0"]).c-hero__copy{ position: relative; z-index: 2; }
:where(html[data-dm-css~="s0"]) .c-hero h1, :where(html[data-dm-css~="s0"]).c-hero h1{ max-width: 55rem; }
:where(html[data-dm-css~="s0"]) .c-hero .c-lead, :where(html[data-dm-css~="s0"]).c-hero .c-lead{ margin-top: 1.6rem; }
:where(html[data-dm-css~="s0"]) .c-hero__actions, :where(html[data-dm-css~="s0"]).c-hero__actions,
:where(html[data-dm-css~="s0"]) .c-button-row, :where(html[data-dm-css~="s0"]).c-button-row{ display: flex; flex-wrap: wrap; gap: .85rem; margin-top: var(--space-6); }
:where(html[data-dm-css~="s0"]) .c-service-line, :where(html[data-dm-css~="s0"]).c-service-line{ margin-top: 2.4rem; color: var(--color-text-muted); font-size: .85rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* Case-study identity ----------------------------------------------------
   Every project introduces its identity before the scope eyebrow. Real
   project logos keep their natural proportions; concept pages use the same
   footprint as a clearly labelled grayscale placeholder. */
:where(html[data-dm-css~="s0"]) .c-case-study-logo, :where(html[data-dm-css~="s0"]).c-case-study-logo{
  display: flex;
  width: fit-content;
  max-width: min(21rem, 100%);
  min-height: 4rem;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: var(--space-4);
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo img, :where(html[data-dm-css~="s0"]).c-case-study-logo img{
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 5.5rem;
  object-fit: contain;
  object-position: left center;
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo--citrine img, :where(html[data-dm-css~="s0"]).c-case-study-logo--citrine img{
  max-width: 8.75rem;
  max-height: 6.5rem;
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo--mmt, :where(html[data-dm-css~="s0"]).c-case-study-logo--mmt{
  padding: .7rem .9rem;
  border: 1px solid rgb(255 255 255 / .25);
  border-radius: .45rem;
  background: rgb(255 255 255 / .94);
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo--mmt img, :where(html[data-dm-css~="s0"]).c-case-study-logo--mmt img{
  width: min(18.5rem, 100%);
  max-height: 4.6rem;
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo--soul-garden img, :where(html[data-dm-css~="s0"]).c-case-study-logo--soul-garden img{
  width: min(20rem, 100%);
  max-height: 5.75rem;
}

:where(html[data-dm-css~="s0"]) .c-case-study-logo--placeholder, :where(html[data-dm-css~="s0"]).c-case-study-logo--placeholder{
  width: min(15rem, 100%);
  min-height: 4.75rem;
  justify-content: center;
  padding: .85rem 1.15rem;
  border: 1px solid #aeb4bd;
  color: #454b55;
  background: #d9dce1;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 48rem) {
  :where(html[data-dm-css~="s0"]) .c-case-study-logo, :where(html[data-dm-css~="s0"]).c-case-study-logo{
    margin-bottom: var(--space-3);
  }

  :where(html[data-dm-css~="s0"]) .c-case-study-logo img, :where(html[data-dm-css~="s0"]).c-case-study-logo img{
    max-height: 4.75rem;
  }

  :where(html[data-dm-css~="s0"]) .c-case-study-logo--citrine img, :where(html[data-dm-css~="s0"]).c-case-study-logo--citrine img{
    max-width: 7.5rem;
  }

  :where(html[data-dm-css~="s0"]) .c-case-study-logo--placeholder, :where(html[data-dm-css~="s0"]).c-case-study-logo--placeholder{
    width: min(13rem, 100%);
    min-height: 4.25rem;
  }
}

:where(html[data-dm-css~="s0"]) .c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero--compact .c-hero__inner{ min-height: auto; grid-template-columns: 1fr .75fr; }
:where(html[data-dm-css~="s0"]) .c-hero--compact h1, :where(html[data-dm-css~="s0"]).c-hero--compact h1{ font-size: clamp(2.28rem, 3.648vw, 3.61rem); }
:where(html[data-dm-css~="s0"]) .c-hero--ink, :where(html[data-dm-css~="s0"]).c-hero--ink{
  color: var(--color-white);
  background:
    radial-gradient(circle at 78% 22%, rgb(39 104 158 / .08), transparent 32rem),
    var(--dm-midnight);
}
:where(html[data-dm-css~="s0"]) .c-hero--ink::before, :where(html[data-dm-css~="s0"]).c-hero--ink::before{
  position: absolute;
  top: 50%;
  right: 7%;
  width: min(32rem, 42vw);
  height: min(32rem, 42vw);
  border: 1px solid rgb(39 104 158 / .28);
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}
:where(html[data-dm-css~="s0"]) .c-hero--ink .c-service-line, :where(html[data-dm-css~="s0"]).c-hero--ink .c-service-line{ color: rgb(255 255 255 / .72); }
:where(html[data-dm-css~="s0"]) .c-hero--ink .c-media-placeholder, :where(html[data-dm-css~="s0"]).c-hero--ink .c-media-placeholder{ border-color: rgb(255 255 255 / .2); color: rgb(255 255 255 / .55); background: #323232; }

:where(html[data-dm-css~="s0"]) .c-button, :where(html[data-dm-css~="s0"]).c-button{
  display: inline-flex;
  min-height: var(--button-min-height);
  align-items: center;
  justify-content: center;
  gap: .6rem;
  padding: var(--button-padding);
  border: 2px solid transparent;
  border-radius: var(--button-radius);
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
:where(html[data-dm-css~="s0"]) .c-button:hover, :where(html[data-dm-css~="s0"]).c-button:hover{ transform: translateY(-2px); }
:where(html[data-dm-css~="s0"]) .c-button:active, :where(html[data-dm-css~="s0"]).c-button:active{ transform: translateY(0) scale(.99); }
:where(html[data-dm-css~="s0"]) .c-button--primary, :where(html[data-dm-css~="s0"]).c-button--primary{ color: var(--color-white); background: var(--color-action); box-shadow: 0 10px 26px rgb(39 104 158 / .24); }
:where(html[data-dm-css~="s0"]) .c-button--primary:hover, :where(html[data-dm-css~="s0"]).c-button--primary:hover{ color: var(--color-white); border-color: var(--color-action-hover); background: var(--color-action-hover); box-shadow: 0 12px 30px rgb(39 104 158 / .30); }
:where(html[data-dm-css~="s0"]) .c-button--secondary, :where(html[data-dm-css~="s0"]).c-button--secondary{ color: var(--color-text); border-color: var(--color-border-strong); background: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-button--secondary:hover, :where(html[data-dm-css~="s0"]).c-button--secondary:hover{ border-color: var(--color-action); color: var(--color-action-hover); background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .c-button--light, :where(html[data-dm-css~="s0"]).c-button--light{ color: var(--color-text); background: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-button--light:hover, :where(html[data-dm-css~="s0"]).c-button--light:hover{ border-color: var(--color-action); color: var(--color-action-hover); background: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-button--ghost-light, :where(html[data-dm-css~="s0"]).c-button--ghost-light{ color: var(--color-white); border-color: rgb(255 255 255 / .38); background: transparent; }
:where(html[data-dm-css~="s0"]) .c-button--ghost-light:hover, :where(html[data-dm-css~="s0"]).c-button--ghost-light:hover{ border-color: rgb(255 255 255 / .72); color: var(--color-white); background: rgb(255 255 255 / .08); }
:where(html[data-dm-css~="s0"]) .c-button[aria-disabled="true"], :where(html[data-dm-css~="s0"]).c-button[aria-disabled="true"],
:where(html[data-dm-css~="s0"]) .c-button:disabled, :where(html[data-dm-css~="s0"]).c-button:disabled{ opacity: .55; cursor: not-allowed; transform: none; }
:where(html[data-dm-css~="s0"]) .c-text-link, :where(html[data-dm-css~="s0"]).c-text-link{ display: inline-flex; align-items: center; gap: .45rem; color: var(--color-action); font-weight: 700; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-text-link::after, :where(html[data-dm-css~="s0"]).c-text-link::after{ content: "→"; transition: transform var(--transition-fast); }
:where(html[data-dm-css~="s0"]) .c-text-link:hover::after, :where(html[data-dm-css~="s0"]).c-text-link:hover::after{ transform: translateX(.25rem); }
:where(html[data-dm-css~="s0"]) .c-text-link--light, :where(html[data-dm-css~="s0"]).c-text-link--light{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-text-link--soft-light, :where(html[data-dm-css~="s0"]).c-text-link--soft-light{ color: #d4e1ec; }

:where(html[data-dm-css~="s0"]) .c-media-placeholder, :where(html[data-dm-css~="s0"]).c-media-placeholder{
  position: relative;
  display: grid;
  min-height: 17rem;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--color-border-strong);
  color: #5c5c5c;
  background: #e4e4e4;
  border-radius: var(--radius-lg);
  text-align: center;
}
:where(html[data-dm-css~="s0"]) .c-media-placeholder::before, :where(html[data-dm-css~="s0"]).c-media-placeholder::before,
:where(html[data-dm-css~="s0"]) .c-media-placeholder::after, :where(html[data-dm-css~="s0"]).c-media-placeholder::after{ position: absolute; width: 140%; height: 1px; background: rgb(128 128 128 / .25); content: ""; }
:where(html[data-dm-css~="s0"]) .c-media-placeholder::before, :where(html[data-dm-css~="s0"]).c-media-placeholder::before{ transform: rotate(28deg); }
:where(html[data-dm-css~="s0"]) .c-media-placeholder::after, :where(html[data-dm-css~="s0"]).c-media-placeholder::after{ transform: rotate(-28deg); }
:where(html[data-dm-css~="s0"]) .c-media-placeholder span, :where(html[data-dm-css~="s0"]).c-media-placeholder span{ position: relative; z-index: 1; max-width: 19rem; padding: .7rem 1rem; background: rgb(247 247 247 / .94); border-radius: var(--radius-pill); font-size: .82rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-media-placeholder--hero, :where(html[data-dm-css~="s0"]).c-media-placeholder--hero{ min-height: min(34rem, 56vw); aspect-ratio: 5 / 4; box-shadow: var(--shadow-lg); }
:where(html[data-dm-css~="s0"]) .c-media-placeholder--landscape, :where(html[data-dm-css~="s0"]).c-media-placeholder--landscape{ min-height: 12rem; aspect-ratio: 16 / 10; }
:where(html[data-dm-css~="s0"]) .c-media-placeholder--portrait, :where(html[data-dm-css~="s0"]).c-media-placeholder--portrait{ min-height: 24rem; aspect-ratio: 4 / 5; }
:where(html[data-dm-css~="s0"]) .c-hero__media--mobile, :where(html[data-dm-css~="s0"]).c-hero__media--mobile{ display: none; }

:where(html[data-dm-css~="s0"]) .c-proof-strip, :where(html[data-dm-css~="s0"]).c-proof-strip{ border-bottom: 1px solid var(--color-border); background: var(--dm-panel); }
:where(html[data-dm-css~="s0"]) .c-proof-strip__grid, :where(html[data-dm-css~="s0"]).c-proof-strip__grid{ display: grid; grid-template-columns: repeat(3, 1fr); }
:where(html[data-dm-css~="s0"]) .c-proof-strip__item, :where(html[data-dm-css~="s0"]).c-proof-strip__item{ display: flex; min-width: 0; align-items: center; gap: 1rem; padding: 2.2rem 2rem; border-right: 1px solid var(--color-border); font-family: var(--font-body); font-size: clamp(1.05rem, 1.55vw, 1.3rem); font-weight: 700; letter-spacing: -.015em; line-height: 1.25; }
:where(html[data-dm-css~="s0"]) .c-proof-strip__item:first-child, :where(html[data-dm-css~="s0"]).c-proof-strip__item:first-child{ padding-left: 0; }
:where(html[data-dm-css~="s0"]) .c-proof-strip__item:last-child, :where(html[data-dm-css~="s0"]).c-proof-strip__item:last-child{ border-right: 0; }
:where(html[data-dm-css~="s0"]) .c-proof-strip__icon, :where(html[data-dm-css~="s0"]).c-proof-strip__icon{ width: 3rem; height: 3rem; flex: 0 0 auto; padding: .55rem; border: 1px solid rgb(39 104 158 / .22); color: var(--color-action); background: linear-gradient(145deg, var(--color-white), var(--color-accent-soft)); border-radius: .85rem; box-shadow: 0 9px 24px rgb(39 104 158 / .1); }
:where(html[data-dm-css~="s0"]) .c-proof-strip__icon-accent, :where(html[data-dm-css~="s0"]).c-proof-strip__icon-accent{ fill: var(--dm-gold); stroke: var(--dm-gold); }
:where(html[data-dm-css~="s0"]) .c-proof-strip__text, :where(html[data-dm-css~="s0"]).c-proof-strip__text{ min-width: 0; }

:where(html[data-dm-css~="s0"]) .c-card, :where(html[data-dm-css~="s0"]).c-card{ display: flex; min-height: 100%; flex-direction: column; padding: var(--card-padding); border: var(--card-border); background: var(--dm-panel); border-radius: var(--card-radius); }
:where(html[data-dm-css~="s0"]) .c-card > :last-child, :where(html[data-dm-css~="s0"]).c-card > :last-child{ margin-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-card .c-text-link, :where(html[data-dm-css~="s0"]).c-card .c-text-link{ margin-top: auto; padding-top: 1.2rem; }
:where(html[data-dm-css~="s0"]) .c-card__index, :where(html[data-dm-css~="s0"]).c-card__index{ display: grid; width: 2.5rem; height: 2.5rem; margin-bottom: var(--space-6); place-items: center; border: 1.5px solid var(--color-action); color: var(--color-action); background: transparent; border-radius: 50%; font-size: .8rem; font-weight: 700; }
:where(html[data-dm-css~="s0"]) .c-card--emphasis, :where(html[data-dm-css~="s0"]).c-card--emphasis{ border: 0; color: var(--color-white); background: var(--color-action); }
:where(html[data-dm-css~="s0"]) .c-card--emphasis p, :where(html[data-dm-css~="s0"]).c-card--emphasis p{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-card--emphasis .c-eyebrow, :where(html[data-dm-css~="s0"]).c-card--emphasis .c-eyebrow{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-card--emphasis .c-card__index, :where(html[data-dm-css~="s0"]).c-card--emphasis .c-card__index{ border-color: rgb(255 255 255 / .6); color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-card--dark, :where(html[data-dm-css~="s0"]).c-card--dark{ border: 1px solid rgb(39 104 158 / .38); color: var(--color-white); background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .c-card--dark .c-card__index, :where(html[data-dm-css~="s0"]).c-card--dark .c-card__index{ border-color: rgb(255 255 255 / .38); color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .l-section--ink .c-card:not(.c-card--dark):not(.c-card--emphasis), :where(html[data-dm-css~="s0"]).l-section--ink .c-card:not(.c-card--dark):not(.c-card--emphasis){ color: var(--color-text); }
:where(html[data-dm-css~="s0"]) .l-section--ink .c-card:not(.c-card--dark):not(.c-card--emphasis) p, :where(html[data-dm-css~="s0"]).l-section--ink .c-card:not(.c-card--dark):not(.c-card--emphasis) p{ color: var(--color-text-soft); }
:where(html[data-dm-css~="s0"]) .c-work-card, :where(html[data-dm-css~="s0"]).c-work-card{ overflow: hidden; padding: 0; }
:where(html[data-dm-css~="s0"]) .c-work-card__title, :where(html[data-dm-css~="s0"]).c-work-card__title{ margin: 0; padding: var(--space-5); }
:where(html[data-dm-css~="s0"]) .c-work-card .c-media-placeholder, :where(html[data-dm-css~="s0"]).c-work-card .c-media-placeholder{ border: 0; border-bottom: 1px solid var(--color-border); border-radius: 0; }
:where(html[data-dm-css~="s0"]) .c-work-card__body, :where(html[data-dm-css~="s0"]).c-work-card__body{ display: flex; min-height: 15rem; flex: 1; flex-direction: column; padding: var(--space-5); }
:where(html[data-dm-css~="s0"]) .c-work-card__cta, :where(html[data-dm-css~="s0"]).c-work-card__cta{ align-self: flex-start; margin-top: auto; }
:where(html[data-dm-css~="s0"]) .c-work-card[hidden], :where(html[data-dm-css~="s0"]).c-work-card[hidden]{ display: none; }
:where(html[data-dm-css~="s0"]) .c-work-card--placeholder, :where(html[data-dm-css~="s0"]).c-work-card--placeholder{ border-color: #cbd1d8; background: #f7f8f9; }
:where(html[data-dm-css~="s0"]) .c-work-card--placeholder .c-tag, :where(html[data-dm-css~="s0"]).c-work-card--placeholder .c-tag{ color: #3f4956; background: #e5e8ec; }
:where(html[data-dm-css~="s0"]) .c-tag, :where(html[data-dm-css~="s0"]).c-tag{ display: inline-flex; align-self: flex-start; margin-bottom: var(--space-4); padding: .4rem .65rem; color: var(--color-action-hover); background: var(--color-accent-soft); border-radius: var(--radius-pill); font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

:where(html[data-dm-css~="s0"]) .c-filter-bar, :where(html[data-dm-css~="s0"]).c-filter-bar{ display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2.5rem; }
:where(html[data-dm-css~="s0"]) .c-filter-bar__button, :where(html[data-dm-css~="s0"]).c-filter-bar__button{ min-height: 2.75rem; padding: .65rem .95rem; border: 1px solid var(--color-border); color: var(--color-text-soft); background: var(--color-white); border-radius: var(--radius-pill); font-weight: 700; cursor: pointer; }
:where(html[data-dm-css~="s0"]) .c-filter-bar__button:hover, :where(html[data-dm-css~="s0"]).c-filter-bar__button:hover{ border-color: var(--color-action); color: var(--color-action-hover); background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .c-filter-bar__button.is-active, :where(html[data-dm-css~="s0"]).c-filter-bar__button.is-active{ border-color: var(--color-action); color: var(--color-white); background: var(--color-action); }

:where(html[data-dm-css~="s0"]) .c-route-grid, :where(html[data-dm-css~="s0"]).c-route-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-route-card, :where(html[data-dm-css~="s0"]).c-route-card{ padding: 1.7rem 1.7rem 1.7rem 2rem; border: 1px solid var(--color-border); border-left: 0; background: var(--color-white); border-radius: var(--radius-sm); text-decoration: none; transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast); }
:where(html[data-dm-css~="s0"]) .c-route-card:hover, :where(html[data-dm-css~="s0"]).c-route-card:hover{ border-color: var(--color-border); transform: translateY(-3px); box-shadow: var(--shadow-sm); }
:where(html[data-dm-css~="s0"]) .c-route-card strong, :where(html[data-dm-css~="s0"]).c-route-card strong{ display: block; margin-bottom: var(--space-2); font-family: var(--font-body); font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
:where(html[data-dm-css~="s0"]) .c-route-card span, :where(html[data-dm-css~="s0"]).c-route-card span{ color: var(--color-text-soft); font-size: .92rem; }
:where(html[data-dm-css~="s0"]) .c-route-card__kicker, :where(html[data-dm-css~="s0"]).c-route-card__kicker{ display: block; margin-bottom: .65rem; color: var(--color-action); font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-route-card__action, :where(html[data-dm-css~="s0"]).c-route-card__action{ display: block; margin-top: var(--space-4); color: var(--color-text); font-weight: 700; }

:where(html[data-dm-css~="s0"]) .c-steps, :where(html[data-dm-css~="s0"]).c-steps{ counter-reset: steps; }
:where(html[data-dm-css~="s0"]) .c-steps__item, :where(html[data-dm-css~="s0"]).c-steps__item{ position: relative; padding: 2rem 1.5rem 2rem 5rem; border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-steps__item::before, :where(html[data-dm-css~="s0"]).c-steps__item::before{ position: absolute; top: 1.8rem; left: 0; width: 3.2rem; color: var(--color-action); font-family: var(--font-body); font-size: 2rem; font-weight: 700; counter-increment: steps; content: "0" counter(steps); }
:where(html[data-dm-css~="s0"]) .c-steps__item:last-child, :where(html[data-dm-css~="s0"]).c-steps__item:last-child{ border-bottom: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-steps__item p, :where(html[data-dm-css~="s0"]).c-steps__item p{ margin-bottom: 0; }

:where(html[data-dm-css~="s0"]) .c-quote-band, :where(html[data-dm-css~="s0"]).c-quote-band{ position: relative; overflow: hidden; padding-block: clamp(4rem, 8vw, 7rem); color: var(--color-white); background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .c-quote-band::before, :where(html[data-dm-css~="s0"]).c-quote-band::before,
:where(html[data-dm-css~="s0"]) .c-quote-band::after, :where(html[data-dm-css~="s0"]).c-quote-band::after{ content: none; display: none; }
:where(html[data-dm-css~="s0"]) .c-quote-band__inner, :where(html[data-dm-css~="s0"]).c-quote-band__inner{ position: relative; z-index: 1; display: flex; align-items: end; justify-content: space-between; gap: var(--space-7); }
:where(html[data-dm-css~="s0"]) .c-quote-band h2, :where(html[data-dm-css~="s0"]).c-quote-band h2{ max-width: 48rem; }
:where(html[data-dm-css~="s0"]) .c-quote-band .c-eyebrow, :where(html[data-dm-css~="s0"]).c-quote-band .c-eyebrow{ color: var(--dm-gold); }
:where(html[data-dm-css~="s0"]) .c-quote-band__inner > .c-button-row, :where(html[data-dm-css~="s0"]).c-quote-band__inner > .c-button-row{ flex: 0 0 auto; margin-top: 0; }

:where(html[data-dm-css~="s0"]) .c-table-wrap, :where(html[data-dm-css~="s0"]).c-table-wrap{ overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) table{ width: 100%; border-collapse: collapse; background: var(--color-white); }
:where(html[data-dm-css~="s0"]) th,
:where(html[data-dm-css~="s0"]) td{ padding: 1rem 1.2rem; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; }
:where(html[data-dm-css~="s0"]) th{ color: var(--color-text); background: var(--color-surface-soft); font-size: .82rem; letter-spacing: .05em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) tr:last-child td{ border-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-price, :where(html[data-dm-css~="s0"]).c-price{ margin: 1.8rem 0 .35rem; color: var(--color-text); font-family: var(--font-body); font-size: 2.25rem; font-weight: 700; letter-spacing: -.025em; }
:where(html[data-dm-css~="s0"]) .c-price--light, :where(html[data-dm-css~="s0"]).c-price--light{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-price__note, :where(html[data-dm-css~="s0"]).c-price__note{ color: var(--color-text-muted); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s0"]) .c-price__note--light, :where(html[data-dm-css~="s0"]).c-price__note--light{ color: rgb(255 255 255 / .72); }
:where(html[data-dm-css~="s0"]) .c-heading--card, :where(html[data-dm-css~="s0"]).c-heading--card{ font-family: var(--font-body); font-size: clamp(2rem, 3.6vw, 3.25rem); font-weight: 700; letter-spacing: -.035em; }
:where(html[data-dm-css~="s0"]) .c-offer-answer, :where(html[data-dm-css~="s0"]).c-offer-answer{ margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-offer-answer strong, :where(html[data-dm-css~="s0"]).c-offer-answer strong{ display: block; margin-bottom: .25rem; color: var(--color-text); font-size: var(--font-size-small); letter-spacing: .05em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-card--dark .c-offer-answer, :where(html[data-dm-css~="s0"]).c-card--dark .c-offer-answer{ border-color: rgb(255 255 255 / .18); }
:where(html[data-dm-css~="s0"]) .c-card--dark .c-offer-answer strong, :where(html[data-dm-css~="s0"]).c-card--dark .c-offer-answer strong{ color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .c-offer-card .c-button, :where(html[data-dm-css~="s0"]).c-offer-card .c-button{ align-self: flex-start; margin-top: 1.3rem; }
:where(html[data-dm-css~="s0"]) .c-legal-title, :where(html[data-dm-css~="s0"]).c-legal-title{ font-size: clamp(2.28rem, 5.32vw, 4.56rem); }
:where(html[data-dm-css~="s0"]) .c-legal-heading, :where(html[data-dm-css~="s0"]).c-legal-heading{ margin-top: var(--space-7); font-size: 2.3rem; }
:where(html[data-dm-css~="s0"]) .c-notice, :where(html[data-dm-css~="s0"]).c-notice{ padding: 1.2rem 1.4rem; border-left: 0; background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .c-notice p, :where(html[data-dm-css~="s0"]).c-notice p{ margin: 0; color: var(--color-text); }
:where(html[data-dm-css~="s0"]) .c-notice--warning, :where(html[data-dm-css~="s0"]).c-notice--warning{ border-color: var(--status-warning); background: var(--status-warning-soft); }

:where(html[data-dm-css~="s0"]) .c-accordion, :where(html[data-dm-css~="s0"]).c-accordion{ border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-accordion details, :where(html[data-dm-css~="s0"]).c-accordion details{ border-bottom: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-accordion summary, :where(html[data-dm-css~="s0"]).c-accordion summary{ position: relative; padding: 1.5rem 3rem 1.5rem 0; font-family: var(--font-body); font-size: 1.3rem; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; cursor: pointer; list-style: none; }
:where(html[data-dm-css~="s0"]) .c-accordion summary::-webkit-details-marker, :where(html[data-dm-css~="s0"]).c-accordion summary::-webkit-details-marker{ display: none; }
:where(html[data-dm-css~="s0"]) .c-accordion summary::after, :where(html[data-dm-css~="s0"]).c-accordion summary::after{ position: absolute; right: .5rem; color: var(--color-action); font-size: 1.6rem; content: "+"; }
:where(html[data-dm-css~="s0"]) .c-accordion details[open] summary::after, :where(html[data-dm-css~="s0"]).c-accordion details[open] summary::after{ content: "−"; }
:where(html[data-dm-css~="s0"]) .c-accordion details p, :where(html[data-dm-css~="s0"]).c-accordion details p{ max-width: 48rem; padding-bottom: var(--space-5); }

:where(html[data-dm-css~="s0"]) .c-check-list, :where(html[data-dm-css~="s0"]).c-check-list{ display: grid; gap: .9rem; margin: var(--space-5) 0 0; padding: 0; list-style: none; }
:where(html[data-dm-css~="s0"]) .c-check-list li, :where(html[data-dm-css~="s0"]).c-check-list li{ position: relative; padding-left: 1.8rem; }
:where(html[data-dm-css~="s0"]) .c-check-list li::before, :where(html[data-dm-css~="s0"]).c-check-list li::before{ position: absolute; top: .15rem; left: 0; color: var(--color-action); font-weight: 700; content: "✓"; }

/* Testimonials and editorial text */
:where(html[data-dm-css~="s0"]) .c-testimonial, :where(html[data-dm-css~="s0"]).c-testimonial{ display: grid; grid-template-columns: 4.5rem 1fr; gap: var(--space-5); align-items: start; }
:where(html[data-dm-css~="s0"]) .c-testimonial__photo, :where(html[data-dm-css~="s0"]).c-testimonial__photo{ min-height: 0; width: 4.5rem; height: 4.5rem; border-radius: 50%; }
:where(html[data-dm-css~="s0"]) .c-testimonial__photo span, :where(html[data-dm-css~="s0"]).c-testimonial__photo span{ padding: 0; background: transparent; font-size: .55rem; }
:where(html[data-dm-css~="s0"]) .c-testimonial > :only-child, :where(html[data-dm-css~="s0"]).c-testimonial > :only-child{ grid-column: 1 / -1; }
:where(html[data-dm-css~="s0"]) .c-testimonial__quote, :where(html[data-dm-css~="s0"]).c-testimonial__quote{ color: var(--color-text); font-family: var(--font-editorial); font-size: 1.25rem; font-weight: 600; font-synthesis: none; letter-spacing: -.02em; line-height: 1.38; }
:where(html[data-dm-css~="s0"]) .c-testimonial__person, :where(html[data-dm-css~="s0"]).c-testimonial__person{ margin: var(--space-4) 0 0; color: var(--color-text); font-weight: 700; }
:where(html[data-dm-css~="s0"]) .c-testimonial__role, :where(html[data-dm-css~="s0"]).c-testimonial__role{ margin: 0; color: var(--color-text-muted); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s0"]) .c-photo-caption, :where(html[data-dm-css~="s0"]).c-photo-caption{ margin-top: .65rem; color: var(--color-text-muted); font-size: .82rem; line-height: 1.45; }
:where(html[data-dm-css~="s0"]) .c-pull-quote, :where(html[data-dm-css~="s0"]).c-pull-quote{ padding: var(--space-6); border-left: 0; background: var(--color-surface-soft); }
:where(html[data-dm-css~="s0"]) .c-pull-quote p, :where(html[data-dm-css~="s0"]).c-pull-quote p{ margin: 0; color: var(--color-text); font-family: var(--font-editorial); font-size: clamp(1.5rem, 3vw, 2.3rem); font-weight: 600; font-synthesis: none; letter-spacing: -.03em; line-height: 1.25; }
:where(html[data-dm-css~="s0"]) .c-pull-quote cite, :where(html[data-dm-css~="s0"]).c-pull-quote cite{ display: block; margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--font-size-small); font-style: normal; }

/* 7. Forms ----------------------------------------------------------------- */
:where(html[data-dm-css~="s0"]) .c-form-shell, :where(html[data-dm-css~="s0"]).c-form-shell{ display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); align-items: start; gap: var(--space-7); }
:where(html[data-dm-css~="s0"]) .c-form-card, :where(html[data-dm-css~="s0"]).c-form-card{ padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--color-border); background: var(--color-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
:where(html[data-dm-css~="s0"]) .c-form-intro, :where(html[data-dm-css~="s0"]).c-form-intro{ margin: 0 0 var(--space-6); padding: .85rem 1rem; border-left: 0; background: var(--color-accent-soft); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s0"]) .c-form-section, :where(html[data-dm-css~="s0"]).c-form-section{ margin: 0 0 2.5rem; padding: 0; border: 0; }
:where(html[data-dm-css~="s0"]) .c-form-section legend, :where(html[data-dm-css~="s0"]).c-form-section legend{ margin-bottom: 1.25rem; font-family: var(--font-body); font-size: 1.5rem; font-weight: 700; }
:where(html[data-dm-css~="s0"]) .c-field-grid, :where(html[data-dm-css~="s0"]).c-field-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
:where(html[data-dm-css~="s0"]) .c-field, :where(html[data-dm-css~="s0"]).c-field{ display: grid; gap: .45rem; }
:where(html[data-dm-css~="s0"]) .c-field--full, :where(html[data-dm-css~="s0"]).c-field--full{ grid-column: 1 / -1; }
:where(html[data-dm-css~="s0"]) .c-field label, :where(html[data-dm-css~="s0"]).c-field label,
:where(html[data-dm-css~="s0"]) .c-field__label, :where(html[data-dm-css~="s0"]).c-field__label{ font-weight: 700; }
:where(html[data-dm-css~="s0"]) .c-field small, :where(html[data-dm-css~="s0"]).c-field small{ color: var(--color-text-muted); }
:where(html[data-dm-css~="s0"]) input,
:where(html[data-dm-css~="s0"]) select,
:where(html[data-dm-css~="s0"]) textarea{ width: 100%; min-height: var(--form-control-min-height); padding: .85rem 1rem; border: 1px solid var(--color-border-strong); color: var(--color-text); background: var(--color-white); border-radius: .55rem; }
:where(html[data-dm-css~="s0"]) input:focus,
:where(html[data-dm-css~="s0"]) select:focus,
:where(html[data-dm-css~="s0"]) textarea:focus{ border-color: var(--color-action-hover); outline: 3px solid var(--color-focus); outline-offset: 2px; }
:where(html[data-dm-css~="s0"]) textarea{ min-height: 9rem; resize: vertical; }
:where(html[data-dm-css~="s0"]) .c-choice-grid, :where(html[data-dm-css~="s0"]).c-choice-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
:where(html[data-dm-css~="s0"]) .c-choice, :where(html[data-dm-css~="s0"]).c-choice{ display: flex; align-items: flex-start; gap: .7rem; padding: .85rem; border: 1px solid var(--color-border); border-radius: .55rem; }
:where(html[data-dm-css~="s0"]) .c-choice input, :where(html[data-dm-css~="s0"]).c-choice input{ flex: 0 0 1.25rem; width: 1.25rem; min-height: 1.25rem; height: 1.25rem; margin-top: .25rem; padding: 0; }
:where(html[data-dm-css~="s0"]) .c-form-aside, :where(html[data-dm-css~="s0"]).c-form-aside{ position: sticky; top: 7rem; padding: 1.7rem; color: var(--color-white); background: var(--dm-midnight); border: 1px solid rgb(39 104 158 / .34); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) .c-form-aside p, :where(html[data-dm-css~="s0"]).c-form-aside p{ color: rgb(255 255 255 / .82); }
:where(html[data-dm-css~="s0"]) .c-form-aside .c-eyebrow, :where(html[data-dm-css~="s0"]).c-form-aside .c-eyebrow{ color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .c-form-aside .c-check-list li::before, :where(html[data-dm-css~="s0"]).c-form-aside .c-check-list li::before{ color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .c-form-optional, :where(html[data-dm-css~="s0"]).c-form-optional{ margin: 0 0 2.5rem; border: 1px solid var(--color-border); background: var(--color-surface-soft); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) .c-form-optional summary, :where(html[data-dm-css~="s0"]).c-form-optional summary{ position: relative; padding: 1.1rem 3rem 1.1rem 1.2rem; font-weight: 700; cursor: pointer; list-style: none; }
:where(html[data-dm-css~="s0"]) .c-form-optional summary::-webkit-details-marker, :where(html[data-dm-css~="s0"]).c-form-optional summary::-webkit-details-marker{ display: none; }
:where(html[data-dm-css~="s0"]) .c-form-optional summary::after, :where(html[data-dm-css~="s0"]).c-form-optional summary::after{ position: absolute; right: 1.2rem; color: var(--color-action); font-size: 1.35rem; content: "+"; }
:where(html[data-dm-css~="s0"]) .c-form-optional[open] summary::after, :where(html[data-dm-css~="s0"]).c-form-optional[open] summary::after{ content: "−"; }
:where(html[data-dm-css~="s0"]) .c-form-optional__inner, :where(html[data-dm-css~="s0"]).c-form-optional__inner{ padding: .35rem 1.2rem 1.25rem; }
:where(html[data-dm-css~="s0"]) .c-form-card > .c-choice, :where(html[data-dm-css~="s0"]).c-form-card > .c-choice{ margin-bottom: 1.5rem; }

/* 7b. Insights and lead journeys ----------------------------------------- */
:where(html[data-dm-css~="s0"]) .c-featured-insight, :where(html[data-dm-css~="s0"]).c-featured-insight{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-7); padding: clamp(2rem, 5vw, 4.5rem); color: var(--color-white); background: var(--dm-midnight); border-radius: var(--radius-lg); }
:where(html[data-dm-css~="s0"]) .c-featured-insight h2, :where(html[data-dm-css~="s0"]).c-featured-insight h2{ max-width: 50rem; }
:where(html[data-dm-css~="s0"]) .c-featured-insight .c-lead, :where(html[data-dm-css~="s0"]).c-featured-insight .c-lead{ color: rgb(255 255 255 / .76); }
:where(html[data-dm-css~="s0"]) .c-insight-mark, :where(html[data-dm-css~="s0"]).c-insight-mark{ color: rgb(255 255 255 / .12); font-family: var(--font-editorial); font-size: clamp(5rem, 12vw, 11rem); line-height: .75; }
:where(html[data-dm-css~="s0"]) .c-insight-card, :where(html[data-dm-css~="s0"]).c-insight-card{ display: flex; flex-direction: column; }
:where(html[data-dm-css~="s0"]) .c-insight-card .c-text-link, :where(html[data-dm-css~="s0"]).c-insight-card .c-text-link{ margin-top: auto; padding-top: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-field-notes, :where(html[data-dm-css~="s0"]).c-field-notes{ display: grid; gap: 0; }
:where(html[data-dm-css~="s0"]) .c-field-note, :where(html[data-dm-css~="s0"]).c-field-note{ padding-block: clamp(2.5rem, 6vw, 5rem); border-bottom: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-field-note:first-child, :where(html[data-dm-css~="s0"]).c-field-note:first-child{ padding-top: 0; }
:where(html[data-dm-css~="s0"]) .c-field-note h2, :where(html[data-dm-css~="s0"]).c-field-note h2{ max-width: 44rem; }
:where(html[data-dm-css~="s0"]) .c-field-note details, :where(html[data-dm-css~="s0"]).c-field-note details{ margin-top: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-field-note summary, :where(html[data-dm-css~="s0"]).c-field-note summary{ color: var(--color-action-hover); font-weight: 700; cursor: pointer; }
:where(html[data-dm-css~="s0"]) .c-field-note details > div, :where(html[data-dm-css~="s0"]).c-field-note details > div{ max-width: var(--measure-copy); padding-top: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-article-hero, :where(html[data-dm-css~="s0"]).c-article-hero{ padding-block: clamp(5rem, 10vw, 9rem); color: var(--color-white); background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .c-article-hero h1, :where(html[data-dm-css~="s0"]).c-article-hero h1{ max-width: 58rem; }
:where(html[data-dm-css~="s0"]) .c-article-hero .c-lead, :where(html[data-dm-css~="s0"]).c-article-hero .c-lead{ max-width: 50rem; color: rgb(255 255 255 / .76); }
:where(html[data-dm-css~="s0"]) .c-breadcrumb, :where(html[data-dm-css~="s0"]).c-breadcrumb{ display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: var(--space-6); color: rgb(255 255 255 / .68); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s0"]) .c-breadcrumb a, :where(html[data-dm-css~="s0"]).c-breadcrumb a{ color: inherit; }
:where(html[data-dm-css~="s0"]) .l-reading, :where(html[data-dm-css~="s0"]).l-reading{ width: min(100% - 40px, 48rem); margin-inline: auto; }
:where(html[data-dm-css~="s0"]) .l-reading section + section, :where(html[data-dm-css~="s0"]).l-reading section + section{ margin-top: var(--space-8); }
:where(html[data-dm-css~="s0"]) .c-article-opening, :where(html[data-dm-css~="s0"]).c-article-opening{ margin-bottom: var(--space-8); padding-left: var(--space-5); border-left: 0; font-size: 1.22rem; }
:where(html[data-dm-css~="s0"]) .c-service-bridge, :where(html[data-dm-css~="s0"]).c-service-bridge{ padding: clamp(1.75rem, 5vw, 3.5rem); border: 1px solid var(--color-border); background: var(--color-white); border-radius: var(--radius-lg); }
:where(html[data-dm-css~="s0"]) .page-services .c-form-shell, :where(html[data-dm-css~="s0"]).page-services .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-contact .c-form-shell, :where(html[data-dm-css~="s0"]).page-contact .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-website-design .c-form-shell, :where(html[data-dm-css~="s0"]).page-website-design .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-marketing-strategy .c-form-shell, :where(html[data-dm-css~="s0"]).page-marketing-strategy .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-advertising .c-form-shell, :where(html[data-dm-css~="s0"]).page-advertising .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-social-media .c-form-shell, :where(html[data-dm-css~="s0"]).page-social-media .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-start-hbsos .c-form-shell, :where(html[data-dm-css~="s0"]).page-start-hbsos .c-form-shell{ grid-template-columns: minmax(16rem, .65fr) minmax(0, 1.35fr); }
:where(html[data-dm-css~="s0"]) .c-form-section[hidden], :where(html[data-dm-css~="s0"]).c-form-section[hidden]{ display: none; }
:where(html[data-dm-css~="s0"]) .c-form-card button:disabled, :where(html[data-dm-css~="s0"]).c-form-card button:disabled{ opacity: .65; cursor: wait; }

/* 8. Showcase and internal style guide ------------------------------------ */
:where(html[data-dm-css~="s0"]) .c-system-snapshot, :where(html[data-dm-css~="s0"]).c-system-snapshot{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; }
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item, :where(html[data-dm-css~="s0"]).c-system-snapshot__item{ min-height: 8rem; padding: var(--space-5); border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-child(4n), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-child(4n){ border-right: 0; }
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-last-child(-n+4), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-last-child(-n+4){ border-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-system-snapshot__number, :where(html[data-dm-css~="s0"]).c-system-snapshot__number{ display: block; margin-bottom: var(--space-2); color: var(--color-action); font-size: .78rem; font-weight: 700; letter-spacing: .08em; }
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item strong, :where(html[data-dm-css~="s0"]).c-system-snapshot__item strong{ display: block; line-height: 1.2; }
:where(html[data-dm-css~="s0"]) .c-project-facts, :where(html[data-dm-css~="s0"]).c-project-facts{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
:where(html[data-dm-css~="s0"]) .c-project-facts li, :where(html[data-dm-css~="s0"]).c-project-facts li{ padding-top: var(--space-3); border-top: 1px solid rgb(255 255 255 / .25); color: rgb(255 255 255 / .72); font-size: .86rem; line-height: 1.35; }
:where(html[data-dm-css~="s0"]) .c-project-facts strong, :where(html[data-dm-css~="s0"]).c-project-facts strong{ display: block; margin-bottom: .2rem; color: var(--color-white); font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }

:where(html[data-dm-css~="s0"]) .c-showcase-layout, :where(html[data-dm-css~="s0"]).c-showcase-layout{ display: grid; grid-template-columns: minmax(13rem, .28fr) minmax(0, 1fr); align-items: start; gap: clamp(2.5rem, 6vw, 6rem); }
:where(html[data-dm-css~="s0"]) .c-showcase-nav, :where(html[data-dm-css~="s0"]).c-showcase-nav{ position: sticky; top: calc(var(--header-height) + var(--space-5)); max-height: calc(100vh - var(--header-height) - 3rem); overflow-y: auto; padding: var(--space-4); border: 1px solid var(--color-border); background: var(--color-white); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) .c-showcase-nav__title, :where(html[data-dm-css~="s0"]).c-showcase-nav__title{ margin: 0 0 var(--space-3); color: var(--color-text-muted); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-showcase-nav a, :where(html[data-dm-css~="s0"]).c-showcase-nav a{ display: block; padding: .45rem .65rem; border-left: 3px solid transparent; color: var(--color-text-soft); font-size: .86rem; font-weight: 700; line-height: 1.25; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-showcase-nav a:hover, :where(html[data-dm-css~="s0"]).c-showcase-nav a:hover,
:where(html[data-dm-css~="s0"]) .c-showcase-nav a.is-active, :where(html[data-dm-css~="s0"]).c-showcase-nav a.is-active{ border-left-color: var(--color-action-hover); color: var(--color-action-hover); background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .c-showcase-chapter, :where(html[data-dm-css~="s0"]).c-showcase-chapter{ padding-block: 0 var(--showcase-chapter-gap); scroll-margin-top: calc(var(--header-height) + var(--space-5)); }
:where(html[data-dm-css~="s0"]) .c-showcase-chapter + .c-showcase-chapter, :where(html[data-dm-css~="s0"]).c-showcase-chapter + .c-showcase-chapter{ padding-top: var(--space-8); border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-showcase-chapter__number, :where(html[data-dm-css~="s0"]).c-showcase-chapter__number{ display: inline-grid; width: 2.7rem; height: 2.7rem; margin-bottom: var(--space-5); place-items: center; color: var(--color-white); background: var(--color-action); border-radius: 50%; font-size: .82rem; font-weight: 700; }
:where(html[data-dm-css~="s0"]) .c-system-path, :where(html[data-dm-css~="s0"]).c-system-path{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; margin-block: var(--space-6); }
:where(html[data-dm-css~="s0"]) .c-system-path__step, :where(html[data-dm-css~="s0"]).c-system-path__step{ position: relative; min-height: 8rem; padding: var(--space-4); border: 1px solid var(--color-border); background: var(--color-surface-soft); border-radius: var(--radius-sm); }
:where(html[data-dm-css~="s0"]) .c-system-path__step:not(:last-child)::after, :where(html[data-dm-css~="s0"]).c-system-path__step:not(:last-child)::after{ position: absolute; z-index: 2; top: 50%; right: -.72rem; color: var(--color-action); font-weight: 700; content: "→"; }
:where(html[data-dm-css~="s0"]) .c-system-path__step span, :where(html[data-dm-css~="s0"]).c-system-path__step span{ display: block; color: var(--color-action); font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
:where(html[data-dm-css~="s0"]) .c-system-path__step strong, :where(html[data-dm-css~="s0"]).c-system-path__step strong{ display: block; margin-top: .35rem; line-height: 1.2; }
:where(html[data-dm-css~="s0"]) .c-dark-feature, :where(html[data-dm-css~="s0"]).c-dark-feature{ color: var(--color-white); background: #051c30; }
:where(html[data-dm-css~="s0"]) .c-dark-feature h2, :where(html[data-dm-css~="s0"]).c-dark-feature h2{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-dark-feature p, :where(html[data-dm-css~="s0"]).c-dark-feature p{ color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-eyebrow, :where(html[data-dm-css~="s0"]).c-dark-feature .c-eyebrow{ color: rgb(245 247 250 / .82); }
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-system-path__step, :where(html[data-dm-css~="s0"]).c-dark-feature .c-system-path__step{
  border-color: rgb(255 255 255 / .18);
  color: var(--color-white);
  background: #101d2e;
}
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-system-path__step span, :where(html[data-dm-css~="s0"]).c-dark-feature .c-system-path__step span,
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-system-path__step:not(:last-child)::after, :where(html[data-dm-css~="s0"]).c-dark-feature .c-system-path__step:not(:last-child)::after{ color: #f2b200; }
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-system-path__step strong, :where(html[data-dm-css~="s0"]).c-dark-feature .c-system-path__step strong{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-dark-feature .c-system-path__step p, :where(html[data-dm-css~="s0"]).c-dark-feature .c-system-path__step p{ color: #d4e1ec; }
:where(html[data-dm-css~="s0"]) .c-system-map, :where(html[data-dm-css~="s0"]).c-system-map{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin: var(--space-6) 0; padding: 0; list-style: none; counter-reset: system-map; }
:where(html[data-dm-css~="s0"]) .c-system-map li, :where(html[data-dm-css~="s0"]).c-system-map li{ min-height: 6.5rem; padding: var(--space-4); border: 1px solid var(--color-border); background: var(--color-white); border-radius: var(--radius-sm); counter-increment: system-map; }
:where(html[data-dm-css~="s0"]) .c-system-map li::before, :where(html[data-dm-css~="s0"]).c-system-map li::before{ display: block; margin-bottom: var(--space-2); color: var(--color-action); font-size: .72rem; font-weight: 700; letter-spacing: .08em; content: counter(system-map, decimal-leading-zero); }
:where(html[data-dm-css~="s0"]) .c-system-map strong, :where(html[data-dm-css~="s0"]).c-system-map strong{ display: block; line-height: 1.2; }
:where(html[data-dm-css~="s0"]) .c-asset-card, :where(html[data-dm-css~="s0"]).c-asset-card{ overflow: hidden; padding: 0; }
:where(html[data-dm-css~="s0"]) .c-asset-card .c-media-placeholder, :where(html[data-dm-css~="s0"]).c-asset-card .c-media-placeholder{ border: 0; border-bottom: 1px solid var(--color-border); border-radius: 0; }
:where(html[data-dm-css~="s0"]) .c-asset-card__body, :where(html[data-dm-css~="s0"]).c-asset-card__body{ padding: var(--space-5); }
:where(html[data-dm-css~="s0"]) .c-asset-meta, :where(html[data-dm-css~="s0"]).c-asset-meta{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-asset-meta div, :where(html[data-dm-css~="s0"]).c-asset-meta div{ color: var(--color-text-muted); font-size: .8rem; line-height: 1.35; }
:where(html[data-dm-css~="s0"]) .c-asset-meta strong, :where(html[data-dm-css~="s0"]).c-asset-meta strong{ display: block; color: var(--color-text); font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-rationale, :where(html[data-dm-css~="s0"]).c-rationale{ margin-top: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) .c-rationale summary, :where(html[data-dm-css~="s0"]).c-rationale summary{ padding: var(--space-4) var(--space-5); color: var(--color-action); font-weight: 700; cursor: pointer; }
:where(html[data-dm-css~="s0"]) .c-rationale__body, :where(html[data-dm-css~="s0"]).c-rationale__body{ padding: 0 var(--space-5) var(--space-5); }
:where(html[data-dm-css~="s0"]) .c-rationale__body > :last-child, :where(html[data-dm-css~="s0"]).c-rationale__body > :last-child{ margin-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-back-to-top, :where(html[data-dm-css~="s0"]).c-back-to-top{ position: fixed; z-index: 20; right: 1.25rem; bottom: 1.25rem; display: none; min-height: 2.8rem; padding: .65rem .9rem; border: 1px solid var(--color-border-strong); color: var(--color-text); background: rgb(255 255 255 / .96); border-radius: var(--radius-pill); box-shadow: var(--shadow-sm); font-size: .82rem; font-weight: 700; cursor: pointer; }
:where(html[data-dm-css~="s0"]) .c-back-to-top.is-visible, :where(html[data-dm-css~="s0"]).c-back-to-top.is-visible{ display: inline-flex; }

:where(html[data-dm-css~="s0"]) .c-style-guide-group, :where(html[data-dm-css~="s0"]).c-style-guide-group{ padding-block: var(--space-7); border-top: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-style-guide-group:first-child, :where(html[data-dm-css~="s0"]).c-style-guide-group:first-child{ border-top: 0; }
:where(html[data-dm-css~="s0"]) .c-style-guide-nav, :where(html[data-dm-css~="s0"]).c-style-guide-nav{ display: flex; flex-wrap: wrap; gap: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-style-guide-nav a, :where(html[data-dm-css~="s0"]).c-style-guide-nav a{ color: var(--color-text-soft); font-size: .86rem; font-weight: 700; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-style-guide-nav a:hover, :where(html[data-dm-css~="s0"]).c-style-guide-nav a:hover{ color: var(--color-action); }
:where(html[data-dm-css~="s0"]) .c-swatch-grid, :where(html[data-dm-css~="s0"]).c-swatch-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-swatch, :where(html[data-dm-css~="s0"]).c-swatch{ overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour, :where(html[data-dm-css~="s0"]).c-swatch__colour{ height: 7rem; background: var(--color-surface-soft); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--midnight, :where(html[data-dm-css~="s0"]).c-swatch__colour--midnight{ background: var(--dm-midnight); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--ink, :where(html[data-dm-css~="s0"]).c-swatch__colour--ink{ background: var(--dm-ink); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--action, :where(html[data-dm-css~="s0"]).c-swatch__colour--action{ background: var(--color-action); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--gold, :where(html[data-dm-css~="s0"]).c-swatch__colour--gold{ background: var(--dm-gold); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--slate, :where(html[data-dm-css~="s0"]).c-swatch__colour--slate{ background: var(--dm-slate); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--soft, :where(html[data-dm-css~="s0"]).c-swatch__colour--soft{ background: var(--dm-surface); }
:where(html[data-dm-css~="s0"]) .c-swatch__colour--border, :where(html[data-dm-css~="s0"]).c-swatch__colour--border{ background: var(--dm-border); }
:where(html[data-dm-css~="s0"]) .c-swatch__label, :where(html[data-dm-css~="s0"]).c-swatch__label{ padding: var(--space-4); font-size: .82rem; }
:where(html[data-dm-css~="s0"]) .c-type-specimen, :where(html[data-dm-css~="s0"]).c-type-specimen{ padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); }
:where(html[data-dm-css~="s0"]) .c-type-specimen:last-child, :where(html[data-dm-css~="s0"]).c-type-specimen:last-child{ border-bottom: 0; }
:where(html[data-dm-css~="s0"]) .c-type-specimen__token, :where(html[data-dm-css~="s0"]).c-type-specimen__token{ display: block; margin-bottom: var(--space-3); color: var(--color-text-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .78rem; }
:where(html[data-dm-css~="s0"]) .c-type-display--h1, :where(html[data-dm-css~="s0"]).c-type-display--h1{ max-width: none; margin: 0 0 var(--space-4); color: var(--color-text); font-family: var(--font-authority); font-size: var(--font-size-h1); font-weight: 700; font-synthesis: none; letter-spacing: -.04em; line-height: 1.02; text-wrap: balance; }
:where(html[data-dm-css~="s0"]) .c-status, :where(html[data-dm-css~="s0"]).c-status{ padding: var(--space-4); border: 1px solid currentColor; border-radius: var(--radius-sm); }
:where(html[data-dm-css~="s0"]) .c-status--success, :where(html[data-dm-css~="s0"]).c-status--success{ color: var(--color-success); background: var(--status-success-soft); }
:where(html[data-dm-css~="s0"]) .c-status--error, :where(html[data-dm-css~="s0"]).c-status--error{ color: var(--color-error); background: var(--status-error-soft); }

/* 9. Footer ---------------------------------------------------------------- */
:where(html[data-dm-css~="s0"]) .c-site-footer, :where(html[data-dm-css~="s0"]).c-site-footer{ color: var(--color-white); background: #0d0d0d; }
:where(html[data-dm-css~="s0"]) .c-site-footer__grid, :where(html[data-dm-css~="s0"]).c-site-footer__grid{ display: grid; grid-template-columns: minmax(17rem, 1.35fr) repeat(4, minmax(7.5rem, .55fr)); gap: clamp(1.5rem, 3vw, 3rem); padding-block: clamp(3rem, 5vw, 4.5rem); }
:where(html[data-dm-css~="s0"]) .c-site-footer__brand, :where(html[data-dm-css~="s0"]).c-site-footer__brand{ max-width: 28rem; }
:where(html[data-dm-css~="s0"]) .c-site-footer__brand p, :where(html[data-dm-css~="s0"]).c-site-footer__brand p{ margin-top: var(--space-4); }
:where(html[data-dm-css~="s0"]) .c-site-footer__title, :where(html[data-dm-css~="s0"]).c-site-footer__title{ margin-bottom: .9rem; color: #0084fe; font-size: 1.0325rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
:where(html[data-dm-css~="s0"]) .c-site-footer__links, :where(html[data-dm-css~="s0"]).c-site-footer__links{ display: grid; gap: .55rem; }
:where(html[data-dm-css~="s0"]) .c-site-footer__links--row, :where(html[data-dm-css~="s0"]).c-site-footer__links--row{ display: flex; gap: 1.25rem; }
:where(html[data-dm-css~="s0"]) .c-site-footer__links a, :where(html[data-dm-css~="s0"]).c-site-footer__links a{ color: rgb(255 255 255 / .7); line-height: 1.35; text-decoration: none; }
:where(html[data-dm-css~="s0"]) .c-site-footer__links a:hover, :where(html[data-dm-css~="s0"]).c-site-footer__links a:hover{ color: var(--color-white); }
:where(html[data-dm-css~="s0"]) .c-site-footer__bottom, :where(html[data-dm-css~="s0"]).c-site-footer__bottom{ display: flex; justify-content: space-between; gap: var(--space-6); padding-block: 1.2rem; border-top: 1px solid rgb(255 255 255 / .12); color: rgb(255 255 255 / .68); font-size: var(--font-size-small); }

/* 10. Utilities and restrained effects ------------------------------------ */
:where(html[data-dm-css~="s0"]) .u-list-clean, :where(html[data-dm-css~="s0"]).u-list-clean{ margin: 0; padding: 0; list-style: none; }
:where(html[data-dm-css~="s0"]) .u-visually-hidden, :where(html[data-dm-css~="s0"]).u-visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:where(html[data-dm-css~="s0"]) .u-honeypot, :where(html[data-dm-css~="s0"]).u-honeypot{ position: absolute; left: -9999px; }
:where(html[data-dm-css~="s0"]) .u-mt-1, :where(html[data-dm-css~="s0"]).u-mt-1{ margin-top: var(--space-4); }
:where(html[data-dm-css~="s0"]) .u-mt-2, :where(html[data-dm-css~="s0"]).u-mt-2{ margin-top: var(--space-6); }
:where(html[data-dm-css~="s0"]) .u-max-copy, :where(html[data-dm-css~="s0"]).u-max-copy{ max-width: var(--measure-copy); }
:where(html[data-dm-css~="s0"]) .fx-reveal, :where(html[data-dm-css~="s0"]).fx-reveal{ opacity: 1; transform: none; }
:where(html[data-dm-css~="s0"]) .has-reveal .fx-reveal, :where(html[data-dm-css~="s0"]).has-reveal .fx-reveal{ opacity: 0; transform: translateY(16px); transition: opacity 600ms ease, transform 600ms ease; }
:where(html[data-dm-css~="s0"]) .fx-reveal.is-visible, :where(html[data-dm-css~="s0"]).fx-reveal.is-visible{ opacity: 1; transform: none; }
:where(html[data-dm-css~="s0"]) .fx-lift, :where(html[data-dm-css~="s0"]).fx-lift{ transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
:where(html[data-dm-css~="s0"]) .fx-lift:hover, :where(html[data-dm-css~="s0"]).fx-lift:hover{ transform: translateY(-3px); box-shadow: var(--shadow-sm); }
:where(html[data-dm-css~="s0"]) .fx-image-zoom, :where(html[data-dm-css~="s0"]).fx-image-zoom{ overflow: hidden; }
:where(html[data-dm-css~="s0"]) .fx-image-zoom > img, :where(html[data-dm-css~="s0"]).fx-image-zoom > img{ transition: transform 500ms ease; }
:where(html[data-dm-css~="s0"]) .fx-image-zoom:hover > img, :where(html[data-dm-css~="s0"]).fx-image-zoom:hover > img{ transform: scale(1.025); }
:where(html[data-dm-css~="s0"]) .fx-underline, :where(html[data-dm-css~="s0"]).fx-underline{ background-image: linear-gradient(var(--color-action), var(--color-action)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size var(--transition-base); }
:where(html[data-dm-css~="s0"]) .fx-underline:hover, :where(html[data-dm-css~="s0"]).fx-underline:hover,
:where(html[data-dm-css~="s0"]) .fx-underline:focus-visible, :where(html[data-dm-css~="s0"]).fx-underline:focus-visible{ background-size: 100% 2px; }
:where(html[data-dm-css~="s0"]) .fx-divider-draw, :where(html[data-dm-css~="s0"]).fx-divider-draw{ position: relative; }
:where(html[data-dm-css~="s0"]) .fx-divider-draw::after, :where(html[data-dm-css~="s0"]).fx-divider-draw::after{ display: block; width: 3rem; height: 2px; margin-top: var(--space-4); background: var(--color-action); content: ""; transition: width 450ms ease; }
:where(html[data-dm-css~="s0"]) .fx-divider-draw:hover::after, :where(html[data-dm-css~="s0"]).fx-divider-draw:hover::after{ width: 5rem; }
:where(html[data-dm-css~="s0"]) .fx-path-highlight, :where(html[data-dm-css~="s0"]).fx-path-highlight{ transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast); }
:where(html[data-dm-css~="s0"]) .fx-path-highlight:hover, :where(html[data-dm-css~="s0"]).fx-path-highlight:hover,
:where(html[data-dm-css~="s0"]) .fx-path-highlight.is-active, :where(html[data-dm-css~="s0"]).fx-path-highlight.is-active{ border-color: var(--color-action-hover); color: var(--color-action-hover); background: var(--color-accent-soft); }
:where(html[data-dm-css~="s0"]) .fx-soft-glow, :where(html[data-dm-css~="s0"]).fx-soft-glow{ transition: box-shadow var(--transition-base); }
:where(html[data-dm-css~="s0"]) .fx-soft-glow:hover, :where(html[data-dm-css~="s0"]).fx-soft-glow:hover{ box-shadow: 0 0 0 5px rgb(39 104 158 / .08), var(--shadow-sm); }

/* 11. Responsive ----------------------------------------------------------- */
@media (max-width: 80rem) {
  :where(html[data-dm-css~="s0"]) .has-js .c-site-nav__toggle, :where(html[data-dm-css~="s0"]).has-js .c-site-nav__toggle{ display: block; }
  :where(html[data-dm-css~="s0"]) .has-js .c-site-nav, :where(html[data-dm-css~="s0"]).has-js .c-site-nav{ position: absolute; inset: 100% 0 auto; display: none; height: calc(100vh - var(--header-height)); height: calc(100dvh - var(--header-height)); align-content: start; padding: 1rem 5vw 3rem; overflow-y: auto; background: var(--dm-panel); box-shadow: 0 28px 50px rgb(7 17 31 / .14); }
  :where(html[data-dm-css~="s0"]) .c-site-nav.is-open, :where(html[data-dm-css~="s0"]).c-site-nav.is-open{ display: grid; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__link, :where(html[data-dm-css~="s0"]).c-site-nav__link,
:where(html[data-dm-css~="s0"]) .c-site-nav__trigger, :where(html[data-dm-css~="s0"]).c-site-nav__trigger{ width: 100%; justify-content: space-between; padding: .9rem 1rem; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__menu, :where(html[data-dm-css~="s0"]).c-site-nav__menu{ position: static; min-width: 0; max-width: none; max-height: none; margin: 0 0 .5rem; padding-left: .55rem; border: 0; border-left: 3px solid var(--color-border); border-radius: 0; box-shadow: none; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__menu .c-site-nav__link, :where(html[data-dm-css~="s0"]).c-site-nav__menu .c-site-nav__link,
:where(html[data-dm-css~="s0"]) .c-site-nav__context, :where(html[data-dm-css~="s0"]).c-site-nav__context{ min-height: 2.75rem; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__utility, :where(html[data-dm-css~="s0"]).c-site-nav__utility{ display: flex; }
  :where(html[data-dm-css~="s0"]) .c-site-header__cta, :where(html[data-dm-css~="s0"]).c-site-header__cta{ margin: .8rem 0 0; justify-content: center; }
  html:where([data-dm-css~="s0"]):not(.has-js) .c-site-header__inner{ flex-wrap: wrap; padding-block: .75rem; }
  html:where([data-dm-css~="s0"]):not(.has-js) .c-site-nav{ display: grid; width: 100%; }
  html:where([data-dm-css~="s0"]):not(.has-js) .c-site-nav__trigger{ display: none; }
  html:where([data-dm-css~="s0"]):not(.has-js) .c-site-nav__menu{ display: grid; }
}

@media (max-width: 70rem) {
  :root:where([data-dm-css~="s0"]){ --container-width: min(100% - 3rem, 70rem); }
  :where(html[data-dm-css~="s0"]) .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero__inner,
:where(html[data-dm-css~="s0"]) .c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero--compact .c-hero__inner{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s0"]) .c-hero__copy, :where(html[data-dm-css~="s0"]).c-hero__copy{ max-width: 52rem; }
  :where(html[data-dm-css~="s0"]) .c-media-placeholder--hero, :where(html[data-dm-css~="s0"]).c-media-placeholder--hero{ min-height: 26rem; aspect-ratio: 16 / 10; }
  :where(html[data-dm-css~="s0"]) .l-grid--4, :where(html[data-dm-css~="s0"]).l-grid--4,
:where(html[data-dm-css~="s0"]) .c-system-snapshot, :where(html[data-dm-css~="s0"]).c-system-snapshot,
:where(html[data-dm-css~="s0"]) .c-swatch-grid, :where(html[data-dm-css~="s0"]).c-swatch-grid,
:where(html[data-dm-css~="s0"]) .c-system-map, :where(html[data-dm-css~="s0"]).c-system-map{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(html[data-dm-css~="s0"]) .c-route-grid, :where(html[data-dm-css~="s0"]).c-route-grid{ grid-template-columns: 1fr 1fr; }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-child(4n), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-child(4n){ border-right: 1px solid var(--color-border); }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-child(2n), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-child(2n){ border-right: 0; }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-last-child(-n+4), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-last-child(-n+4){ border-bottom: 1px solid var(--color-border); }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-last-child(-n+2), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-last-child(-n+2){ border-bottom: 0; }
  :where(html[data-dm-css~="s0"]) .c-system-path, :where(html[data-dm-css~="s0"]).c-system-path{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :where(html[data-dm-css~="s0"]) .c-system-path__step::after, :where(html[data-dm-css~="s0"]).c-system-path__step::after{ display: none; }
  :where(html[data-dm-css~="s0"]) .c-site-footer__grid, :where(html[data-dm-css~="s0"]).c-site-footer__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :where(html[data-dm-css~="s0"]) .c-site-footer__brand, :where(html[data-dm-css~="s0"]).c-site-footer__brand{ grid-column: 1 / -1; max-width: 36rem; }
}

@media (max-width: 48rem) {
  :root:where([data-dm-css~="s0"]){
    --container-width: min(calc(100% - 40px), 42rem);
    --container-narrow: min(calc(100% - 40px), 42rem);
    --header-height: 4.5rem;
    --font-size-body: 1.0625rem;
    --font-size-h1: clamp(1.969rem, 9.123vw, 2.799rem);
    --font-size-h2: clamp(1.96rem, 9.52vw, 2.66rem);
    --space-hero-block: 72px;
  }
  :where(html[data-dm-css~="s0"]) .c-draft-banner, :where(html[data-dm-css~="s0"]).c-draft-banner{ padding-inline: 20px; }
  :where(html[data-dm-css~="s0"]) .c-site-nav, :where(html[data-dm-css~="s0"]).c-site-nav{ padding-inline: 20px; }
  :where(html[data-dm-css~="s0"]) .c-brand__logo, :where(html[data-dm-css~="s0"]).c-brand__logo{ width: min(13.5rem, calc(100vw - 6rem)); }
  :where(html[data-dm-css~="s0"]) .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero__inner,
:where(html[data-dm-css~="s0"]) .c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero--compact .c-hero__inner{ min-height: auto; gap: var(--space-7); }
  :where(html[data-dm-css~="s0"]) .c-hero--compact h1, :where(html[data-dm-css~="s0"]).c-hero--compact h1{ font-size: var(--font-size-h1); }
  :where(html[data-dm-css~="s0"]) .c-media-placeholder--hero, :where(html[data-dm-css~="s0"]).c-media-placeholder--hero{ min-height: 19rem; }
  :where(html[data-dm-css~="s0"]) .c-hero__media--desktop, :where(html[data-dm-css~="s0"]).c-hero__media--desktop{ display: none; }
  :where(html[data-dm-css~="s0"]) .c-hero__media--mobile, :where(html[data-dm-css~="s0"]).c-hero__media--mobile{ display: grid; min-height: 24rem; aspect-ratio: 4 / 5; }
  :where(html[data-dm-css~="s0"]) .c-proof-strip__grid, :where(html[data-dm-css~="s0"]).c-proof-strip__grid,
:where(html[data-dm-css~="s0"]) .l-grid--2, :where(html[data-dm-css~="s0"]).l-grid--2,
:where(html[data-dm-css~="s0"]) .l-grid--3, :where(html[data-dm-css~="s0"]).l-grid--3,
:where(html[data-dm-css~="s0"]) .l-grid--4, :where(html[data-dm-css~="s0"]).l-grid--4,
:where(html[data-dm-css~="s0"]) .l-split, :where(html[data-dm-css~="s0"]).l-split,
:where(html[data-dm-css~="s0"]) .c-route-grid, :where(html[data-dm-css~="s0"]).c-route-grid,
:where(html[data-dm-css~="s0"]) .c-form-shell, :where(html[data-dm-css~="s0"]).c-form-shell,
:where(html[data-dm-css~="s0"]) .c-field-grid, :where(html[data-dm-css~="s0"]).c-field-grid,
:where(html[data-dm-css~="s0"]) .c-choice-grid, :where(html[data-dm-css~="s0"]).c-choice-grid,
:where(html[data-dm-css~="s0"]) .c-site-footer__grid, :where(html[data-dm-css~="s0"]).c-site-footer__grid,
:where(html[data-dm-css~="s0"]) .c-system-snapshot, :where(html[data-dm-css~="s0"]).c-system-snapshot,
:where(html[data-dm-css~="s0"]) .c-swatch-grid, :where(html[data-dm-css~="s0"]).c-swatch-grid,
:where(html[data-dm-css~="s0"]) .c-system-map, :where(html[data-dm-css~="s0"]).c-system-map,
:where(html[data-dm-css~="s0"]) .c-showcase-layout, :where(html[data-dm-css~="s0"]).c-showcase-layout,
:where(html[data-dm-css~="s0"]) .c-system-path, :where(html[data-dm-css~="s0"]).c-system-path{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s0"]) .c-project-facts, :where(html[data-dm-css~="s0"]).c-project-facts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(html[data-dm-css~="s0"]) .c-style-guide-nav, :where(html[data-dm-css~="s0"]).c-style-guide-nav{ display: none; }
  :where(html[data-dm-css~="s0"]) .c-proof-strip__item, :where(html[data-dm-css~="s0"]).c-proof-strip__item{ min-height: 5.5rem; padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid var(--color-border); }
  :where(html[data-dm-css~="s0"]) .c-proof-strip__item:last-child, :where(html[data-dm-css~="s0"]).c-proof-strip__item:last-child{ border-bottom: 0; }
  :where(html[data-dm-css~="s0"]) .l-split--reverse .l-split__media, :where(html[data-dm-css~="s0"]).l-split--reverse .l-split__media{ order: initial; }
  :where(html[data-dm-css~="s0"]) .c-quote-band__inner, :where(html[data-dm-css~="s0"]).c-quote-band__inner{ align-items: start; flex-direction: column; }
  :where(html[data-dm-css~="s0"]) .c-form-aside, :where(html[data-dm-css~="s0"]).c-form-aside,
:where(html[data-dm-css~="s0"]) .c-showcase-nav, :where(html[data-dm-css~="s0"]).c-showcase-nav{ position: static; max-height: none; }
  :where(html[data-dm-css~="s0"]) .page-services .c-form-shell, :where(html[data-dm-css~="s0"]).page-services .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-contact .c-form-shell, :where(html[data-dm-css~="s0"]).page-contact .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-website-design .c-form-shell, :where(html[data-dm-css~="s0"]).page-website-design .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-marketing-strategy .c-form-shell, :where(html[data-dm-css~="s0"]).page-marketing-strategy .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-advertising .c-form-shell, :where(html[data-dm-css~="s0"]).page-advertising .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-social-media .c-form-shell, :where(html[data-dm-css~="s0"]).page-social-media .c-form-shell,
:where(html[data-dm-css~="s0"]) .page-start-hbsos .c-form-shell, :where(html[data-dm-css~="s0"]).page-start-hbsos .c-form-shell{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s0"]) .c-featured-insight, :where(html[data-dm-css~="s0"]).c-featured-insight{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s0"]) .c-insight-mark, :where(html[data-dm-css~="s0"]).c-insight-mark{ display: none; }
  :where(html[data-dm-css~="s0"]) [data-lead-form], :where(html[data-dm-css~="s0"])[data-lead-form]{ padding-bottom: calc(6rem + env(safe-area-inset-bottom)); }
  :where(html[data-dm-css~="s0"]) [data-lead-form] input, :where(html[data-dm-css~="s0"])[data-lead-form] input,
:where(html[data-dm-css~="s0"]) [data-lead-form] select, :where(html[data-dm-css~="s0"])[data-lead-form] select,
:where(html[data-dm-css~="s0"]) [data-lead-form] textarea, :where(html[data-dm-css~="s0"])[data-lead-form] textarea,
:where(html[data-dm-css~="s0"]) [data-lead-form] button, :where(html[data-dm-css~="s0"])[data-lead-form] button{ scroll-margin-bottom: 7rem; }
  :where(html[data-dm-css~="s0"]) .c-form-aside, :where(html[data-dm-css~="s0"]).c-form-aside{ order: -1; }
  :where(html[data-dm-css~="s0"]) .c-form-card > .c-button, :where(html[data-dm-css~="s0"]).c-form-card > .c-button,
:where(html[data-dm-css~="s0"]) .c-hero__actions .c-button, :where(html[data-dm-css~="s0"]).c-hero__actions .c-button,
:where(html[data-dm-css~="s0"]) .c-quote-band .c-button, :where(html[data-dm-css~="s0"]).c-quote-band .c-button{ width: 100%; }
  :where(html[data-dm-css~="s0"]) .c-quote-band__inner > .c-button-row, :where(html[data-dm-css~="s0"]).c-quote-band__inner > .c-button-row{ width: 100%; margin-top: 0; }
  :where(html[data-dm-css~="s0"]) .c-showcase-nav, :where(html[data-dm-css~="s0"]).c-showcase-nav{ display: flex; width: 100%; gap: .25rem; overflow-x: auto; padding: .65rem; scroll-snap-type: x proximity; }
  :where(html[data-dm-css~="s0"]) .c-showcase-nav__title, :where(html[data-dm-css~="s0"]).c-showcase-nav__title{ display: none; }
  :where(html[data-dm-css~="s0"]) .c-showcase-nav a, :where(html[data-dm-css~="s0"]).c-showcase-nav a{ flex: 0 0 auto; min-height: 2.75rem; padding: .65rem .8rem; border-left: 0; border-bottom: 3px solid transparent; white-space: nowrap; scroll-snap-align: start; }
  :where(html[data-dm-css~="s0"]) .c-showcase-nav a:hover, :where(html[data-dm-css~="s0"]).c-showcase-nav a:hover,
:where(html[data-dm-css~="s0"]) .c-showcase-nav a.is-active, :where(html[data-dm-css~="s0"]).c-showcase-nav a.is-active{ border-left-color: transparent; border-bottom-color: var(--color-action-hover); }
  :where(html[data-dm-css~="s0"]) .c-back-to-top, :where(html[data-dm-css~="s0"]).c-back-to-top{ right: auto; left: 1rem; }
  :where(html[data-dm-css~="s0"]) .c-site-footer__grid, :where(html[data-dm-css~="s0"]).c-site-footer__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.25rem; padding-block: 3rem; }
  :where(html[data-dm-css~="s0"]) .c-site-footer__brand, :where(html[data-dm-css~="s0"]).c-site-footer__brand{ grid-column: 1 / -1; }
  :where(html[data-dm-css~="s0"]) .c-site-footer__bottom, :where(html[data-dm-css~="s0"]).c-site-footer__bottom{ flex-direction: column; gap: .4rem; }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item, :where(html[data-dm-css~="s0"]).c-system-snapshot__item,
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-child(2n), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-child(2n),
:where(html[data-dm-css~="s0"]) .c-system-snapshot__item:nth-last-child(-n+2), :where(html[data-dm-css~="s0"]).c-system-snapshot__item:nth-last-child(-n+2){ border-right: 0; border-bottom: 1px solid var(--color-border); }
  :where(html[data-dm-css~="s0"]) .c-system-snapshot__item:last-child, :where(html[data-dm-css~="s0"]).c-system-snapshot__item:last-child{ border-bottom: 0; }
  :where(html[data-dm-css~="s0"]) .c-testimonial, :where(html[data-dm-css~="s0"]).c-testimonial{ grid-template-columns: 3.75rem 1fr; }
  :where(html[data-dm-css~="s0"]) .c-testimonial__photo, :where(html[data-dm-css~="s0"]).c-testimonial__photo{ width: 3.75rem; height: 3.75rem; }
  :where(html[data-dm-css~="s0"]) .c-asset-meta, :where(html[data-dm-css~="s0"]).c-asset-meta{ grid-template-columns: 1fr; }
}

/* Phone navigation. The original desktop and tablet menus remain above 48rem. */
:where(html[data-dm-css~="s0"]) .c-site-nav__panel-heading, :where(html[data-dm-css~="s0"]).c-site-nav__panel-heading,
:where(html[data-dm-css~="s0"]) .c-site-nav__backdrop, :where(html[data-dm-css~="s0"]).c-site-nav__backdrop{ display: none; }
@media screen and (max-width: 48rem) {
  :where(html[data-dm-css~="s0"]) .has-js .c-site-nav__toggle, :where(html[data-dm-css~="s0"]).has-js .c-site-nav__toggle{
    position: relative;
    flex: 0 0 auto;
    padding: 0;
    border-color: rgb(16 34 52 / .16);
    border-radius: .8rem;
    background: #f5f3ee;
    box-shadow: 0 3px 12px rgb(7 17 31 / .12);
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav__toggle span, :where(html[data-dm-css~="s0"]).c-site-nav__toggle span{
    background: var(--dm-ink);
    border-radius: 2px;
    transition: transform 160ms ease, opacity 160ms ease;
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav__toggle[aria-expanded="true"] span:nth-child(1), :where(html[data-dm-css~="s0"]).c-site-nav__toggle[aria-expanded="true"] span:nth-child(1){ transform: translateY(.355rem) rotate(45deg); }
  :where(html[data-dm-css~="s0"]) .c-site-nav__toggle[aria-expanded="true"] span:nth-child(2), :where(html[data-dm-css~="s0"]).c-site-nav__toggle[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__toggle[aria-expanded="true"] span:nth-child(3), :where(html[data-dm-css~="s0"]).c-site-nav__toggle[aria-expanded="true"] span:nth-child(3){ transform: translateY(-.355rem) rotate(-45deg); }
  :where(html[data-dm-css~="s0"]) .has-js .page-home.has-mobile-hero-nav .c-site-header, :where(html[data-dm-css~="s0"]).has-js .page-home.has-mobile-hero-nav .c-site-header{ display: none; }
  :where(html[data-dm-css~="s0"]) .has-js .page-home.has-mobile-hero-nav .c-home-hero-heading > .c-site-nav__toggle, :where(html[data-dm-css~="s0"]).has-js .page-home.has-mobile-hero-nav .c-home-hero-heading > .c-site-nav__toggle{
    position: absolute;
    z-index: 3;
    top: max(1rem, env(safe-area-inset-top));
    right: max(1.25rem, env(safe-area-inset-right));
  }
  :where(html[data-dm-css~="s0"]) .has-js .c-site-nav.c-site-nav--floating, :where(html[data-dm-css~="s0"]).has-js .c-site-nav.c-site-nav--floating{
    position: fixed;
    z-index: 1200;
    inset: var(--mobile-nav-top, 5.25rem) max(1rem, env(safe-area-inset-right)) auto auto;
    width: 75vw;
    max-width: 25rem;
    height: auto;
    max-height: min(75vh, calc(100vh - var(--mobile-nav-top, 5.25rem) - 1rem));
    max-height: min(75dvh, calc(100dvh - var(--mobile-nav-top, 5.25rem) - max(1rem, env(safe-area-inset-bottom))));
    grid-template-columns: minmax(0, 1fr);
    gap: .15rem;
    padding: .5rem .75rem 1rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    border: 1px solid rgb(16 34 52 / .14);
    border-radius: 1.15rem;
    background: #f5f3ee;
    box-shadow: 0 20px 60px rgb(7 17 31 / .24), 0 4px 12px rgb(7 17 31 / .1);
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav--floating .c-site-nav__panel-heading, :where(html[data-dm-css~="s0"]).c-site-nav--floating .c-site-nav__panel-heading{
    position: sticky;
    z-index: 2;
    top: -.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem .25rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--dm-ink);
    background: #f5f3ee;
    font-size: .95rem;
    font-weight: 700;
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav__close, :where(html[data-dm-css~="s0"]).c-site-nav__close{
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    border-radius: .7rem;
    color: var(--dm-ink);
    background: var(--color-surface-soft);
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav--floating .c-site-nav__link, :where(html[data-dm-css~="s0"]).c-site-nav--floating .c-site-nav__link,
:where(html[data-dm-css~="s0"]) .c-site-nav--floating .c-site-nav__trigger, :where(html[data-dm-css~="s0"]).c-site-nav--floating .c-site-nav__trigger{
    min-height: 2.875rem;
    padding: .75rem .85rem;
    border-radius: .65rem;
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav--floating .c-site-nav__menu, :where(html[data-dm-css~="s0"]).c-site-nav--floating .c-site-nav__menu{
    margin-block: .25rem .5rem;
    border-left: 2px solid var(--color-border);
    background: var(--color-surface-soft);
    border-radius: 0 .65rem .65rem 0;
  }
  :where(html[data-dm-css~="s0"]) .c-site-nav--floating .c-site-header__cta, :where(html[data-dm-css~="s0"]).c-site-nav--floating .c-site-header__cta{ margin: .6rem 0 0; }
  :where(html[data-dm-css~="s0"]) .c-site-nav__backdrop:not([hidden]), :where(html[data-dm-css~="s0"]).c-site-nav__backdrop:not([hidden]){
    position: fixed;
    z-index: 1190;
    inset: 0;
    display: block;
    background: rgb(7 17 31 / .16);
    touch-action: none;
  }
}

/* 12. Accessibility and print --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html:where([data-dm-css~="s0"]){ scroll-behavior: auto; }
  :where(html[data-dm-css~="s0"]) *, :where(html[data-dm-css~="s0"]),
:where(html[data-dm-css~="s0"]) *::before, :where(html[data-dm-css~="s0"])::before,
:where(html[data-dm-css~="s0"]) *::after, :where(html[data-dm-css~="s0"])::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  :where(html[data-dm-css~="s0"]) .fx-reveal, :where(html[data-dm-css~="s0"]).fx-reveal,
:where(html[data-dm-css~="s0"]) .has-reveal .fx-reveal, :where(html[data-dm-css~="s0"]).has-reveal .fx-reveal{ opacity: 1; transform: none; }
}

@media (prefers-contrast: more) {
  :root:where([data-dm-css~="s0"]){ --color-border: #7f8b9a; --color-border-strong: #657386; }
  :where(html[data-dm-css~="s0"]) .c-button, :where(html[data-dm-css~="s0"]).c-button,
:where(html[data-dm-css~="s0"]) .c-card, :where(html[data-dm-css~="s0"]).c-card,
:where(html[data-dm-css~="s0"]) input,
:where(html[data-dm-css~="s0"]) select,
:where(html[data-dm-css~="s0"]) textarea{ border-width: 2px; }
}

@media print {
  :where(html[data-dm-css~="s0"]) .c-site-header, :where(html[data-dm-css~="s0"]).c-site-header,
:where(html[data-dm-css~="s0"]) .c-site-footer, :where(html[data-dm-css~="s0"]).c-site-footer,
:where(html[data-dm-css~="s0"]) .c-draft-banner, :where(html[data-dm-css~="s0"]).c-draft-banner,
:where(html[data-dm-css~="s0"]) .c-showcase-nav, :where(html[data-dm-css~="s0"]).c-showcase-nav,
:where(html[data-dm-css~="s0"]) .c-back-to-top, :where(html[data-dm-css~="s0"]).c-back-to-top,
:where(html[data-dm-css~="s0"]) .c-button-row, :where(html[data-dm-css~="s0"]).c-button-row,
:where(html[data-dm-css~="s0"]) .c-hero__actions, :where(html[data-dm-css~="s0"]).c-hero__actions{ display: none !important; }
  :where(html[data-dm-css~="s0"]) body{ color: #000; background: #f5f3ee; font-size: 11pt; }
  :where(html[data-dm-css~="s0"]) .l-container, :where(html[data-dm-css~="s0"]).l-container,
:where(html[data-dm-css~="s0"]) .l-narrow, :where(html[data-dm-css~="s0"]).l-narrow{ width: 100%; }
  :where(html[data-dm-css~="s0"]) .l-section, :where(html[data-dm-css~="s0"]).l-section,
:where(html[data-dm-css~="s0"]) .c-simple-hero, :where(html[data-dm-css~="s0"]).c-simple-hero,
:where(html[data-dm-css~="s0"]) .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero__inner{ padding-block: 1.5rem; }
  :where(html[data-dm-css~="s0"]) .c-hero__inner, :where(html[data-dm-css~="s0"]).c-hero__inner,
:where(html[data-dm-css~="s0"]) .l-split, :where(html[data-dm-css~="s0"]).l-split,
:where(html[data-dm-css~="s0"]) .c-showcase-layout, :where(html[data-dm-css~="s0"]).c-showcase-layout{ display: block; min-height: 0; }
  :where(html[data-dm-css~="s0"]) .c-media-placeholder, :where(html[data-dm-css~="s0"]).c-media-placeholder{ break-inside: avoid; min-height: 7rem; }
  :where(html[data-dm-css~="s0"]) a{ text-decoration: underline; }
}

/* Website layouts and consistent form containers. */
:where(html[data-dm-css~="s0"]) .c-form-card, :where(html[data-dm-css~="s0"]).c-form-card{ border-radius: 0; box-shadow: none; }
:where(html[data-dm-css~="s0"]) .dm-website-split, :where(html[data-dm-css~="s0"]).dm-website-split{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 72px); align-items: start; }
:where(html[data-dm-css~="s0"]) .dm-website-split__copy, :where(html[data-dm-css~="s0"]).dm-website-split__copy{ min-width: 0; text-align: left; }
:where(html[data-dm-css~="s0"]) .dm-website-split__copy .c-section-heading, :where(html[data-dm-css~="s0"]).dm-website-split__copy .c-section-heading{ text-align: left; margin-left: 0; margin-right: 0; }
:where(html[data-dm-css~="s0"]) .dm-website-placeholder, :where(html[data-dm-css~="s0"]).dm-website-placeholder{ width: 100%; aspect-ratio: 5 / 4; background: #dce4ea; }
:where(html[data-dm-css~="s0"]) .dm-website-placeholder--wide, :where(html[data-dm-css~="s0"]).dm-website-placeholder--wide{ aspect-ratio: 16 / 9; }
:where(html[data-dm-css~="s0"]) .dm-website-process .c-card__index, :where(html[data-dm-css~="s0"]).dm-website-process .c-card__index{ display: block; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: #292d33; font-size: 3rem; line-height: 1; font-weight: 900; }
:where(html[data-dm-css~="s0"]) #website-enquiry [data-form-next], :where(html[data-dm-css~="s0"])#website-enquiry [data-form-next]{ margin-top: 20px; }
@media (max-width: 48rem) { :where(html[data-dm-css~="s0"]) .dm-website-split, :where(html[data-dm-css~="s0"]).dm-website-split{ grid-template-columns: minmax(0, 1fr); } }

/* October 2026: charcoal, square buttons; scoped homepage refinements. */
:where(html[data-dm-css~="s0"]) .c-button, :where(html[data-dm-css~="s0"]).c-button,
:where(html[data-dm-css~="s0"]) .c-victor-send, :where(html[data-dm-css~="s0"]).c-victor-send,
:where(html[data-dm-css~="s0"]) .c-victor-btn, :where(html[data-dm-css~="s0"]).c-victor-btn,
:where(html[data-dm-css~="s0"]) .c-filter-bar__button, :where(html[data-dm-css~="s0"]).c-filter-bar__button{
  --dm-blue: #082c4a;
  --dm-blue-strong: #051c30;
  --color-action: #082c4a;
  --color-action-hover: #051c30;
  border-radius: 0 !important;
}
:where(html[data-dm-css~="s0"]) .c-button--primary, :where(html[data-dm-css~="s0"]).c-button--primary{
  box-shadow: 0 4px 12px rgb(0 0 0 / .14) !important;
}
:where(html[data-dm-css~="s0"]) .c-button--primary:hover, :where(html[data-dm-css~="s0"]).c-button--primary:hover{
  box-shadow: 0 6px 16px rgb(0 0 0 / .2) !important;
}
:where(html[data-dm-css~="s0"]) .page-home .c-home-services, :where(html[data-dm-css~="s0"]).page-home .c-home-services{
  background: #1f4665;
}
:where(html[data-dm-css~="s0"]) .page-home .c-home-services .c-card, :where(html[data-dm-css~="s0"]).page-home .c-home-services .c-card{
  border-radius: 0;
}
:where(html[data-dm-css~="s0"]) .page-home .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s0"]).page-home .c-home-featured-work .c-work-card{
  text-align: center;
}
:where(html[data-dm-css~="s0"]) .page-home .c-home-featured-work .c-work-card__body, :where(html[data-dm-css~="s0"]).page-home .c-home-featured-work .c-work-card__body{
  align-items: center;
}
:where(html[data-dm-css~="s0"]) .page-home .c-home-featured-work :is(.c-tag, .c-work-card__cta), :where(html[data-dm-css~="s0"]).page-home .c-home-featured-work :is(.c-tag, .c-work-card__cta){
  align-self: center;
  text-align: center;
  justify-content: center;
}

/* Site-wide heading weight, including hero copy and highlighted heading text. */
:where(html[data-dm-css~="s0"]) :is(h1, h2, h3, h4, h5), :where(html[data-dm-css~="s0"]):is(h1, h2, h3, h4, h5),
:where(html[data-dm-css~="s0"]) :is(h1, h2, h3, h4, h5) *, :where(html[data-dm-css~="s0"]):is(h1, h2, h3, h4, h5) *{
  font-weight: 400 !important;
}


/* media.css | original cascade position 2 */
/*
  Digital Mastery media layer — Version 7 / Lucid Authority: Living Architecture
  Keeps responsive imagery and logo presentation separate from the approved
  Version 4 master design system.
*/

:where(html[data-dm-css~="s1"]) .c-media-frame, :where(html[data-dm-css~="s1"]).c-media-frame{
  position: relative;
  display: block;
  min-height: 17rem;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--color-border-strong);
  background: var(--dm-midnight);
  border-radius: 0;
}

:where(html[data-dm-css~="s1"]) .c-media-frame img, :where(html[data-dm-css~="s1"]).c-media-frame img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--hero, :where(html[data-dm-css~="s1"]).c-media-frame--hero{
  min-height: min(34rem, 56vw);
  aspect-ratio: 5 / 4;
  box-shadow: var(--shadow-lg);
}

:where(html[data-dm-css~="s1"]) .c-media-frame--landscape, :where(html[data-dm-css~="s1"]).c-media-frame--landscape{
  min-height: 12rem;
  aspect-ratio: 16 / 9;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--compact, :where(html[data-dm-css~="s1"]).c-media-frame--compact{
  min-height: 18rem;
  aspect-ratio: 16 / 10;
}

:where(html[data-dm-css~="s1"]) .c-hero__media-stack, :where(html[data-dm-css~="s1"]).c-hero__media-stack{
  display: grid;
  gap: var(--space-5);
}

:where(html[data-dm-css~="s1"]) .c-media-frame--ink, :where(html[data-dm-css~="s1"]).c-media-frame--ink{ border-color: rgb(255 255 255 / .2); }

:where(html[data-dm-css~="s1"]) .c-media-frame--portrait, :where(html[data-dm-css~="s1"]).c-media-frame--portrait{
  min-height: 24rem;
  aspect-ratio: 4 / 5;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--portrait img, :where(html[data-dm-css~="s1"]).c-media-frame--portrait img{ object-position: center 24%; }

/* About hero image visibility ---------------------------------------------
   The wide artwork already contains Ruaan on desktop. Keep the separate
   portrait hidden until the dedicated mobile layout takes over.
*/
:where(html[data-dm-css~="s1"]) .page-about .c-hero__media--mobile, :where(html[data-dm-css~="s1"]).page-about .c-hero__media--mobile{
  display: none;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--board, :where(html[data-dm-css~="s1"]).c-media-frame--board{
  min-height: 0;
  aspect-ratio: 16 / 9;
  background: var(--color-surface-soft);
}

/* My Most Trusted case-study narrative media ------------------------------
   Keep the three primary story images consistent without affecting gallery
   boards or any other case-study page. */
:where(html[data-dm-css~="s1"]) .page-case-study--mmt .c-case-study-figure, :where(html[data-dm-css~="s1"]).page-case-study--mmt .c-case-study-figure{
  margin: 0;
}

:where(html[data-dm-css~="s1"]) .page-case-study--mmt .c-case-study-media, :where(html[data-dm-css~="s1"]).page-case-study--mmt .c-case-study-media{
  min-height: 0;
  aspect-ratio: 5 / 4;
  background: var(--color-surface-soft);
}

:where(html[data-dm-css~="s1"]) .page-case-study--mmt .c-case-study-media img, :where(html[data-dm-css~="s1"]).page-case-study--mmt .c-case-study-media img{
  object-fit: cover;
  object-position: center;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--contain img, :where(html[data-dm-css~="s1"]).c-media-frame--contain img,
:where(html[data-dm-css~="s1"]) .c-media-frame--board img, :where(html[data-dm-css~="s1"]).c-media-frame--board img{ object-fit: contain; }

:where(html[data-dm-css~="s1"]) .c-media-frame--panorama, :where(html[data-dm-css~="s1"]).c-media-frame--panorama{
  min-height: 0;
  aspect-ratio: auto;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--panorama img, :where(html[data-dm-css~="s1"]).c-media-frame--panorama img{
  height: auto;
  object-fit: contain;
}

:where(html[data-dm-css~="s1"]) .c-media-frame--tall, :where(html[data-dm-css~="s1"]).c-media-frame--tall{
  min-height: 30rem;
  aspect-ratio: 2 / 5;
  background: var(--color-surface-soft);
}

:where(html[data-dm-css~="s1"]) .c-media-frame--tall img, :where(html[data-dm-css~="s1"]).c-media-frame--tall img{ object-fit: contain; }

:where(html[data-dm-css~="s1"]) .c-work-card .c-media-frame, :where(html[data-dm-css~="s1"]).c-work-card .c-media-frame{
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
}

/* Shared portfolio preview treatment. Keep complete interface screenshots
   visible at an exact 16:9 ratio on Home, Work and Website Design. */
:where(html[data-dm-css~="s1"]) .c-work-card__media, :where(html[data-dm-css~="s1"]).c-work-card__media{
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  background: #eef2f7;
  border-radius: 0;
}

:where(html[data-dm-css~="s1"]) .c-work-card__media-link, :where(html[data-dm-css~="s1"]).c-work-card__media-link{
  display: block;
  width: 100%;
  height: 100%;
}

:where(html[data-dm-css~="s1"]) .c-work-card__media-link:focus-visible, :where(html[data-dm-css~="s1"]).c-work-card__media-link:focus-visible{
  outline-offset: -4px;
}

:where(html[data-dm-css~="s1"]) .c-work-card__media img, :where(html[data-dm-css~="s1"]).c-work-card__media img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none !important;
}

:where(html[data-dm-css~="s1"]) .page-home .c-work-card__media img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media img{
  transition: transform 320ms cubic-bezier(.2, .7, .2, 1);
}

:where(html[data-dm-css~="s1"]) .page-home .c-work-card__media-link:focus-visible img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media-link:focus-visible img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media-link:focus-visible img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media-link:focus-visible img{
  transform: scale(1.04) !important;
}

@media (hover: hover) and (pointer: fine) {
  :where(html[data-dm-css~="s1"]) .page-home .c-work-card__media-link:hover img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media-link:hover img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media-link:hover img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media-link:hover img{
    transform: scale(1.04) !important;
  }
}

:where(html[data-dm-css~="s1"]) .c-work-card--placeholder .c-work-card__media, :where(html[data-dm-css~="s1"]).c-work-card--placeholder .c-work-card__media{
  background: #e3e6e9;
}

:where(html[data-dm-css~="s1"]) .c-work-card--placeholder .c-work-card__media img, :where(html[data-dm-css~="s1"]).c-work-card--placeholder .c-work-card__media img{
  object-fit: cover;
  filter: grayscale(1);
}

/* Home Featured Work: dark full-section artwork with light content cards. */
:where(html[data-dm-css~="s1"]) .c-home-featured-work, :where(html[data-dm-css~="s1"]).c-home-featured-work{
  color: var(--color-white);
  background-color: var(--dm-midnight);
  background-image: url("../images/featured-work-background.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

:where(html[data-dm-css~="s1"]) .c-home-featured-work .c-section-heading p, :where(html[data-dm-css~="s1"]).c-home-featured-work .c-section-heading p{
  color: rgb(255 255 255 / .82);
}

:where(html[data-dm-css~="s1"]) .c-home-featured-work .c-section-heading .c-eyebrow, :where(html[data-dm-css~="s1"]).c-home-featured-work .c-section-heading .c-eyebrow{
  color: rgb(245 247 250 / .82);
}

:where(html[data-dm-css~="s1"]) .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s1"]).c-home-featured-work .c-work-card{
  color: var(--color-text);
}

:where(html[data-dm-css~="s1"]) .c-home-featured-work .c-work-card p, :where(html[data-dm-css~="s1"]).c-home-featured-work .c-work-card p{
  color: var(--color-text-soft);
}

/* Home Services: independent dark artwork with governed card contrast. */
:where(html[data-dm-css~="s1"]) .c-home-services, :where(html[data-dm-css~="s1"]).c-home-services{
  color: var(--color-white);
  background-color: var(--dm-midnight);
  background-image: url("../images/featured-work-background.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

:where(html[data-dm-css~="s1"]) .c-home-services .c-section-heading .c-eyebrow, :where(html[data-dm-css~="s1"]).c-home-services .c-section-heading .c-eyebrow{
  color: rgb(245 247 250 / .82);
}

:where(html[data-dm-css~="s1"]) .c-home-services .c-card:not(.c-card--emphasis):not(.c-card--dark), :where(html[data-dm-css~="s1"]).c-home-services .c-card:not(.c-card--emphasis):not(.c-card--dark){
  color: var(--color-text);
}

:where(html[data-dm-css~="s1"]) .c-home-services .c-card:not(.c-card--emphasis):not(.c-card--dark) p, :where(html[data-dm-css~="s1"]).c-home-services .c-card:not(.c-card--emphasis):not(.c-card--dark) p{
  color: var(--color-text-soft);
}

/* Homepage refinements: clearer approach, proportionate portrait and stronger cards. */
:where(html[data-dm-css~="s1"]) .c-home-expect .c-section-heading, :where(html[data-dm-css~="s1"]).c-home-expect .c-section-heading{
  max-width: 50rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

:where(html[data-dm-css~="s1"]) .c-home-expect .l-grid, :where(html[data-dm-css~="s1"]).c-home-expect .l-grid{
  align-items: stretch;
  gap: clamp(1rem, 2vw, 1.5rem);
}

:where(html[data-dm-css~="s1"]) .c-home-expect .c-card, :where(html[data-dm-css~="s1"]).c-home-expect .c-card{
  height: 100%;
  border-top: 0;
  box-shadow: 0 14px 38px rgb(7 17 31 / .07);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

:where(html[data-dm-css~="s1"]) .c-home-expect .c-card:hover, :where(html[data-dm-css~="s1"]).c-home-expect .c-card:hover,
:where(html[data-dm-css~="s1"]) .c-home-expect .c-card:focus-within, :where(html[data-dm-css~="s1"]).c-home-expect .c-card:focus-within{
  border-color: var(--color-border);
  box-shadow: 0 18px 44px rgb(7 17 31 / .11);
}

:where(html[data-dm-css~="s1"]) .c-home-expect .c-card:focus-visible, :where(html[data-dm-css~="s1"]).c-home-expect .c-card:focus-visible{
  outline: 3px solid var(--color-action);
  outline-offset: 4px;
}

:where(html[data-dm-css~="s1"]) .c-home-expect .c-card__index, :where(html[data-dm-css~="s1"]).c-home-expect .c-card__index{
  width: 3rem;
  height: 3rem;
  margin-bottom: var(--space-5);
  background: var(--color-accent-soft);
  font-size: .9rem;
}

:where(html[data-dm-css~="s1"]) .c-home-expect .c-card h3, :where(html[data-dm-css~="s1"]).c-home-expect .c-card h3{
  margin-bottom: .8rem;
}

@media (min-width: 48.01rem) {
  :where(html[data-dm-css~="s1"]) .c-home-approach .c-steps__item, :where(html[data-dm-css~="s1"]).c-home-approach .c-steps__item{
    min-height: 10.25rem;
    padding: 2rem 1.5rem 2rem 7.25rem;
  }

  :where(html[data-dm-css~="s1"]) .c-home-approach .c-steps__item::before, :where(html[data-dm-css~="s1"]).c-home-approach .c-steps__item::before{
    top: 1.35rem;
    width: 5.4rem;
    font-size: 3.82rem;
    line-height: 1;
  }
}

@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s1"]) .c-home-about > .l-container, :where(html[data-dm-css~="s1"]).c-home-about > .l-container{
    grid-template-columns: minmax(15rem, .5fr) minmax(0, 1.5fr);
    gap: clamp(2rem, 5vw, 5rem);
  }

  :where(html[data-dm-css~="s1"]) .c-home-about__copy, :where(html[data-dm-css~="s1"]).c-home-about__copy{
    grid-column: 2;
    grid-row: 1;
  }

  :where(html[data-dm-css~="s1"]) .c-home-about__portrait, :where(html[data-dm-css~="s1"]).c-home-about__portrait{
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    width: 100%;
    justify-self: start;
  }
}

@media (max-width: 48rem) {
  :where(html[data-dm-css~="s1"]) .c-home-approach .c-steps__item, :where(html[data-dm-css~="s1"]).c-home-approach .c-steps__item{
    padding-left: clamp(5rem, 22vw, 6rem);
  }

  :where(html[data-dm-css~="s1"]) .c-home-approach .c-steps__item::before, :where(html[data-dm-css~="s1"]).c-home-approach .c-steps__item::before{
    width: clamp(3.2rem, 16vw, 4.2rem);
    font-size: clamp(2.3rem, 10vw, 2.8rem);
    line-height: 1;
  }
}

/* Home HBSOS feature: full-width desktop scene with text in the calm zone. */
:where(html[data-dm-css~="s1"]) .c-home-hbsos, :where(html[data-dm-css~="s1"]).c-home-hbsos{
  position: relative;
  min-height: clamp(34rem, 35vw, 44rem);
  display: flex;
  align-items: center;
  background-color: var(--dm-midnight);
  background-image: url("../images/hbsos-home-desktop.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

:where(html[data-dm-css~="s1"]) .c-home-hbsos__inner, :where(html[data-dm-css~="s1"]).c-home-hbsos__inner{
  display: flex;
  min-height: inherit;
  align-items: center;
  justify-content: flex-end;
}

:where(html[data-dm-css~="s1"]) .c-home-hbsos__copy, :where(html[data-dm-css~="s1"]).c-home-hbsos__copy{
  width: min(50%, 44rem);
}

:where(html[data-dm-css~="s1"]) .c-home-hbsos__mobile-media, :where(html[data-dm-css~="s1"]).c-home-hbsos__mobile-media{
  display: none;
  margin: 0;
}

:where(html[data-dm-css~="s1"]) .c-asset-card .c-media-frame, :where(html[data-dm-css~="s1"]).c-asset-card .c-media-frame{
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
}

:where(html[data-dm-css~="s1"]) .c-site-footer .c-brand__logo--footer, :where(html[data-dm-css~="s1"]).c-site-footer .c-brand__logo--footer{
  width: min(10.5rem, 100%);
}

/* Light case-study hero artwork needs dark metadata at every viewport. */
:where(html[data-dm-css~="s1"]) .c-case-study-hero--background .c-project-facts li, :where(html[data-dm-css~="s1"]).c-case-study-hero--background .c-project-facts li{
  border-top-color: rgb(7 17 31 / .18);
  color: var(--color-text-soft);
}

:where(html[data-dm-css~="s1"]) .c-case-study-hero--background .c-project-facts strong, :where(html[data-dm-css~="s1"]).c-case-study-hero--background .c-project-facts strong{
  color: var(--color-text);
}

@media (max-width: 70rem) {
  :where(html[data-dm-css~="s1"]) .c-media-frame--hero, :where(html[data-dm-css~="s1"]).c-media-frame--hero{
    min-height: 26rem;
    aspect-ratio: 16 / 10;
  }
  :where(html[data-dm-css~="s1"]) .page-articles .c-media-frame--hero, :where(html[data-dm-css~="s1"]).page-articles .c-media-frame--hero,
:where(html[data-dm-css~="s1"]) .page-posts .c-media-frame--hero, :where(html[data-dm-css~="s1"]).page-posts .c-media-frame--hero,
:where(html[data-dm-css~="s1"]) .page-contact .c-media-frame--hero, :where(html[data-dm-css~="s1"]).page-contact .c-media-frame--hero,
:where(html[data-dm-css~="s1"]) .page-website-design .c-media-frame--hero, :where(html[data-dm-css~="s1"]).page-website-design .c-media-frame--hero{ aspect-ratio: 16 / 9; }
}

@media (max-width: 48rem) {
  :root:where([data-dm-css~="s1"]){
    --font-size-h1: clamp(1.969rem, 9.123vw, 2.799rem);
  }

  /* Mobile hero hierarchy: eyebrow, H1, image, description and actions. */
  :where(html[data-dm-css~="s1"]) .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero__inner,
:where(html[data-dm-css~="s1"]) .c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero--compact .c-hero__inner{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__copy, :where(html[data-dm-css~="s1"]).c-hero__copy{
    display: contents;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__copy > .c-eyebrow, :where(html[data-dm-css~="s1"]).c-hero__copy > .c-eyebrow{
    order: 1;
    justify-self: start;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__copy > h1, :where(html[data-dm-css~="s1"]).c-hero__copy > h1{
    order: 2;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__inner > .c-media-frame, :where(html[data-dm-css~="s1"]).c-hero__inner > .c-media-frame,
:where(html[data-dm-css~="s1"]) .c-hero__inner > .c-hero__visual, :where(html[data-dm-css~="s1"]).c-hero__inner > .c-hero__visual{
    order: 3;
    width: 100%;
    margin: .5rem 0 var(--space-5);
    border-radius: 0;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__copy > :not(.c-eyebrow):not(h1), :where(html[data-dm-css~="s1"]).c-hero__copy > :not(.c-eyebrow):not(h1){
    order: 4;
  }

  :where(html[data-dm-css~="s1"]) .c-hero .c-lead, :where(html[data-dm-css~="s1"]).c-hero .c-lead{
    margin-top: 0;
  }

  :where(html[data-dm-css~="s1"]) .c-home-hbsos, :where(html[data-dm-css~="s1"]).c-home-hbsos{
    min-height: 0;
    display: block;
    background-image: none;
  }

  :where(html[data-dm-css~="s1"]) .c-home-hbsos__inner, :where(html[data-dm-css~="s1"]).c-home-hbsos__inner{
    display: block;
    min-height: 0;
  }

  :where(html[data-dm-css~="s1"]) .c-home-hbsos__copy, :where(html[data-dm-css~="s1"]).c-home-hbsos__copy{
    width: 100%;
  }

  :where(html[data-dm-css~="s1"]) .c-home-hbsos__mobile-media, :where(html[data-dm-css~="s1"]).c-home-hbsos__mobile-media{
    display: block;
    width: 100%;
    margin: var(--space-6) 0;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    border-radius: var(--radius-lg);
  }

  :where(html[data-dm-css~="s1"]) .c-home-hbsos__mobile-media img, :where(html[data-dm-css~="s1"]).c-home-hbsos__mobile-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  :where(html[data-dm-css~="s1"]) .page-about .c-hero__media--desktop, :where(html[data-dm-css~="s1"]).page-about .c-hero__media--desktop{
    display: none;
  }

  :where(html[data-dm-css~="s1"]) .page-about .c-hero__media--mobile, :where(html[data-dm-css~="s1"]).page-about .c-hero__media--mobile{
    display: grid;
    min-height: 24rem;
    aspect-ratio: 4 / 5;
  }

  :where(html[data-dm-css~="s1"]) .c-media-frame--hero, :where(html[data-dm-css~="s1"]).c-media-frame--hero{
    min-height: 24rem;
    aspect-ratio: 4 / 5;
  }

  :where(html[data-dm-css~="s1"]) .c-site-footer .c-brand__logo--footer, :where(html[data-dm-css~="s1"]).c-site-footer .c-brand__logo--footer{ width: 9rem; }

  :where(html[data-dm-css~="s1"]) .c-media-frame--compact, :where(html[data-dm-css~="s1"]).c-media-frame--compact{
    min-height: 22rem;
    aspect-ratio: 4 / 5;
  }

  :where(html[data-dm-css~="s1"]) .page-case-study--mmt .c-case-study-media, :where(html[data-dm-css~="s1"]).page-case-study--mmt .c-case-study-media{
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
}

/* Desktop full-bleed hero backgrounds ------------------------------------
   The primary commercial pages use wide artwork on desktop. The
   existing landscape/mobile sources remain in normal document flow below
   70rem, preserving the approved responsive experience.
*/
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s1"]) .page-home .c-hero__copy h1, :where(html[data-dm-css~="s1"]).page-home .c-hero__copy h1{
    width: min(44rem, 44vw);
    max-width: none;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-home-hero-title__line, :where(html[data-dm-css~="s1"]).page-home .c-home-hero-title__line{
    display: block;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background, :where(html[data-dm-css~="s1"]).c-hero--background{
    isolation: isolate;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero--background .c-hero__inner,
:where(html[data-dm-css~="s1"]) .c-hero--background.c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero--background.c-hero--compact .c-hero__inner{
    min-height: clamp(40rem, 46vw, 52rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s1"]).c-hero--background .c-hero__copy{
    grid-column: 1;
    max-width: 46rem;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background::after, :where(html[data-dm-css~="s1"]).page-home .c-hero--background::after{
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgb(7 17 31 / .72) 0%, rgb(7 17 31 / .54) 36%, rgb(7 17 31 / .10) 55%, transparent 70%);
    content: "";
    pointer-events: none;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background .c-hero__inner, :where(html[data-dm-css~="s1"]).page-home .c-hero--background .c-hero__inner{
    grid-template-columns: minmax(0, min(44rem, 44vw)) minmax(0, 1fr);
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s1"]).page-home .c-hero--background .c-hero__copy{
    z-index: 2;
    max-width: min(44rem, 44vw);
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background .c-lead, :where(html[data-dm-css~="s1"]).page-home .c-hero--background .c-lead{
    max-width: 42rem;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background .c-button--secondary, :where(html[data-dm-css~="s1"]).page-home .c-hero--background .c-button--secondary{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .42);
    background: transparent;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-hero--background .c-button--secondary:hover, :where(html[data-dm-css~="s1"]).page-home .c-hero--background .c-button--secondary:hover{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .08);
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background > .c-hero__inner > .c-media-frame--hero, :where(html[data-dm-css~="s1"]).c-hero--background > .c-hero__inner > .c-media-frame--hero{
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background > .c-hero__inner > .c-media-frame--hero img, :where(html[data-dm-css~="s1"]).c-hero--background > .c-hero__inner > .c-media-frame--hero img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background .fx-image-zoom:hover > img, :where(html[data-dm-css~="s1"]).c-hero--background .fx-image-zoom:hover > img{
    transform: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--background.c-hero--ink::before, :where(html[data-dm-css~="s1"]).c-hero--background.c-hero--ink::before{
    display: none;
  }

  /* Match the Work hero's ink palette on dark desktop backgrounds only. */
  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background{
    color: var(--color-white);
    background: var(--dm-midnight);
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background p, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background p,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background p, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background p,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background p, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background p{
    color: rgb(255 255 255 / .78);
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background .c-eyebrow, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background .c-eyebrow,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background .c-eyebrow, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background .c-eyebrow,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background .c-eyebrow, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background .c-eyebrow{
    color: rgb(245 247 250 / .82);
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background .c-button--primary, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background .c-button--primary,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background .c-button--primary, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background .c-button--primary,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background .c-button--primary, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background .c-button--primary{
    color: var(--color-white);
    background: var(--color-action);
    box-shadow: 0 10px 26px rgb(39 104 158 / .24);
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background .c-button--primary:hover, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background .c-button--primary:hover,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background .c-button--primary:hover, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background .c-button--primary:hover,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background .c-button--primary:hover, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background .c-button--primary:hover{
    border-color: var(--color-action-hover);
    color: var(--color-white);
    background: var(--color-action-hover);
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background .c-button--secondary, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background .c-button--secondary,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background .c-button--secondary, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background .c-button--secondary,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background .c-button--secondary, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background .c-button--secondary{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .35);
    background: transparent;
  }

  :where(html[data-dm-css~="s1"]) .page-marketing-strategy .c-hero--background .c-button--secondary:hover, :where(html[data-dm-css~="s1"]).page-marketing-strategy .c-hero--background .c-button--secondary:hover,
:where(html[data-dm-css~="s1"]) .page-advertising .c-hero--background .c-button--secondary:hover, :where(html[data-dm-css~="s1"]).page-advertising .c-hero--background .c-button--secondary:hover,
:where(html[data-dm-css~="s1"]) .page-social-media .c-hero--background .c-button--secondary:hover, :where(html[data-dm-css~="s1"]).page-social-media .c-hero--background .c-button--secondary:hover{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .08);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html[data-dm-css~="s1"]) .page-home .c-work-card__media img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media img{
    transition: none;
  }

  :where(html[data-dm-css~="s1"]) .page-home .c-work-card__media-link:hover img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media-link:hover img,
:where(html[data-dm-css~="s1"]) .page-home .c-work-card__media-link:focus-visible img, :where(html[data-dm-css~="s1"]).page-home .c-work-card__media-link:focus-visible img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media-link:hover img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media-link:hover img,
:where(html[data-dm-css~="s1"]) .page-work .c-work-card__media-link:focus-visible img, :where(html[data-dm-css~="s1"]).page-work .c-work-card__media-link:focus-visible img{
    transform: none !important;
  }
}


/* Desktop split-background hero treatment --------------------------------
   Used where the approved source image is portrait/compact rather than a
   full 5:3 canvas. The visual becomes part of the hero surface on the right,
   while the left 50% remains clean and text-safe. Tablet/mobile retain their
   existing in-flow artwork.
*/
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s1"]) .c-hero--split-background, :where(html[data-dm-css~="s1"]).c-hero--split-background{
    isolation: isolate;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero--split-background .c-hero__inner,
:where(html[data-dm-css~="s1"]) .c-hero--split-background.c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s1"]).c-hero--split-background.c-hero--compact .c-hero__inner{
    min-height: clamp(40rem, 46vw, 52rem);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background .c-hero__copy, :where(html[data-dm-css~="s1"]).c-hero--split-background .c-hero__copy{
    grid-column: 1;
    max-width: 48rem;
    align-self: center;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background > .c-hero__inner > .c-hero__visual, :where(html[data-dm-css~="s1"]).c-hero--split-background > .c-hero__inner > .c-hero__visual{
    position: absolute;
    z-index: 0;
    inset: 0 0 0 50%;
    width: 50%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background > .c-hero__inner > .c-hero__visual img, :where(html[data-dm-css~="s1"]).c-hero--split-background > .c-hero__inner > .c-hero__visual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background > .c-hero__inner > .c-hero__visual--portrait img, :where(html[data-dm-css~="s1"]).c-hero--split-background > .c-hero__inner > .c-hero__visual--portrait img{
    object-position: 50% 38%;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background > .c-hero__inner > .c-hero__visual::before, :where(html[data-dm-css~="s1"]).c-hero--split-background > .c-hero__inner > .c-hero__visual::before{
    position: absolute;
    z-index: 1;
    inset: 0 auto 0 0;
    width: 11%;
    background: linear-gradient(90deg, var(--color-surface), rgb(245 247 250 / 0));
    content: "";
    pointer-events: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background.c-hero--ink > .c-hero__inner > .c-hero__visual::before, :where(html[data-dm-css~="s1"]).c-hero--split-background.c-hero--ink > .c-hero__inner > .c-hero__visual::before{
    background: linear-gradient(90deg, var(--dm-midnight), rgb(7 17 31 / 0));
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background .fx-image-zoom:hover > img, :where(html[data-dm-css~="s1"]).c-hero--split-background .fx-image-zoom:hover > img{
    transform: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero--split-background.c-hero--ink::before, :where(html[data-dm-css~="s1"]).c-hero--split-background.c-hero--ink::before{
    display: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__media--tablet, :where(html[data-dm-css~="s1"]).c-hero__media--tablet{
    display: none !important;
  }
}

@media (max-width: 70rem) {
  :where(html[data-dm-css~="s1"]) .c-hero--split-background .c-hero__media--desktop, :where(html[data-dm-css~="s1"]).c-hero--split-background .c-hero__media--desktop{
    display: none;
  }

  :where(html[data-dm-css~="s1"]) .c-hero__media--tablet, :where(html[data-dm-css~="s1"]).c-hero__media--tablet{
    display: grid;
  }
}

@media (max-width: 48rem) {
  :where(html[data-dm-css~="s1"]) .c-hero__media--tablet, :where(html[data-dm-css~="s1"]).c-hero__media--tablet{
    display: none;
  }
}

:where(html[data-dm-css~="s1"]) .c-hero__guidance, :where(html[data-dm-css~="s1"]).c-hero__guidance{
  max-width: 42rem;
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

:where(html[data-dm-css~="s1"]) .c-hero__guidance h3, :where(html[data-dm-css~="s1"]).c-hero__guidance h3{
  margin-bottom: .55rem;
}

:where(html[data-dm-css~="s1"]) .c-hero--ink .c-hero__guidance, :where(html[data-dm-css~="s1"]).c-hero--ink .c-hero__guidance{
  border-top-color: rgb(255 255 255 / .18);
}

/* Desktop hero title refinement -------------------------------------------
   Reduce hero H1 scale by 24% from the supplied build on large screens.
   Global H1 tokens are reduced by the same 24% across responsive breakpoints. */
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s1"]) .c-hero h1, :where(html[data-dm-css~="s1"]).c-hero h1,
:where(html[data-dm-css~="s1"]) .c-hero--compact h1, :where(html[data-dm-css~="s1"]).c-hero--compact h1{
    font-size: clamp(2.09rem, 3.344vw, 3.61rem);
  }
}


/* Shared charcoal wall for dark content sections and calls to action.
   Preserve the dedicated homepage HBSOS artwork and all hero scenes. */
:where(html[data-dm-css~="s1"]) .l-section--ink:not(.c-home-hbsos), :where(html[data-dm-css~="s1"]).l-section--ink:not(.c-home-hbsos),
:where(html[data-dm-css~="s1"]) .c-quote-band, :where(html[data-dm-css~="s1"]).c-quote-band,
:where(html[data-dm-css~="s1"]) .c-home-featured-work, :where(html[data-dm-css~="s1"]).c-home-featured-work,
:where(html[data-dm-css~="s1"]) .c-home-services, :where(html[data-dm-css~="s1"]).c-home-services{
  background-color: #19232c;
  background-image: url("../images/backgrounds/charcoal-wall-window-shadow.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Copy and enquiry revision: respect narrow screens and hidden form context. */
:where(html[data-dm-css~="s1"]) [data-enquiry-context][hidden], :where(html[data-dm-css~="s1"])[data-enquiry-context][hidden]{ display: none; }
:where(html[data-dm-css~="s1"]) .c-offer-card .c-price, :where(html[data-dm-css~="s1"]).c-offer-card .c-price{ overflow-wrap: anywhere; }
:where(html[data-dm-css~="s1"]) .c-route-card strong, :where(html[data-dm-css~="s1"]).c-route-card strong{ font-size: clamp(1.05rem, 1.6vw, 1.3rem); }
:where(html[data-dm-css~="s1"]) .c-form small, :where(html[data-dm-css~="s1"]).c-form small{ display: block; }

:where(html[data-dm-css~="s1"]) .c-home-approach__portrait, :where(html[data-dm-css~="s1"]).c-home-approach__portrait{ max-width: 18rem; aspect-ratio: 1; margin: 1.5rem 0; }

@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s1"]) .page-hbsos .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s1"]).page-hbsos .c-hero--background .c-hero__copy{ max-width: min(30rem, 36vw); }
  :where(html[data-dm-css~="s1"]) .page-hbsos .c-hero--background::after, :where(html[data-dm-css~="s1"]).page-hbsos .c-hero--background::after,
:where(html[data-dm-css~="s1"]) .page-packages .c-hero--background::after, :where(html[data-dm-css~="s1"]).page-packages .c-hero--background::after,
:where(html[data-dm-css~="s1"]) .page-quote .c-hero--background::after, :where(html[data-dm-css~="s1"]).page-quote .c-hero--background::after{
    position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none;
    background: linear-gradient(90deg, rgb(7 17 31 / .58) 0%, rgb(7 17 31 / .34) 35%, transparent 58%);
  }
}


/* payments.css | original cascade position 3 */
:where(html[data-dm-css~="s2"]) .c-payment-hero, :where(html[data-dm-css~="s2"]).c-payment-hero{padding:clamp(3.75rem,7vw,6.5rem) 0;color:var(--color-white);background:radial-gradient(circle at 82% 18%,rgb(39 104 158 / .34),transparent 30%),linear-gradient(135deg,#08182f,#102d56 58%,#06101f)}
:where(html[data-dm-css~="s2"]) .c-payment-hero__grid, :where(html[data-dm-css~="s2"]).c-payment-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,5rem);align-items:center}:where(html[data-dm-css~="s2"]) .c-payment-hero h1, :where(html[data-dm-css~="s2"]).c-payment-hero h1{max-width:54rem;color:var(--color-white)}:where(html[data-dm-css~="s2"]) .c-payment-hero .c-lead, :where(html[data-dm-css~="s2"]).c-payment-hero .c-lead{max-width:48rem;color:rgb(255 255 255 / .78)}:where(html[data-dm-css~="s2"]) .c-payment-hero .c-eyebrow, :where(html[data-dm-css~="s2"]).c-payment-hero .c-eyebrow{color:#d4e1ec}:where(html[data-dm-css~="s2"]) .c-payment-hero__note, :where(html[data-dm-css~="s2"]).c-payment-hero__note{max-width:48rem;margin-top:1rem;color:rgb(255 255 255 / .6);font-size:.86rem}
:where(html[data-dm-css~="s2"]) .c-payment-hero__mobile-visual, :where(html[data-dm-css~="s2"]).c-payment-hero__mobile-visual{display:none}
:where(html[data-dm-css~="s2"]) .c-payment-methods, :where(html[data-dm-css~="s2"]).c-payment-methods{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}:where(html[data-dm-css~="s2"]) .c-payment-methods span, :where(html[data-dm-css~="s2"]).c-payment-methods span{padding:.48rem .72rem;border:1px solid rgb(255 255 255 / .24);background:rgb(255 255 255 / .08);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em}
:where(html[data-dm-css~="s2"]) .c-payment-security-card, :where(html[data-dm-css~="s2"]).c-payment-security-card{padding:2rem;border:1px solid rgb(255 255 255 / .18);background:rgb(255 255 255 / .08);border-radius:var(--radius-lg);box-shadow:0 24px 60px rgb(0 0 0 / .22);backdrop-filter:blur(12px)}:where(html[data-dm-css~="s2"]) .c-payment-security-card__icon, :where(html[data-dm-css~="s2"]).c-payment-security-card__icon{display:grid;width:3.5rem;height:3.5rem;margin-bottom:1rem;place-items:center;border-radius:1rem;background:rgb(39 104 158 / .2);color:#d4e1ec}:where(html[data-dm-css~="s2"]) .c-payment-security-card svg, :where(html[data-dm-css~="s2"]).c-payment-security-card svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}:where(html[data-dm-css~="s2"]) .c-payment-security-card strong, :where(html[data-dm-css~="s2"]).c-payment-security-card strong{display:block;font-size:1.2rem}:where(html[data-dm-css~="s2"]) .c-payment-security-card p, :where(html[data-dm-css~="s2"]).c-payment-security-card p{margin:.55rem 0 0;color:rgb(255 255 255 / .72)}
:where(html[data-dm-css~="s2"]) .c-payment-layout, :where(html[data-dm-css~="s2"]).c-payment-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:var(--space-7);align-items:start}:where(html[data-dm-css~="s2"]) .c-payment-form, :where(html[data-dm-css~="s2"]).c-payment-form{min-width:0}:where(html[data-dm-css~="s2"]) .c-payment-status, :where(html[data-dm-css~="s2"]).c-payment-status{display:grid;gap:.25rem;margin-bottom:2rem;border-color:var(--status-warning);color:var(--status-warning);background:var(--status-warning-soft)}:where(html[data-dm-css~="s2"]) .c-payment-status.is-ready, :where(html[data-dm-css~="s2"]).c-payment-status.is-ready{border-color:var(--status-success);color:var(--status-success);background:var(--status-success-soft)}:where(html[data-dm-css~="s2"]) .c-payment-status strong, :where(html[data-dm-css~="s2"]).c-payment-status strong{color:inherit}:where(html[data-dm-css~="s2"]) .c-payment-status span, :where(html[data-dm-css~="s2"]).c-payment-status span{color:var(--color-text)}
:where(html[data-dm-css~="s2"]) .c-money-input, :where(html[data-dm-css~="s2"]).c-money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--color-border-strong);background:var(--color-white);border-radius:.55rem;overflow:hidden}:where(html[data-dm-css~="s2"]) .c-money-input:focus-within, :where(html[data-dm-css~="s2"]).c-money-input:focus-within{border-color:var(--color-action-hover);outline:3px solid var(--color-focus);outline-offset:2px}:where(html[data-dm-css~="s2"]) .c-money-input span, :where(html[data-dm-css~="s2"]).c-money-input span{padding-left:1rem;color:var(--color-text-muted);font-weight:700}:where(html[data-dm-css~="s2"]) .c-money-input input, :where(html[data-dm-css~="s2"]).c-money-input input{border:0;outline:0}:where(html[data-dm-css~="s2"]) .c-money-input input:focus, :where(html[data-dm-css~="s2"]).c-money-input input:focus{outline:0}
:where(html[data-dm-css~="s2"]) .c-payment-choice-grid, :where(html[data-dm-css~="s2"]).c-payment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}:where(html[data-dm-css~="s2"]) .c-payment-choice, :where(html[data-dm-css~="s2"]).c-payment-choice{display:flex;align-items:flex-start;gap:.8rem;padding:1.15rem;border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}:where(html[data-dm-css~="s2"]) .c-payment-choice:hover, :where(html[data-dm-css~="s2"]).c-payment-choice:hover{transform:translateY(-2px);border-color:var(--color-action)}:where(html[data-dm-css~="s2"]) .c-payment-choice.is-selected, :where(html[data-dm-css~="s2"]).c-payment-choice.is-selected{border-color:var(--color-action);box-shadow:0 0 0 3px rgb(39 104 158 / .08)}:where(html[data-dm-css~="s2"]) .c-payment-choice.is-disabled, :where(html[data-dm-css~="s2"]).c-payment-choice.is-disabled{opacity:.58;cursor:not-allowed;transform:none}:where(html[data-dm-css~="s2"]) .c-payment-choice input, :where(html[data-dm-css~="s2"]).c-payment-choice input{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;min-height:1.2rem;margin:.2rem 0 0;padding:0}:where(html[data-dm-css~="s2"]) .c-payment-choice span, :where(html[data-dm-css~="s2"]).c-payment-choice span{display:grid;gap:.22rem}:where(html[data-dm-css~="s2"]) .c-payment-choice small, :where(html[data-dm-css~="s2"]).c-payment-choice small{color:var(--color-text-muted)}
:where(html[data-dm-css~="s2"]) .c-payment-eft, :where(html[data-dm-css~="s2"]).c-payment-eft{margin:0 0 2rem;padding:1.5rem;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:var(--radius-md)}:where(html[data-dm-css~="s2"]) .c-payment-eft h2, :where(html[data-dm-css~="s2"]).c-payment-eft h2{margin-bottom:1rem;font-size:1.55rem}:where(html[data-dm-css~="s2"]) .c-payment-bank, :where(html[data-dm-css~="s2"]).c-payment-bank{display:grid;gap:0;margin:0}:where(html[data-dm-css~="s2"]) .c-payment-bank div, :where(html[data-dm-css~="s2"]).c-payment-bank div{display:grid;grid-template-columns:minmax(8.5rem,.4fr) minmax(0,1fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--color-border)}:where(html[data-dm-css~="s2"]) .c-payment-bank div:last-child, :where(html[data-dm-css~="s2"]).c-payment-bank div:last-child{border-bottom:0}:where(html[data-dm-css~="s2"]) .c-payment-bank dt, :where(html[data-dm-css~="s2"]).c-payment-bank dt{color:var(--color-text-muted);font-weight:700}:where(html[data-dm-css~="s2"]) .c-payment-bank dd, :where(html[data-dm-css~="s2"]).c-payment-bank dd{margin:0;color:var(--color-text);font-weight:650;overflow-wrap:anywhere}:where(html[data-dm-css~="s2"]) .c-copy-button, :where(html[data-dm-css~="s2"]).c-copy-button{margin-left:.45rem;padding:.25rem .5rem;border:1px solid var(--color-border-strong);background:var(--color-white);border-radius:.4rem;color:var(--color-action-hover);font-size:.72rem;font-weight:700;cursor:pointer}:where(html[data-dm-css~="s2"]) .c-payment-eft__note, :where(html[data-dm-css~="s2"]).c-payment-eft__note{margin:.9rem 0 0;color:var(--color-text-muted);font-size:.86rem}
:where(html[data-dm-css~="s2"]) .c-payment-consent, :where(html[data-dm-css~="s2"]).c-payment-consent{margin:0 0 1.6rem}:where(html[data-dm-css~="s2"]) .c-payment-consent a, :where(html[data-dm-css~="s2"]).c-payment-consent a{font-weight:700}:where(html[data-dm-css~="s2"]) .c-honeypot, :where(html[data-dm-css~="s2"]).c-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}:where(html[data-dm-css~="s2"]) .c-payment-actions, :where(html[data-dm-css~="s2"]).c-payment-actions{display:grid;gap:.65rem}:where(html[data-dm-css~="s2"]) .c-payment-actions .c-button, :where(html[data-dm-css~="s2"]).c-payment-actions .c-button{justify-self:start}:where(html[data-dm-css~="s2"]) .c-payment-actions p, :where(html[data-dm-css~="s2"]).c-payment-actions p{margin:0;color:var(--color-text-muted);font-size:.86rem}:where(html[data-dm-css~="s2"]) .c-payment-actions .c-button.is-loading, :where(html[data-dm-css~="s2"]).c-payment-actions .c-button.is-loading{cursor:wait}:where(html[data-dm-css~="s2"]) .c-payment-form #payment-error, :where(html[data-dm-css~="s2"]).c-payment-form #payment-error{margin-top:1rem}
:where(html[data-dm-css~="s2"]) .c-payment-summary, :where(html[data-dm-css~="s2"]).c-payment-summary{position:sticky;top:7rem;padding:1.75rem;color:var(--color-white);background:var(--dm-midnight);border:1px solid rgb(39 104 158 / .34);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}:where(html[data-dm-css~="s2"]) .c-payment-summary .c-eyebrow, :where(html[data-dm-css~="s2"]).c-payment-summary .c-eyebrow{color:#d4e1ec}:where(html[data-dm-css~="s2"]) .c-payment-summary h2, :where(html[data-dm-css~="s2"]).c-payment-summary h2,
:where(html[data-dm-css~="s2"]) .c-payment-summary h3, :where(html[data-dm-css~="s2"]).c-payment-summary h3{color:var(--color-white)}:where(html[data-dm-css~="s2"]) .c-payment-summary h3, :where(html[data-dm-css~="s2"]).c-payment-summary h3{margin:0 0 .85rem;font-size:1rem}:where(html[data-dm-css~="s2"]) .c-payment-summary dl, :where(html[data-dm-css~="s2"]).c-payment-summary dl{display:grid;gap:0;margin:1.5rem 0}:where(html[data-dm-css~="s2"]) .c-payment-summary dl div, :where(html[data-dm-css~="s2"]).c-payment-summary dl div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.8rem;padding:.7rem 0;border-bottom:1px solid rgb(255 255 255 / .12)}:where(html[data-dm-css~="s2"]) .c-payment-summary dt, :where(html[data-dm-css~="s2"]).c-payment-summary dt{color:rgb(255 255 255 / .6)}:where(html[data-dm-css~="s2"]) .c-payment-summary dd, :where(html[data-dm-css~="s2"]).c-payment-summary dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}:where(html[data-dm-css~="s2"]) .c-payment-summary__rule, :where(html[data-dm-css~="s2"]).c-payment-summary__rule{height:1px;margin:1.5rem 0;background:rgb(255 255 255 / .14)}:where(html[data-dm-css~="s2"]) .c-payment-summary .c-check-list, :where(html[data-dm-css~="s2"]).c-payment-summary .c-check-list{margin-bottom:1.2rem}:where(html[data-dm-css~="s2"]) .c-payment-summary .c-check-list li, :where(html[data-dm-css~="s2"]).c-payment-summary .c-check-list li{color:rgb(255 255 255 / .82)}:where(html[data-dm-css~="s2"]) .c-payment-summary .c-check-list li::before, :where(html[data-dm-css~="s2"]).c-payment-summary .c-check-list li::before{color:#d4e1ec}:where(html[data-dm-css~="s2"]) .c-payment-summary__small, :where(html[data-dm-css~="s2"]).c-payment-summary__small{color:rgb(255 255 255 / .62);font-size:.82rem}:where(html[data-dm-css~="s2"]) .c-payment-summary .c-text-link, :where(html[data-dm-css~="s2"]).c-payment-summary .c-text-link{color:#d4e1ec}
:where(html[data-dm-css~="s2"]) .c-payment-reassurance, :where(html[data-dm-css~="s2"]).c-payment-reassurance{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:var(--space-7);align-items:start}:where(html[data-dm-css~="s2"]) .c-payment-reassurance>div:first-child, :where(html[data-dm-css~="s2"]).c-payment-reassurance>div:first-child{max-width:50rem}
:where(html[data-dm-css~="s2"]) .c-payment-result, :where(html[data-dm-css~="s2"]).c-payment-result{text-align:center}:where(html[data-dm-css~="s2"]) .c-payment-result .l-narrow, :where(html[data-dm-css~="s2"]).c-payment-result .l-narrow{display:grid;justify-items:center}:where(html[data-dm-css~="s2"]) .c-payment-result__icon, :where(html[data-dm-css~="s2"]).c-payment-result__icon{display:grid;width:4.5rem;height:4.5rem;margin-bottom:1.25rem;place-items:center;border-radius:50%;color:var(--status-success);background:var(--status-success-soft);font-size:2rem;font-weight:800}:where(html[data-dm-css~="s2"]) .c-payment-result__icon--neutral, :where(html[data-dm-css~="s2"]).c-payment-result__icon--neutral{color:var(--status-warning);background:var(--status-warning-soft)}:where(html[data-dm-css~="s2"]) .c-payment-result .c-status, :where(html[data-dm-css~="s2"]).c-payment-result .c-status{width:min(100%,38rem);margin:1.5rem auto}:where(html[data-dm-css~="s2"]) .c-payment-result__facts, :where(html[data-dm-css~="s2"]).c-payment-result__facts{display:grid;width:min(100%,38rem);margin:0 auto 1.5rem;text-align:left}:where(html[data-dm-css~="s2"]) .c-payment-result__facts div, :where(html[data-dm-css~="s2"]).c-payment-result__facts div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--color-border)}:where(html[data-dm-css~="s2"]) .c-payment-result__facts dt, :where(html[data-dm-css~="s2"]).c-payment-result__facts dt{color:var(--color-text-muted);font-weight:700}:where(html[data-dm-css~="s2"]) .c-payment-result__facts dd, :where(html[data-dm-css~="s2"]).c-payment-result__facts dd{margin:0;overflow-wrap:anywhere}:where(html[data-dm-css~="s2"]) .c-payment-result__actions, :where(html[data-dm-css~="s2"]).c-payment-result__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}:where(html[data-dm-css~="s2"]) .c-payment-result__note, :where(html[data-dm-css~="s2"]).c-payment-result__note{margin-top:1.5rem;color:var(--color-text-muted);font-size:.88rem}
@media (max-width:70rem){:where(html[data-dm-css~="s2"]) .c-payment-hero__grid, :where(html[data-dm-css~="s2"]).c-payment-hero__grid,
:where(html[data-dm-css~="s2"]) .c-payment-layout, :where(html[data-dm-css~="s2"]).c-payment-layout,
:where(html[data-dm-css~="s2"]) .c-payment-reassurance, :where(html[data-dm-css~="s2"]).c-payment-reassurance{grid-template-columns:1fr}:where(html[data-dm-css~="s2"]) .c-payment-security-card, :where(html[data-dm-css~="s2"]).c-payment-security-card{max-width:34rem}:where(html[data-dm-css~="s2"]) .c-payment-summary, :where(html[data-dm-css~="s2"]).c-payment-summary{position:static;order:-1}:where(html[data-dm-css~="s2"]) .c-payment-choice-grid, :where(html[data-dm-css~="s2"]).c-payment-choice-grid{grid-template-columns:1fr}:where(html[data-dm-css~="s2"]) .c-payment-actions .c-button, :where(html[data-dm-css~="s2"]).c-payment-actions .c-button{width:100%}}
@media (max-width:48rem){:where(html[data-dm-css~="s2"]) .c-payment-hero, :where(html[data-dm-css~="s2"]).c-payment-hero{padding:3rem 0}:where(html[data-dm-css~="s2"]) .c-payment-bank div, :where(html[data-dm-css~="s2"]).c-payment-bank div,
:where(html[data-dm-css~="s2"]) .c-payment-summary dl div, :where(html[data-dm-css~="s2"]).c-payment-summary dl div,
:where(html[data-dm-css~="s2"]) .c-payment-result__facts div, :where(html[data-dm-css~="s2"]).c-payment-result__facts div{grid-template-columns:1fr;gap:.2rem}:where(html[data-dm-css~="s2"]) .c-payment-summary dd, :where(html[data-dm-css~="s2"]).c-payment-summary dd{text-align:left}:where(html[data-dm-css~="s2"]) .c-payment-methods span, :where(html[data-dm-css~="s2"]).c-payment-methods span{font-size:.72rem}:where(html[data-dm-css~="s2"]) .c-payment-form, :where(html[data-dm-css~="s2"]).c-payment-form{padding:1.25rem}:where(html[data-dm-css~="s2"]) .c-payment-result__actions, :where(html[data-dm-css~="s2"]).c-payment-result__actions{width:100%}:where(html[data-dm-css~="s2"]) .c-payment-result__actions .c-button, :where(html[data-dm-css~="s2"]).c-payment-result__actions .c-button{width:100%}}

/* Payment hero artwork v1.2.0 */
@media (min-width:70.01rem){
  :where(html[data-dm-css~="s2"]) .c-payment-hero, :where(html[data-dm-css~="s2"]).c-payment-hero{display:flex;min-height:clamp(40rem,46vw,52rem);align-items:center;padding:0;background-color:#06152d;background-image:url("../images/payment-hero-desktop-alternate-02.webp");background-repeat:no-repeat;background-position:center;background-size:cover}
  :where(html[data-dm-css~="s2"]) .c-payment-hero__grid, :where(html[data-dm-css~="s2"]).c-payment-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
  :where(html[data-dm-css~="s2"]) .c-payment-hero__copy, :where(html[data-dm-css~="s2"]).c-payment-hero__copy{grid-column:1;max-width:48rem;align-self:center}
}
@media (max-width:70rem){
  :where(html[data-dm-css~="s2"]) .c-payment-hero__mobile-visual, :where(html[data-dm-css~="s2"]).c-payment-hero__mobile-visual{display:block;width:min(100%,38rem);margin:clamp(1.5rem,5vw,2.5rem) auto;aspect-ratio:4/5;background-image:url("../images/payment-hero-mobile-alternate-02.webp");background-repeat:no-repeat;background-position:center;background-size:cover}
}

/* Payment method recognition marks — v1.1.0 */
:where(html[data-dm-css~="s2"]) .c-payment-methods .c-payment-method, :where(html[data-dm-css~="s2"]).c-payment-methods .c-payment-method{display:inline-flex;align-items:center;gap:.48rem;padding:.34rem .7rem .34rem .38rem;min-height:2.2rem}
:where(html[data-dm-css~="s2"]) .c-payment-methods .c-payment-method>span, :where(html[data-dm-css~="s2"]).c-payment-methods .c-payment-method>span{padding:0;border:0;background:none;border-radius:0;font:inherit;letter-spacing:inherit}
:where(html[data-dm-css~="s2"]) .c-payment-method__label, :where(html[data-dm-css~="s2"]).c-payment-method__label{display:inline-block}
:where(html[data-dm-css~="s2"]) .c-payment-methods .c-payment-method img, :where(html[data-dm-css~="s2"]).c-payment-methods .c-payment-method img{display:block;flex:0 0 auto;width:2.25rem;height:1.42rem;object-fit:contain;border-radius:.34rem;box-shadow:0 0 0 1px rgb(255 255 255 / .16)}
@media (max-width:48rem){:where(html[data-dm-css~="s2"]) .c-payment-methods .c-payment-method, :where(html[data-dm-css~="s2"]).c-payment-methods .c-payment-method{gap:.4rem;padding:.3rem .58rem .3rem .34rem}:where(html[data-dm-css~="s2"]) .c-payment-methods .c-payment-method img, :where(html[data-dm-css~="s2"]).c-payment-methods .c-payment-method img{width:2rem;height:1.28rem}}

/* Payment Operations v1.0.4 */
:where(html[data-dm-css~="s2"]) .c-payment-lookup, :where(html[data-dm-css~="s2"]).c-payment-lookup{margin-bottom:1.25rem}:where(html[data-dm-css~="s2"]) .c-payment-lookup.is-complete, :where(html[data-dm-css~="s2"]).c-payment-lookup.is-complete{border-color:rgb(39 135 90 / .35)}
:where(html[data-dm-css~="s2"]) .c-payment-locked-grid, :where(html[data-dm-css~="s2"]).c-payment-locked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}:where(html[data-dm-css~="s2"]) .c-payment-locked-grid>div, :where(html[data-dm-css~="s2"]).c-payment-locked-grid>div{padding:1rem 1.05rem;border:1px solid var(--color-border);border-radius:12px;background:#f8fafb}:where(html[data-dm-css~="s2"]) .c-payment-locked-grid>div span, :where(html[data-dm-css~="s2"]).c-payment-locked-grid>div span{display:block;margin-bottom:.28rem;color:var(--color-text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}:where(html[data-dm-css~="s2"]) .c-payment-locked-grid>div strong, :where(html[data-dm-css~="s2"]).c-payment-locked-grid>div strong{display:block;overflow-wrap:anywhere}:where(html[data-dm-css~="s2"]) .c-payment-locked-grid__wide, :where(html[data-dm-css~="s2"]).c-payment-locked-grid__wide{grid-column:1/-1}:where(html[data-dm-css~="s2"]) .c-payment-review-note, :where(html[data-dm-css~="s2"]).c-payment-review-note{margin-top:1rem}:where(html[data-dm-css~="s2"]) .c-notice--neutral, :where(html[data-dm-css~="s2"]).c-notice--neutral{border-left:4px solid #668091;background:#f5f8fa}
:where(html[data-dm-css~="s2"]) .c-form-help, :where(html[data-dm-css~="s2"]).c-form-help{margin:.65rem 0 0;color:var(--color-text-muted);font-size:.86rem}:where(html[data-dm-css~="s2"]) .c-payment-acceptance, :where(html[data-dm-css~="s2"]).c-payment-acceptance{border-top:1px solid var(--color-border);padding-top:1.2rem}:where(html[data-dm-css~="s2"]) .c-payment-policy-version, :where(html[data-dm-css~="s2"]).c-payment-policy-version{margin:.7rem 0 0;color:var(--color-text-muted);font-size:.72rem;overflow-wrap:anywhere}:where(html[data-dm-css~="s2"]) .c-payment-form[hidden], :where(html[data-dm-css~="s2"]).c-payment-form[hidden]{display:none!important}
@media(max-width:48rem){:where(html[data-dm-css~="s2"]) .c-payment-locked-grid, :where(html[data-dm-css~="s2"]).c-payment-locked-grid{grid-template-columns:1fr}:where(html[data-dm-css~="s2"]) .c-payment-locked-grid__wide, :where(html[data-dm-css~="s2"]).c-payment-locked-grid__wide{grid-column:auto}}


/* victor.css | original cascade position 4 */
/* Hidden until the server explicitly enables Victor. */
html:where([data-dm-css~="s3"]):not(.victor-enabled) [data-victor-prompt],
html:where([data-dm-css~="s3"]):not(.victor-enabled) .c-victor-inline,
html:where([data-dm-css~="s3"]):not(.victor-enabled) .c-victor-launcher{
  display: none !important;
}

/* Victor Close V1.3
   Digital Mastery Lucid Authority extension.
   Conversation-led sales interface. Evidence is visually stronger than the salesperson. */

:root:where([data-dm-css~="s3"]){
  --victor-width: 27.5rem;
  --victor-evidence-width: min(72rem, calc(100vw - 2rem));
  --victor-safe-bottom: max(1rem, env(safe-area-inset-bottom));
}

:where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher{
  position: fixed;
  right: clamp(1rem, 2vw, 1.75rem);
  bottom: var(--victor-safe-bottom);
  z-index: 1000;
  min-height: 3.25rem;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .75rem 1rem;
  border: 1px solid rgb(255 255 255 / .16);
  border-radius: 999px;
  background: var(--dm-midnight, #051c30);
  color: #f5f3ee;
  box-shadow: 0 18px 50px rgb(7 17 31 / .22);
  font: 700 .95rem/1 var(--dm-font-ui, Manrope, Arial, sans-serif);
  cursor: pointer;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher:hover, :where(html[data-dm-css~="s3"]).c-victor-launcher:hover,
:where(html[data-dm-css~="s3"]) .c-victor-launcher:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-launcher:focus-visible{ transform: translateY(-2px); }

:where(html[data-dm-css~="s3"]) .c-victor-launcher:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-launcher:focus-visible,
:where(html[data-dm-css~="s3"]) .c-victor-shell button:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-shell button:focus-visible,
:where(html[data-dm-css~="s3"]) .c-victor-shell input:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-shell input:focus-visible,
:where(html[data-dm-css~="s3"]) .c-victor-shell textarea:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-shell textarea:focus-visible,
:where(html[data-dm-css~="s3"]) .c-victor-shell a:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-shell a:focus-visible,
:where(html[data-dm-css~="s3"]) .c-victor-inline:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-inline:focus-visible{
  outline: 3px solid var(--dm-blue, #27689e);
  outline-offset: 3px;
}

:where(html[data-dm-css~="s3"]) .c-victor-launcher__mark, :where(html[data-dm-css~="s3"]).c-victor-launcher__mark,
:where(html[data-dm-css~="s3"]) .c-victor-status__mark, :where(html[data-dm-css~="s3"]).c-victor-status__mark{
  width: .7rem;
  height: .7rem;
  flex: 0 0 auto;
  border: 2px solid var(--dm-blue, #27689e);
  border-radius: 50%;
  position: relative;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__mark::after, :where(html[data-dm-css~="s3"]).c-victor-launcher__mark::after,
:where(html[data-dm-css~="s3"]) .c-victor-status__mark::after, :where(html[data-dm-css~="s3"]).c-victor-status__mark::after{
  content: "";
  position: absolute;
  width: .25rem;
  height: .25rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--dm-gold, #76520a);
}

:where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell{
  position: fixed;
  right: clamp(1rem, 2vw, 1.75rem);
  bottom: calc(var(--victor-safe-bottom) + 4.2rem);
  z-index: 1001;
  width: min(var(--victor-width), calc(100vw - 2rem));
  max-height: min(46rem, calc(100vh - 7rem));
  display: none;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: 1.1rem;
  background: #f5f3ee;
  color: var(--dm-ink, #082c4a);
  box-shadow: 0 30px 80px rgb(7 17 31 / .24);
}
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-open, :where(html[data-dm-css~="s3"]).c-victor-shell.is-open{ display: grid; }
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence{
  width: var(--victor-evidence-width);
  grid-template-columns: minmax(0, 1.7fr) minmax(23rem, .85fr);
}

:where(html[data-dm-css~="s3"]) .c-victor-evidence, :where(html[data-dm-css~="s3"]).c-victor-evidence{
  display: none;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: var(--dm-surface, #f5f3ee);
  border-right: 1px solid var(--dm-border, #dce4ea);
}
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence .c-victor-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence .c-victor-evidence{ display: block; }
:where(html[data-dm-css~="s3"]) .c-victor-evidence__inner, :where(html[data-dm-css~="s3"]).c-victor-evidence__inner{ padding: clamp(1.2rem, 2.5vw, 2.25rem); min-width: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-evidence__back, :where(html[data-dm-css~="s3"]).c-victor-evidence__back{
  display: none;
  min-height: 44px;
  margin: 0 0 1rem;
  padding: .5rem .75rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: 999px;
  background: #f5f3ee;
  color: var(--dm-ink, #082c4a);
  font: 700 .8rem/1.2 var(--dm-font-ui, Manrope, Arial, sans-serif);
}
:where(html[data-dm-css~="s3"]) .c-victor-evidence__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-evidence__eyebrow,
:where(html[data-dm-css~="s3"]) .c-victor-panel__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-panel__eyebrow,
:where(html[data-dm-css~="s3"]) .c-victor-conclusion__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-conclusion__eyebrow{
  margin: 0 0 .4rem;
  color: var(--dm-blue, #27689e);
  font-size: 1.030376rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
:where(html[data-dm-css~="s3"]) .c-victor-evidence h2, :where(html[data-dm-css~="s3"]).c-victor-evidence h2{
  margin: 0 0 .7rem;
  font-family: var(--dm-font-display, Newsreader, Georgia, serif);
  font-size: clamp(1.75rem, 3vw, 2.6rem);
  line-height: 1.05;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-evidence__why, :where(html[data-dm-css~="s3"]).c-victor-evidence__why{
  margin: 0 0 1.2rem;
  max-width: 66ch;
  color: var(--dm-slate, #1f4665);
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-evidence__image, :where(html[data-dm-css~="s3"]).c-victor-evidence__image{
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .9rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-evidence__actions, :where(html[data-dm-css~="s3"]).c-victor-evidence__actions{ display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
:where(html[data-dm-css~="s3"]) .c-victor-provenance, :where(html[data-dm-css~="s3"]).c-victor-provenance{ margin: -.25rem 0 1rem; color: var(--dm-slate, #1f4665); font-size: .75rem; }

:where(html[data-dm-css~="s3"]) .c-victor-panel, :where(html[data-dm-css~="s3"]).c-victor-panel{
  min-width: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  max-height: inherit;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__header, :where(html[data-dm-css~="s3"]).c-victor-panel__header{
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
  padding: .9rem 1rem .8rem;
  border-bottom: 1px solid var(--dm-border, #dce4ea);
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity, :where(html[data-dm-css~="s3"]).c-victor-panel__identity{ display: flex; align-items: center; gap: .65rem; min-width: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity > div, :where(html[data-dm-css~="s3"]).c-victor-panel__identity > div{ min-width: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity strong, :where(html[data-dm-css~="s3"]).c-victor-panel__identity strong{ display: block; line-height: 1.1; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity small, :where(html[data-dm-css~="s3"]).c-victor-panel__identity small{ display: block; color: var(--dm-slate, #1f4665); font-size: .74rem; margin-top: .14rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__actions, :where(html[data-dm-css~="s3"]).c-victor-panel__actions{ display: flex; align-items: center; gap: .35rem; flex: 0 0 auto; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__session, :where(html[data-dm-css~="s3"]).c-victor-panel__session,
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize,
:where(html[data-dm-css~="s3"]) .c-victor-panel__close, :where(html[data-dm-css~="s3"]).c-victor-panel__close{
  min-height: 3rem;
  border: 0;
  background: var(--dm-surface, #f5f3ee);
  color: var(--dm-ink, #082c4a);
  cursor: pointer;
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__session, :where(html[data-dm-css~="s3"]).c-victor-panel__session{ padding: .55rem .7rem; border-radius: 999px; font: 700 .72rem/1 var(--dm-font-ui, Manrope, Arial, sans-serif); }
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize{ width: 3rem; border-radius: 50%; display: grid; place-items: center; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize svg, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize svg{ width: 1.15rem; height: 1.15rem; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__close, :where(html[data-dm-css~="s3"]).c-victor-panel__close{ width: 3rem; border-radius: 50%; font-size: 1.35rem; }

:where(html[data-dm-css~="s3"]) .c-victor-context, :where(html[data-dm-css~="s3"]).c-victor-context{
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: .65rem 1rem;
  border-bottom: 1px solid var(--dm-border, #dce4ea);
  background: var(--dm-surface, #f5f3ee);
  color: var(--dm-slate, #1f4665);
  font: 650 .76rem/1.4 var(--dm-font-ui, Manrope, Arial, sans-serif);
}
:where(html[data-dm-css~="s3"]) .c-victor-context span:last-child, :where(html[data-dm-css~="s3"]).c-victor-context span:last-child{ min-width: 0; overflow-wrap: anywhere; }
:where(html[data-dm-css~="s3"]) .c-victor-context__dot, :where(html[data-dm-css~="s3"]).c-victor-context__dot{ width: .42rem; height: .42rem; margin-top: .3rem; flex: 0 0 auto; border-radius: 50%; background: var(--dm-blue, #27689e); }

:where(html[data-dm-css~="s3"]) .c-victor-messages, :where(html[data-dm-css~="s3"]).c-victor-messages,
:where(html[data-dm-css~="s3"]) .c-victor-session, :where(html[data-dm-css~="s3"]).c-victor-session{
  min-width: 0;
  min-height: 12rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  overscroll-behavior: contain;
}
:where(html[data-dm-css~="s3"]) .c-victor-messages[hidden], :where(html[data-dm-css~="s3"]).c-victor-messages[hidden],
:where(html[data-dm-css~="s3"]) .c-victor-session[hidden], :where(html[data-dm-css~="s3"]).c-victor-session[hidden]{ display: none !important; }

:where(html[data-dm-css~="s3"]) .c-victor-message, :where(html[data-dm-css~="s3"]).c-victor-message{ min-width: 0; margin: 0 0 .85rem; display: flex; }
:where(html[data-dm-css~="s3"]) .c-victor-message--user, :where(html[data-dm-css~="s3"]).c-victor-message--user{ justify-content: flex-end; }
:where(html[data-dm-css~="s3"]) .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message__bubble{
  min-width: 0;
  max-width: 88%;
  padding: .75rem .9rem;
  border-radius: .95rem;
  background: var(--dm-surface, #f5f3ee);
  color: var(--dm-ink, #082c4a);
  font-size: .94rem;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
:where(html[data-dm-css~="s3"]) .c-victor-message--user .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--user .c-victor-message__bubble{
  background: var(--dm-midnight, #051c30);
  color: #f5f3ee;
  border-bottom-right-radius: .28rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-message--assistant .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--assistant .c-victor-message__bubble{ border-bottom-left-radius: .28rem; }
:where(html[data-dm-css~="s3"]) .c-victor-message--status .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--status .c-victor-message__bubble{
  max-width: 100%;
  background: transparent;
  color: var(--dm-slate, #1f4665);
  padding-inline: .1rem;
  font-size: .79rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-working .c-victor-status__mark, :where(html[data-dm-css~="s3"]).c-victor-shell.is-working .c-victor-status__mark{ border-color: var(--dm-blue, #27689e); }

:where(html[data-dm-css~="s3"]) .c-victor-conclusion, :where(html[data-dm-css~="s3"]).c-victor-conclusion{
  margin: .2rem 0 1rem;
  padding: 1rem 1rem 1.05rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-left: 0;
  border-radius: .8rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-conclusion h3, :where(html[data-dm-css~="s3"]).c-victor-conclusion h3{ margin: 0 0 .35rem; font: 750 1.02rem/1.3 var(--dm-font-ui, Manrope, Arial, sans-serif); color: var(--dm-ink, #082c4a); }
:where(html[data-dm-css~="s3"]) .c-victor-conclusion p:last-child, :where(html[data-dm-css~="s3"]).c-victor-conclusion p:last-child{ margin: 0; color: var(--dm-slate, #1f4665); font-size: .88rem; line-height: 1.55; }
:where(html[data-dm-css~="s3"]) .c-victor-conclusion--recommendation, :where(html[data-dm-css~="s3"]).c-victor-conclusion--recommendation{ border-left-color: var(--dm-gold, #76520a); }
:where(html[data-dm-css~="s3"]) .c-victor-conclusion--recommendation .c-victor-conclusion__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-conclusion--recommendation .c-victor-conclusion__eyebrow{ color: var(--dm-gold, #76520a); }
:where(html[data-dm-css~="s3"]) .c-victor-conclusion--unknown, :where(html[data-dm-css~="s3"]).c-victor-conclusion--unknown{ border-left-color: var(--dm-slate, #1f4665); }

:where(html[data-dm-css~="s3"]) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-starters,
:where(html[data-dm-css~="s3"]) .c-victor-quick-actions, :where(html[data-dm-css~="s3"]).c-victor-quick-actions{ display: flex; flex-wrap: wrap; gap: .45rem; margin: .2rem 0 .9rem; min-width: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-chip, :where(html[data-dm-css~="s3"]).c-victor-chip{
  min-height: 42px;
  max-width: 100%;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: 999px;
  background: #f5f3ee;
  color: var(--dm-ink, #082c4a);
  padding: .55rem .72rem;
  font: 700 .78rem/1.2 var(--dm-font-ui, Manrope, Arial, sans-serif);
  cursor: pointer;
  white-space: normal;
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-chip:hover, :where(html[data-dm-css~="s3"]).c-victor-chip:hover{ border-color: var(--dm-blue, #27689e); color: var(--dm-blue, #27689e); }

:where(html[data-dm-css~="s3"]) .c-victor-compose, :where(html[data-dm-css~="s3"]).c-victor-compose{
  min-width: 0;
  padding: .75rem;
  border-top: 1px solid var(--dm-border, #dce4ea);
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-compose__row, :where(html[data-dm-css~="s3"]).c-victor-compose__row{ min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; align-items: end; }
:where(html[data-dm-css~="s3"]) .c-victor-compose textarea, :where(html[data-dm-css~="s3"]).c-victor-compose textarea{
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 3rem;
  max-height: 8rem;
  resize: vertical;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .8rem;
  padding: .78rem .85rem;
  background: #f5f3ee;
  color: var(--dm-ink, #082c4a);
  font: 500 .93rem/1.4 var(--dm-font-ui, Manrope, Arial, sans-serif);
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-send, :where(html[data-dm-css~="s3"]).c-victor-send{
  min-width: 3.15rem;
  min-height: 3rem;
  border: 0;
  border-radius: .8rem;
  background: var(--dm-blue, #27689e);
  color: #f5f3ee;
  font-weight: 800;
  cursor: pointer;
}
:where(html[data-dm-css~="s3"]) .c-victor-compose__note, :where(html[data-dm-css~="s3"]).c-victor-compose__note{ margin: .5rem .2rem 0; color: var(--dm-slate, #1f4665); font-size: .68rem; line-height: 1.4; }

:where(html[data-dm-css~="s3"]) .c-victor-session__intro h3, :where(html[data-dm-css~="s3"]).c-victor-session__intro h3{ margin: 0 0 .4rem; font: 750 1.05rem/1.3 var(--dm-font-ui, Manrope, Arial, sans-serif); }
:where(html[data-dm-css~="s3"]) .c-victor-session__intro > p:last-child, :where(html[data-dm-css~="s3"]).c-victor-session__intro > p:last-child,
:where(html[data-dm-css~="s3"]) .c-victor-session__empty, :where(html[data-dm-css~="s3"]).c-victor-session__empty{ color: var(--dm-slate, #1f4665); font-size: .84rem; line-height: 1.5; }
:where(html[data-dm-css~="s3"]) .c-victor-session__list, :where(html[data-dm-css~="s3"]).c-victor-session__list{ margin: 1rem 0 0; }
:where(html[data-dm-css~="s3"]) .c-victor-session__list > div, :where(html[data-dm-css~="s3"]).c-victor-session__list > div{ padding: .75rem 0; border-top: 1px solid var(--dm-border, #dce4ea); }
:where(html[data-dm-css~="s3"]) .c-victor-session__list dt, :where(html[data-dm-css~="s3"]).c-victor-session__list dt{ margin-bottom: .2rem; color: var(--dm-slate, #1f4665); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
:where(html[data-dm-css~="s3"]) .c-victor-session__list dd, :where(html[data-dm-css~="s3"]).c-victor-session__list dd{ margin: 0; color: var(--dm-ink, #082c4a); font-size: .88rem; line-height: 1.45; overflow-wrap: anywhere; }

:where(html[data-dm-css~="s3"]) .c-victor-inline, :where(html[data-dm-css~="s3"]).c-victor-inline{
  appearance: none;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: .65rem;
  min-height: 50px;
  margin-top: .8rem;
  padding: .42rem .52rem .42rem .45rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: 999px;
  background: #f5f3ee;
  color: var(--dm-ink, #082c4a);
  box-shadow: 0 10px 24px rgb(7 17 31 / .1);
  font: 750 .82rem/1.25 var(--dm-font-ui, Manrope, Arial, sans-serif);
  text-align: left;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-inline::before, :where(html[data-dm-css~="s3"]).c-victor-inline::before{
  content: "";
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border: 2px solid var(--dm-blue, #27689e);
  border-radius: 50%;
  background-image: radial-gradient(circle at 82% 82%, var(--dm-gold, #76520a) 0 .2rem, #f5f3ee .21rem .27rem, transparent .28rem), url("../images/victor/victor-profile.webp");
  background-position: center;
  background-size: cover;
  box-shadow: 0 0 0 3px rgb(39 104 158 / .1);
}
:where(html[data-dm-css~="s3"]) .c-victor-inline::after, :where(html[data-dm-css~="s3"]).c-victor-inline::after{
  content: "→";
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  place-items: center;
  margin-left: .15rem;
  color: var(--dm-blue, #27689e);
  background: rgb(39 104 158 / .08);
  border-radius: 50%;
  font-size: .85rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-inline:hover, :where(html[data-dm-css~="s3"]).c-victor-inline:hover{ border-color: var(--dm-blue, #27689e); color: var(--dm-blue, #27689e); box-shadow: 0 14px 30px rgb(39 104 158 / .17); transform: translateY(-2px); }
:where(html[data-dm-css~="s3"]) .c-victor-inline:active, :where(html[data-dm-css~="s3"]).c-victor-inline:active{ transform: translateY(0); }

:where(html[data-dm-css~="s3"]) .c-victor-audit, :where(html[data-dm-css~="s3"]).c-victor-audit,
:where(html[data-dm-css~="s3"]) .c-victor-handoff, :where(html[data-dm-css~="s3"]).c-victor-handoff,
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary{
  min-width: 0;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .9rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-audit label, :where(html[data-dm-css~="s3"]).c-victor-audit label,
:where(html[data-dm-css~="s3"]) .c-victor-handoff label, :where(html[data-dm-css~="s3"]).c-victor-handoff label{ display: block; margin: 0 0 .35rem; font-size: .8rem; font-weight: 800; }
:where(html[data-dm-css~="s3"]) .c-victor-audit input, :where(html[data-dm-css~="s3"]).c-victor-audit input,
:where(html[data-dm-css~="s3"]) .c-victor-handoff input, :where(html[data-dm-css~="s3"]).c-victor-handoff input{
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  min-height: 44px;
  padding: .65rem .75rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .65rem;
  color: var(--dm-ink, #082c4a);
  background: #f5f3ee;
  font: inherit;
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-handoff__grid, :where(html[data-dm-css~="s3"]).c-victor-handoff__grid{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: .75rem; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff__grid > div, :where(html[data-dm-css~="s3"]).c-victor-handoff__grid > div{ min-width: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff__grid .is-wide, :where(html[data-dm-css~="s3"]).c-victor-handoff__grid .is-wide{ grid-column: 1 / -1; }
:where(html[data-dm-css~="s3"]) .c-victor-form-error, :where(html[data-dm-css~="s3"]).c-victor-form-error{ color: #8b1f2d; font-size: .78rem; margin-top: .5rem; }
:where(html[data-dm-css~="s3"]) .c-victor-consent, :where(html[data-dm-css~="s3"]).c-victor-consent{
  display: flex !important;
  align-items: flex-start;
  gap: .55rem;
  margin-top: .1rem !important;
  color: var(--dm-slate, #1f4665);
  font-size: .78rem !important;
  font-weight: 500 !important;
  line-height: 1.45;
}
:where(html[data-dm-css~="s3"]) .c-victor-consent input, :where(html[data-dm-css~="s3"]).c-victor-consent input{ width: 1rem; min-width: 1rem; min-height: 1rem; margin: .12rem 0 0; }

:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary h3, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary h3{ margin: 0 0 .65rem; font-size: 1rem; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary dl, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary dl{ margin: 0; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary dl > div, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary dl > div{ padding: .55rem 0; border-top: 1px solid var(--dm-border, #dce4ea); }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary dt, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary dt{ color: var(--dm-slate, #1f4665); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary dd, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary dd{ margin: .15rem 0 0; overflow-wrap: anywhere; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-summary > p, :where(html[data-dm-css~="s3"]).c-victor-handoff-summary > p{ margin: .7rem 0 0; color: var(--dm-slate, #1f4665); font-size: .78rem; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-done, :where(html[data-dm-css~="s3"]).c-victor-handoff-done{ margin-top: 1rem; padding: 1rem; border-top: 1px solid var(--dm-border, #dce4ea); }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-done strong, :where(html[data-dm-css~="s3"]).c-victor-handoff-done strong{ display: block; margin: .45rem 0 .2rem; }
:where(html[data-dm-css~="s3"]) .c-victor-handoff-done p, :where(html[data-dm-css~="s3"]).c-victor-handoff-done p{ margin: 0; color: var(--dm-slate, #1f4665); font-size: .86rem; }
:where(html[data-dm-css~="s3"]) .c-victor-decision-point, :where(html[data-dm-css~="s3"]).c-victor-decision-point{ display: block; width: .62rem; height: .62rem; border-radius: 50%; background: var(--dm-gold, #76520a); }

:where(html[data-dm-css~="s3"]) .c-victor-btn, :where(html[data-dm-css~="s3"]).c-victor-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: .62rem .85rem;
  border-radius: .68rem;
  border: 1px solid var(--dm-blue, #27689e);
  background: var(--dm-blue, #27689e);
  color: #f5f3ee;
  text-decoration: none;
  text-align: center;
  font: 800 .82rem/1.2 var(--dm-font-ui, Manrope, Arial, sans-serif);
  cursor: pointer;
  overflow-wrap: anywhere;
}
:where(html[data-dm-css~="s3"]) .c-victor-btn--secondary, :where(html[data-dm-css~="s3"]).c-victor-btn--secondary{ background: transparent; color: var(--dm-ink, #082c4a); border-color: var(--dm-border, #dce4ea); }

:where(html[data-dm-css~="s3"]) .c-victor-audit-findings, :where(html[data-dm-css~="s3"]).c-victor-audit-findings{ display: grid; gap: .75rem; margin-top: 1rem; }
:where(html[data-dm-css~="s3"]) .c-victor-audit-finding, :where(html[data-dm-css~="s3"]).c-victor-audit-finding{
  min-width: 0;
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: .7rem;
  padding: .9rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .75rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-audit-finding__number, :where(html[data-dm-css~="s3"]).c-victor-audit-finding__number{ color: var(--dm-blue, #27689e); font-weight: 800; font-size: .78rem; }
:where(html[data-dm-css~="s3"]) .c-victor-audit-finding strong, :where(html[data-dm-css~="s3"]).c-victor-audit-finding strong{ display: block; margin-bottom: .25rem; overflow-wrap: anywhere; }
:where(html[data-dm-css~="s3"]) .c-victor-audit-finding p, :where(html[data-dm-css~="s3"]).c-victor-audit-finding p{ margin: 0; color: var(--dm-slate, #1f4665); font-size: .9rem; line-height: 1.5; overflow-wrap: anywhere; }

@media (max-width: 64rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence{
    width: min(48rem, calc(100vw - 2rem));
    grid-template-columns: 1fr;
  }
  :where(html[data-dm-css~="s3"]) .c-victor-evidence, :where(html[data-dm-css~="s3"]).c-victor-evidence{ border-right: 0; border-bottom: 1px solid var(--dm-border, #dce4ea); max-height: 48vh; }
}

@media (max-width: 40rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher{ right: 1rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence{
    inset: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom)) .5rem;
    width: auto;
    max-height: none;
    border-radius: .9rem;
  }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence:not(.is-mobile-evidence) .c-victor-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence:not(.is-mobile-evidence) .c-victor-evidence{ display: none; }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-mobile-evidence .c-victor-panel, :where(html[data-dm-css~="s3"]).c-victor-shell.is-mobile-evidence .c-victor-panel{ display: none; }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-mobile-evidence .c-victor-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-mobile-evidence .c-victor-evidence{ display: block; max-height: none; border: 0; }
  :where(html[data-dm-css~="s3"]) .c-victor-evidence__back, :where(html[data-dm-css~="s3"]).c-victor-evidence__back{ display: inline-flex; align-items: center; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel, :where(html[data-dm-css~="s3"]).c-victor-panel{ min-height: 0; }
  :where(html[data-dm-css~="s3"]) .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message__bubble{ max-width: 93%; }
  :where(html[data-dm-css~="s3"]) .c-victor-handoff__grid, :where(html[data-dm-css~="s3"]).c-victor-handoff__grid{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s3"]) .c-victor-handoff__grid .is-wide, :where(html[data-dm-css~="s3"]).c-victor-handoff__grid .is-wide{ grid-column: auto; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__identity small, :where(html[data-dm-css~="s3"]).c-victor-panel__identity small{ max-width: 11rem; }
}

@media (prefers-reduced-motion: reduce) {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher:hover, :where(html[data-dm-css~="s3"]).c-victor-launcher:hover{ transform: none; }
}

@media print {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher,
:where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell,
:where(html[data-dm-css~="s3"]) .c-victor-inline, :where(html[data-dm-css~="s3"]).c-victor-inline{ display: none !important; }
}


:where(html[data-dm-css~="s3"]) .c-victor-sources, :where(html[data-dm-css~="s3"]).c-victor-sources{
  min-width: 0;
  margin: .25rem 0 .65rem;
  padding: .72rem .8rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .72rem;
  background: rgba(245, 247, 250, .72);
  color: var(--dm-slate, #1f4665);
  font-size: .78rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-sources summary, :where(html[data-dm-css~="s3"]).c-victor-sources summary{
  cursor: pointer;
  font-weight: 800;
  color: var(--dm-ink, #082c4a);
}
:where(html[data-dm-css~="s3"]) .c-victor-sources ul, :where(html[data-dm-css~="s3"]).c-victor-sources ul{
  margin: .65rem 0 0;
  padding-left: 1.1rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-sources li + li, :where(html[data-dm-css~="s3"]).c-victor-sources li + li{ margin-top: .35rem; }
:where(html[data-dm-css~="s3"]) .c-victor-sources a, :where(html[data-dm-css~="s3"]).c-victor-sources a{
  color: var(--dm-blue, #27689e);
  overflow-wrap: anywhere;
}


/* Victor V1.3 maximised consultation surface */
:where(html[data-dm-css~="s3"]) .c-victor-backdrop, :where(html[data-dm-css~="s3"]).c-victor-backdrop{
  position: fixed;
  inset: 0;
  z-index: 1098;
  display: none;
  background: rgb(7 17 31 / .52);
  backdrop-filter: blur(2px);
}
:where(html[data-dm-css~="s3"]) .c-victor-backdrop.is-active, :where(html[data-dm-css~="s3"]).c-victor-backdrop.is-active{ display: block; }
:where(html[data-dm-css~="s3"]) body.victor-modal-open{ overflow: hidden; }

:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized{
  z-index: 1099;
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  width: min(80vw, 1500px);
  height: 80vh;
  max-height: 80vh;
  transform: translate(-50%, -50%);
  border-radius: 1.2rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence), :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence){ grid-template-columns: minmax(0, 1fr); }
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized.is-evidence{ grid-template-columns: minmax(0, 1.8fr) minmax(22rem, .9fr); }
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized .c-victor-panel, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized .c-victor-panel{ max-height: none; height: 100%; }
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-message, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-message,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-conclusion, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-conclusion,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-sources, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-sources,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-quick-actions, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-quick-actions,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-starters{
  width: min(100%, 56rem);
  margin-left: auto;
  margin-right: auto;
}
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-compose__row, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-compose__row,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-compose__note, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-compose__note{
  width: min(100%, 56rem);
  margin-left: auto;
  margin-right: auto;
}
:where(html[data-dm-css~="s3"]) .c-victor-advisory-gate, :where(html[data-dm-css~="s3"]).c-victor-advisory-gate{
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-left: 3px solid var(--dm-gold, #76520a);
  border-radius: .9rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-advisory-gate p, :where(html[data-dm-css~="s3"]).c-victor-advisory-gate p{ margin: 0; color: var(--dm-ink, #082c4a); line-height: 1.6; }

@media (max-width: 40rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized{
    inset: 0;
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    transform: none;
    border: 0;
    border-radius: 0;
  }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized.is-evidence{ grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: no-preference) {
  :where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell{ transition: width 220ms ease, height 220ms ease, max-height 220ms ease, border-radius 220ms ease, top 220ms ease, left 220ms ease, right 220ms ease, bottom 220ms ease, transform 220ms ease; }
}

/* Victor V1.4 entitlement/test status. Shown only when the server marks this session as a test entitlement. */
:where(html[data-dm-css~="s3"]) .c-victor-access-status, :where(html[data-dm-css~="s3"]).c-victor-access-status{
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  margin: .85rem 0 .15rem;
  padding: .8rem .85rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .75rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-access-status__dot, :where(html[data-dm-css~="s3"]).c-victor-access-status__dot{
  flex: 0 0 auto;
  width: .62rem;
  height: .62rem;
  margin-top: .28rem;
  border-radius: 50%;
  background: var(--dm-gold, #76520a);
}
:where(html[data-dm-css~="s3"]) .c-victor-access-status strong, :where(html[data-dm-css~="s3"]).c-victor-access-status strong{ display: block; color: var(--dm-ink, #082c4a); font-size: .86rem; line-height: 1.25; }
:where(html[data-dm-css~="s3"]) .c-victor-access-status small, :where(html[data-dm-css~="s3"]).c-victor-access-status small{ display: block; margin-top: .18rem; color: var(--dm-slate, #1f4665); font-size: .74rem; line-height: 1.4; }

/* Victor V1.6.4 Large Page Evidence diagnostics */
:where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic{
  margin-top: 1rem;
  padding: .9rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .8rem;
  background: rgba(245, 247, 250, .78);
}
:where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic__list, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic__list{
  margin: 0;
  display: grid;
  gap: .45rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic__list > div, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic__list > div{
  display: grid;
  grid-template-columns: minmax(7rem, .8fr) minmax(0, 1.6fr);
  gap: .75rem;
  align-items: start;
}
:where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic__list dt, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic__list dt{
  margin: 0;
  font-weight: 800;
  color: var(--dm-ink, #082c4a);
}
:where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic__list dd, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic__list dd{
  margin: 0;
  min-width: 0;
  color: var(--dm-slate, #1f4665);
  overflow-wrap: anywhere;
}
@media (max-width: 40rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-access-diagnostic__list > div, :where(html[data-dm-css~="s3"]).c-victor-access-diagnostic__list > div{ grid-template-columns: 1fr; gap: .1rem; }
}

/* Victor V1.7.3 Identity and Conversation Experience
   Victor-only presentation layer. No global website selectors. */
:root:where([data-dm-css~="s3"]){
  --victor-width: 29rem;
  --victor-avatar: url('../images/victor/victor-profile.webp');
}

:where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher{
  min-height: 4rem;
  max-width: calc(100vw - 2rem);
  gap: .72rem;
  padding: .42rem .58rem .42rem .42rem;
  border-color: rgb(39 104 158 / .45);
  border-radius: 1.15rem;
  box-shadow: 0 20px 55px rgb(7 17 31 / .28), 0 0 0 1px rgb(255 255 255 / .05) inset;
  transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher:hover, :where(html[data-dm-css~="s3"]).c-victor-launcher:hover,
:where(html[data-dm-css~="s3"]) .c-victor-launcher:focus-visible, :where(html[data-dm-css~="s3"]).c-victor-launcher:focus-visible{
  border-color: rgb(39 104 158 / .85);
  box-shadow: 0 24px 62px rgb(7 17 31 / .34), 0 0 0 1px rgb(255 255 255 / .08) inset;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__portrait, :where(html[data-dm-css~="s3"]).c-victor-launcher__portrait,
:where(html[data-dm-css~="s3"]) .c-victor-panel__portrait, :where(html[data-dm-css~="s3"]).c-victor-panel__portrait{
  position: relative;
  display: block;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #082c4a;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__portrait, :where(html[data-dm-css~="s3"]).c-victor-launcher__portrait{
  width: 3.05rem;
  height: 3.05rem;
  box-shadow: 0 0 0 2px var(--dm-blue, #27689e), 0 0 0 5px rgb(39 104 158 / .16);
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__avatar, :where(html[data-dm-css~="s3"]).c-victor-launcher__avatar,
:where(html[data-dm-css~="s3"]) .c-victor-panel__avatar, :where(html[data-dm-css~="s3"]).c-victor-panel__avatar,
:where(html[data-dm-css~="s3"]) .c-victor-message__avatar, :where(html[data-dm-css~="s3"]).c-victor-message__avatar{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: 50% 27%;
  background: #082c4a var(--victor-avatar) center 27% / cover no-repeat;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__status, :where(html[data-dm-css~="s3"]).c-victor-launcher__status,
:where(html[data-dm-css~="s3"]) .c-victor-panel__status, :where(html[data-dm-css~="s3"]).c-victor-panel__status{
  position: absolute;
  right: -.06rem;
  bottom: .12rem;
  width: .72rem;
  height: .72rem;
  border: 2px solid var(--dm-midnight, #051c30);
  border-radius: 50%;
  background: var(--dm-gold, #76520a);
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__copy, :where(html[data-dm-css~="s3"]).c-victor-launcher__copy{
  min-width: 0;
  display: grid;
  gap: .18rem;
  text-align: left;
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__copy strong, :where(html[data-dm-css~="s3"]).c-victor-launcher__copy strong{ color: #f5f3ee; font-size: .92rem; line-height: 1.1; }
:where(html[data-dm-css~="s3"]) .c-victor-launcher__copy small, :where(html[data-dm-css~="s3"]).c-victor-launcher__copy small{ color: #aebbd0; font-size: .67rem; font-weight: 600; line-height: 1.2; white-space: nowrap; }
:where(html[data-dm-css~="s3"]) .c-victor-launcher__arrow, :where(html[data-dm-css~="s3"]).c-victor-launcher__arrow{
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: .65rem;
  color: #f5f3ee;
  background: rgb(39 104 158 / .18);
}
:where(html[data-dm-css~="s3"]) .c-victor-launcher__arrow svg, :where(html[data-dm-css~="s3"]).c-victor-launcher__arrow svg{ width: 1rem; height: 1rem; transition: transform 170ms ease; }
:where(html[data-dm-css~="s3"]) .c-victor-launcher:hover .c-victor-launcher__arrow svg, :where(html[data-dm-css~="s3"]).c-victor-launcher:hover .c-victor-launcher__arrow svg{ transform: translateX(2px); }

:where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell{
  border-color: rgb(220 226 234 / .9);
  border-radius: 1.5rem;
  background: var(--dm-surface, #f5f3ee);
  box-shadow: 0 34px 90px rgb(7 17 31 / .3), 0 0 0 1px rgb(255 255 255 / .36) inset;
}
:where(html[data-dm-css~="s3"]) .c-victor-panel, :where(html[data-dm-css~="s3"]).c-victor-panel{ background: var(--dm-surface, #f5f3ee); }
:where(html[data-dm-css~="s3"]) .c-victor-panel__header, :where(html[data-dm-css~="s3"]).c-victor-panel__header{
  min-height: 5.4rem;
  padding: .95rem .9rem .95rem 1rem;
  border-bottom-color: rgb(255 255 255 / .1);
  background: var(--dm-midnight, #051c30);
  color: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__portrait, :where(html[data-dm-css~="s3"]).c-victor-panel__portrait{
  width: 3.15rem;
  height: 3.15rem;
  box-shadow: 0 0 0 2px var(--dm-blue, #27689e), 0 0 0 5px rgb(39 104 158 / .14);
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity, :where(html[data-dm-css~="s3"]).c-victor-panel__identity{ gap: .78rem; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity strong, :where(html[data-dm-css~="s3"]).c-victor-panel__identity strong{ color: #f5f3ee; font-size: 1.05rem; letter-spacing: -.01em; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__identity small, :where(html[data-dm-css~="s3"]).c-victor-panel__identity small{ color: #aebbd0; font-size: .7rem; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__session, :where(html[data-dm-css~="s3"]).c-victor-panel__session,
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize,
:where(html[data-dm-css~="s3"]) .c-victor-panel__close, :where(html[data-dm-css~="s3"]).c-victor-panel__close{
  width: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: transparent;
  color: #dbe5f5;
  transition: color 160ms ease, background 160ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-panel__session:hover, :where(html[data-dm-css~="s3"]).c-victor-panel__session:hover,
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize:hover, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize:hover,
:where(html[data-dm-css~="s3"]) .c-victor-panel__close:hover, :where(html[data-dm-css~="s3"]).c-victor-panel__close:hover{ background: rgb(255 255 255 / .09); color: #f5f3ee; }
:where(html[data-dm-css~="s3"]) .c-victor-panel__session svg, :where(html[data-dm-css~="s3"]).c-victor-panel__session svg,
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize svg, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize svg,
:where(html[data-dm-css~="s3"]) .c-victor-panel__close svg, :where(html[data-dm-css~="s3"]).c-victor-panel__close svg{ width: 1.1rem; height: 1.1rem; }

:where(html[data-dm-css~="s3"]) .c-victor-context, :where(html[data-dm-css~="s3"]).c-victor-context{
  min-height: 2.9rem;
  align-items: center;
  gap: .55rem;
  padding: 0 .55rem 0 1rem;
  border-bottom-color: var(--dm-border, #dce4ea);
  background: #d4e1ec;
  color: #29415f;
  font-size: .72rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-context[hidden], :where(html[data-dm-css~="s3"]).c-victor-context[hidden]{ display: none !important; }
:where(html[data-dm-css~="s3"]) .c-victor-context__icon, :where(html[data-dm-css~="s3"]).c-victor-context__icon{ width: 1.05rem; height: 1.05rem; flex: 0 0 auto; color: var(--dm-blue, #27689e); }
:where(html[data-dm-css~="s3"]) .c-victor-context__icon svg, :where(html[data-dm-css~="s3"]).c-victor-context__icon svg,
:where(html[data-dm-css~="s3"]) .c-victor-context__close svg, :where(html[data-dm-css~="s3"]).c-victor-context__close svg{ width: 100%; height: 100%; }
:where(html[data-dm-css~="s3"]) .c-victor-context > span:nth-child(2), :where(html[data-dm-css~="s3"]).c-victor-context > span:nth-child(2){ min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(html[data-dm-css~="s3"]) .c-victor-context__close, :where(html[data-dm-css~="s3"]).c-victor-context__close{
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  padding: .82rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #1f4665;
  cursor: pointer;
}
:where(html[data-dm-css~="s3"]) .c-victor-context__close:hover, :where(html[data-dm-css~="s3"]).c-victor-context__close:hover{ background: rgb(39 104 158 / .08); color: var(--dm-blue, #27689e); }

:where(html[data-dm-css~="s3"]) .c-victor-messages, :where(html[data-dm-css~="s3"]).c-victor-messages,
:where(html[data-dm-css~="s3"]) .c-victor-session, :where(html[data-dm-css~="s3"]).c-victor-session{
  padding: 1.1rem;
  background:
    linear-gradient(rgb(245 247 250 / .965), rgb(245 247 250 / .965)),
    radial-gradient(circle at 12% 5%, rgb(39 104 158 / .14), transparent 34%);
}
:where(html[data-dm-css~="s3"]) .c-victor-welcome, :where(html[data-dm-css~="s3"]).c-victor-welcome{
  margin: 0 0 .85rem 2.45rem;
  padding: 1rem 1.05rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .25rem 1rem 1rem 1rem;
  background: #f5f3ee;
  box-shadow: 0 8px 26px rgb(7 17 31 / .055);
}
:where(html[data-dm-css~="s3"]) .c-victor-welcome__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-welcome__eyebrow,
:where(html[data-dm-css~="s3"]) .c-victor-recovery__eyebrow, :where(html[data-dm-css~="s3"]).c-victor-recovery__eyebrow{
  margin: 0 0 .3rem;
  color: var(--dm-blue, #27689e);
  font: 800 0.891136rem/1.2 var(--dm-font-ui, Manrope, Arial, sans-serif);
  letter-spacing: .1em;
  text-transform: uppercase;
}
:where(html[data-dm-css~="s3"]) .c-victor-welcome h2, :where(html[data-dm-css~="s3"]).c-victor-welcome h2{
  margin: 0;
  color: var(--dm-midnight, #051c30);
  font: 650 1.55rem/1.12 var(--dm-font-display, Newsreader, Georgia, serif);
  letter-spacing: -.018em;
}
:where(html[data-dm-css~="s3"]) .c-victor-welcome > p:last-child, :where(html[data-dm-css~="s3"]).c-victor-welcome > p:last-child{ margin: .45rem 0 0; color: var(--dm-slate, #1f4665); font-size: .8rem; line-height: 1.5; }

:where(html[data-dm-css~="s3"]) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-starters{
  margin: 0 0 1rem 2.45rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-starter, :where(html[data-dm-css~="s3"]).c-victor-starter{
  min-width: 0;
  min-height: 5.45rem;
  display: grid;
  grid-template-columns: 1.85rem minmax(0, 1fr) .9rem;
  gap: .52rem;
  align-items: start;
  padding: .75rem .66rem;
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .9rem;
  background: #f5f3ee;
  color: var(--dm-midnight, #051c30);
  text-align: left;
  cursor: pointer;
  box-shadow: 0 5px 16px rgb(7 17 31 / .025);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-starter:hover, :where(html[data-dm-css~="s3"]).c-victor-starter:hover{ transform: translateY(-2px); border-color: var(--dm-blue, #27689e); box-shadow: 0 9px 24px rgb(39 104 158 / .1); }
:where(html[data-dm-css~="s3"]) .c-victor-starter__icon, :where(html[data-dm-css~="s3"]).c-victor-starter__icon{
  width: 1.85rem;
  height: 1.85rem;
  display: grid;
  place-items: center;
  border-radius: .62rem;
  background: #d4e1ec;
  color: var(--dm-blue, #27689e);
}
:where(html[data-dm-css~="s3"]) .c-victor-starter__icon svg, :where(html[data-dm-css~="s3"]).c-victor-starter__icon svg{ width: .96rem; height: .96rem; }
:where(html[data-dm-css~="s3"]) .c-victor-starter__copy, :where(html[data-dm-css~="s3"]).c-victor-starter__copy{ min-width: 0; display: grid; gap: .25rem; }
:where(html[data-dm-css~="s3"]) .c-victor-starter__copy strong, :where(html[data-dm-css~="s3"]).c-victor-starter__copy strong{ font-size: .74rem; line-height: 1.3; }
:where(html[data-dm-css~="s3"]) .c-victor-starter__copy small, :where(html[data-dm-css~="s3"]).c-victor-starter__copy small{ color: var(--dm-slate, #1f4665); font-size: .64rem; line-height: 1.35; }
:where(html[data-dm-css~="s3"]) .c-victor-starter__arrow, :where(html[data-dm-css~="s3"]).c-victor-starter__arrow{ align-self: center; color: var(--dm-blue, #27689e); }
:where(html[data-dm-css~="s3"]) .c-victor-starter__arrow svg, :where(html[data-dm-css~="s3"]).c-victor-starter__arrow svg{ width: .85rem; height: .85rem; }

:where(html[data-dm-css~="s3"]) .c-victor-message, :where(html[data-dm-css~="s3"]).c-victor-message{ align-items: flex-start; }
:where(html[data-dm-css~="s3"]) .c-victor-message--assistant, :where(html[data-dm-css~="s3"]).c-victor-message--assistant{ gap: .62rem; }
:where(html[data-dm-css~="s3"]) .c-victor-message__portrait, :where(html[data-dm-css~="s3"]).c-victor-message__portrait{
  width: 1.82rem;
  height: 1.82rem;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background: #082c4a;
  box-shadow: 0 0 0 1.5px var(--dm-blue, #27689e);
}
:where(html[data-dm-css~="s3"]) .c-victor-message--assistant .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--assistant .c-victor-message__bubble{
  max-width: calc(88% - 2.44rem);
  border: 1px solid var(--dm-border, #dce4ea);
  border-radius: .25rem .95rem .95rem .95rem;
  background: #f5f3ee;
  box-shadow: 0 7px 22px rgb(7 17 31 / .045);
}
:where(html[data-dm-css~="s3"]) .c-victor-message--user .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--user .c-victor-message__bubble{ border-radius: .95rem .25rem .95rem .95rem; }
:where(html[data-dm-css~="s3"]) .c-victor-message--status .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--status .c-victor-message__bubble{
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  color: #44536a;
}
:where(html[data-dm-css~="s3"]) .c-victor-message--status .c-victor-message__bubble::before, :where(html[data-dm-css~="s3"]).c-victor-message--status .c-victor-message__bubble::before{
  content: "";
  width: .72rem;
  height: .72rem;
  flex: 0 0 auto;
  border: 2px solid rgb(39 104 158 / .22);
  border-top-color: var(--dm-blue, #27689e);
  border-radius: 50%;
  animation: victor-spin .75s linear infinite;
}
@keyframes victor-spin { to { transform: rotate(360deg); } }

:where(html[data-dm-css~="s3"]) .c-victor-conclusion, :where(html[data-dm-css~="s3"]).c-victor-conclusion,
:where(html[data-dm-css~="s3"]) .c-victor-sources, :where(html[data-dm-css~="s3"]).c-victor-sources,
:where(html[data-dm-css~="s3"]) .c-victor-quick-actions, :where(html[data-dm-css~="s3"]).c-victor-quick-actions,
:where(html[data-dm-css~="s3"]) .c-victor-recovery, :where(html[data-dm-css~="s3"]).c-victor-recovery{ margin-left: 2.45rem; }
:where(html[data-dm-css~="s3"]) .c-victor-recovery, :where(html[data-dm-css~="s3"]).c-victor-recovery{
  margin-top: .2rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #e0b8be;
  border-left: 3px solid #a13a49;
  border-radius: .25rem .9rem .9rem .9rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-recovery > p:last-of-type, :where(html[data-dm-css~="s3"]).c-victor-recovery > p:last-of-type{ margin: 0; color: var(--dm-slate, #1f4665); font-size: .84rem; line-height: 1.5; }
:where(html[data-dm-css~="s3"]) .c-victor-recovery__actions, :where(html[data-dm-css~="s3"]).c-victor-recovery__actions{ display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .85rem; }

:where(html[data-dm-css~="s3"]) .c-victor-compose, :where(html[data-dm-css~="s3"]).c-victor-compose{
  padding: .72rem .78rem .62rem;
  background: #f5f3ee;
}
:where(html[data-dm-css~="s3"]) .c-victor-compose__row, :where(html[data-dm-css~="s3"]).c-victor-compose__row{
  min-height: 3.5rem;
  display: flex;
  align-items: flex-end;
  gap: .5rem;
  padding: .28rem .28rem .28rem .9rem;
  border: 1.5px solid #aeb9c8;
  border-radius: 1rem;
  background: #f5f3ee;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-compose__row:focus-within, :where(html[data-dm-css~="s3"]).c-victor-compose__row:focus-within{ border-color: var(--dm-blue, #27689e); box-shadow: 0 0 0 3px rgb(39 104 158 / .13); }
:where(html[data-dm-css~="s3"]) .c-victor-compose textarea, :where(html[data-dm-css~="s3"]).c-victor-compose textarea{
  min-height: 2.8rem;
  max-height: 7rem;
  padding: .7rem 0 .55rem;
  border: 0;
  border-radius: 0;
  outline: 0;
  resize: none;
  box-shadow: none;
  font-size: 1rem;
}
:where(html[data-dm-css~="s3"]) .c-victor-send, :where(html[data-dm-css~="s3"]).c-victor-send{
  min-width: 2.8rem;
  width: 2.8rem;
  min-height: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  border-radius: .78rem;
  transition: transform 160ms ease, background 160ms ease;
}
:where(html[data-dm-css~="s3"]) .c-victor-send:hover, :where(html[data-dm-css~="s3"]).c-victor-send:hover{ transform: translateY(-1px); background: #2455d6; }
:where(html[data-dm-css~="s3"]) .c-victor-send svg, :where(html[data-dm-css~="s3"]).c-victor-send svg{ width: 1.08rem; height: 1.08rem; }
:where(html[data-dm-css~="s3"]) .c-victor-compose__note, :where(html[data-dm-css~="s3"]).c-victor-compose__note{ margin-top: .42rem; text-align: center; }

@media (max-width: 40rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher{ right: .75rem; bottom: max(.75rem, env(safe-area-inset-bottom)); }
  :where(html[data-dm-css~="s3"]) .c-victor-shell, :where(html[data-dm-css~="s3"]).c-victor-shell,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-evidence, :where(html[data-dm-css~="s3"]).c-victor-shell.is-evidence{
    inset: 0;
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-open + .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-shell.is-open + .c-victor-launcher{ visibility: hidden; pointer-events: none; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__header, :where(html[data-dm-css~="s3"]).c-victor-panel__header{ padding-left: .8rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__identity small, :where(html[data-dm-css~="s3"]).c-victor-panel__identity small{ max-width: 10rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-messages, :where(html[data-dm-css~="s3"]).c-victor-messages,
:where(html[data-dm-css~="s3"]) .c-victor-session, :where(html[data-dm-css~="s3"]).c-victor-session{ padding: .9rem .78rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-welcome, :where(html[data-dm-css~="s3"]).c-victor-welcome,
:where(html[data-dm-css~="s3"]) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-starters,
:where(html[data-dm-css~="s3"]) .c-victor-conclusion, :where(html[data-dm-css~="s3"]).c-victor-conclusion,
:where(html[data-dm-css~="s3"]) .c-victor-sources, :where(html[data-dm-css~="s3"]).c-victor-sources,
:where(html[data-dm-css~="s3"]) .c-victor-quick-actions, :where(html[data-dm-css~="s3"]).c-victor-quick-actions,
:where(html[data-dm-css~="s3"]) .c-victor-recovery, :where(html[data-dm-css~="s3"]).c-victor-recovery{ margin-left: 2.3rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-starters{ grid-template-columns: 1fr; }
  :where(html[data-dm-css~="s3"]) .c-victor-starter, :where(html[data-dm-css~="s3"]).c-victor-starter{ min-height: 4.5rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-message--assistant .c-victor-message__bubble, :where(html[data-dm-css~="s3"]).c-victor-message--assistant .c-victor-message__bubble{ max-width: calc(93% - 2.4rem); }
  :where(html[data-dm-css~="s3"]) .c-victor-compose, :where(html[data-dm-css~="s3"]).c-victor-compose{ padding-bottom: max(.62rem, env(safe-area-inset-bottom)); }
}

@media (max-width: 23rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher__copy small, :where(html[data-dm-css~="s3"]).c-victor-launcher__copy small{ display: none; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__identity small, :where(html[data-dm-css~="s3"]).c-victor-panel__identity small{ max-width: 8.4rem; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__actions, :where(html[data-dm-css~="s3"]).c-victor-panel__actions{ gap: 0; }
  :where(html[data-dm-css~="s3"]) .c-victor-panel__session, :where(html[data-dm-css~="s3"]).c-victor-panel__session,
:where(html[data-dm-css~="s3"]) .c-victor-panel__maximize, :where(html[data-dm-css~="s3"]).c-victor-panel__maximize,
:where(html[data-dm-css~="s3"]) .c-victor-panel__close, :where(html[data-dm-css~="s3"]).c-victor-panel__close{ width: 2.55rem; min-width: 2.55rem; }
}

@media (prefers-reduced-motion: reduce) {
  :where(html[data-dm-css~="s3"]) .c-victor-launcher, :where(html[data-dm-css~="s3"]).c-victor-launcher,
:where(html[data-dm-css~="s3"]) .c-victor-launcher__arrow svg, :where(html[data-dm-css~="s3"]).c-victor-launcher__arrow svg,
:where(html[data-dm-css~="s3"]) .c-victor-starter, :where(html[data-dm-css~="s3"]).c-victor-starter,
:where(html[data-dm-css~="s3"]) .c-victor-send, :where(html[data-dm-css~="s3"]).c-victor-send{ transition: none; }
  :where(html[data-dm-css~="s3"]) .c-victor-message--status .c-victor-message__bubble::before, :where(html[data-dm-css~="s3"]).c-victor-message--status .c-victor-message__bubble::before{ animation: none; }
}

/* Victor V1.7.3.1 conversation-width hotfix.
   Focused conversation follows the readable content width.
   Evidence mode retains the wider two-column workspace. */
@media (min-width: 40.001rem) {
  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence), :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence){
    width: min(60rem, calc(100vw - 3rem));
  }

  :where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-message, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-message,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-welcome, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-welcome,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-starters, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-starters,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-conclusion, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-conclusion,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-sources, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-sources,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-quick-actions, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-quick-actions,
:where(html[data-dm-css~="s3"]) .c-victor-shell.is-maximized:not(.is-evidence) .c-victor-recovery, :where(html[data-dm-css~="s3"]).c-victor-shell.is-maximized:not(.is-evidence) .c-victor-recovery{
    width: min(100%, 56rem);
    margin-left: auto;
    margin-right: auto;
  }
}


/* six-page-heroes.css | original cascade position 5 */
/* Page-scoped hero artwork; compatible with the four-service overlay. */
@media (max-width: 70rem) {
  :where(html[data-dm-css~="s4"]) .c-hero--new-artwork .c-hero__visual, :where(html[data-dm-css~="s4"]).c-hero--new-artwork .c-hero__visual{
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  :where(html[data-dm-css~="s4"]) .c-hero--new-artwork .c-hero__visual img, :where(html[data-dm-css~="s4"]).c-hero--new-artwork .c-hero__visual img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
  :where(html[data-dm-css~="s4"]) .page-payment .c-payment-hero__mobile-visual, :where(html[data-dm-css~="s4"]).page-payment .c-payment-hero__mobile-visual{
    background-image: url("../images/payment-hero-mobile.webp");
    background-size: contain;
  }
}
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s4"]) .page-payment .c-payment-hero, :where(html[data-dm-css~="s4"]).page-payment .c-payment-hero{
    background-image: url("../images/payment-hero-desktop.webp");
  }
  :where(html[data-dm-css~="s4"]) .page-quote .c-hero--new-artwork .c-hero__guidance, :where(html[data-dm-css~="s4"]).page-quote .c-hero--new-artwork .c-hero__guidance{
    border-color: rgb(255 255 255 / .18);
  }
  :where(html[data-dm-css~="s4"]) .c-hero--new-artwork .c-button--secondary, :where(html[data-dm-css~="s4"]).c-hero--new-artwork .c-button--secondary{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .35);
    background: transparent;
  }
  :where(html[data-dm-css~="s4"]) .c-hero--new-artwork .c-button--secondary:hover, :where(html[data-dm-css~="s4"]).c-hero--new-artwork .c-button--secondary:hover{
    color: var(--color-white);
    border-color: rgb(255 255 255 / .72);
    background: rgb(255 255 255 / .08);
  }
}


/* service-hero-artwork.css | original cascade position 6 */
/* Dedicated artwork for the four connected service heroes. */
@media (max-width: 70rem) {
  :where(html[data-dm-css~="s5"]) .c-hero--service-artwork .c-hero__visual, :where(html[data-dm-css~="s5"]).c-hero--service-artwork .c-hero__visual{
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  :where(html[data-dm-css~="s5"]) .c-hero--service-artwork .c-hero__visual img, :where(html[data-dm-css~="s5"]).c-hero--service-artwork .c-hero__visual img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: none;
  }
}


/* contact-hero.css | original cascade position 7 */
/* Dedicated contact portrait framing. */
@media (max-width: 70rem) {
  :where(html[data-dm-css~="s6"]) .c-hero--contact-artwork .c-hero__visual, :where(html[data-dm-css~="s6"]).c-hero--contact-artwork .c-hero__visual{ min-height: 0; aspect-ratio: 4 / 5; }
  :where(html[data-dm-css~="s6"]) .c-hero--contact-artwork .c-hero__visual img, :where(html[data-dm-css~="s6"]).c-hero--contact-artwork .c-hero__visual img{ display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transform: none; }
}


/* white-sections-white-20261031.css | original cascade position 8 */
/* White homepage sections and mobile hero surfaces. */
:where(html[data-dm-css~="s7"]) .page-home :is(.c-home-featured-work, .c-quote-band), :where(html[data-dm-css~="s7"]).page-home :is(.c-home-featured-work, .c-quote-band){
  color: var(--dm-ink);
  background: #fff;
}

/* Update 50: these three sections stay white across all viewport sizes,
   including when the shared section-background stylesheet loads later. */
:where(html[data-dm-css~="s7"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta), :where(html[data-dm-css~="s7"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta){
  color: #082c4a !important;
  background: #fff !important;
}
:where(html[data-dm-css~="s7"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(h2, h3, p, .c-eyebrow, .c-tag), :where(html[data-dm-css~="s7"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(h2, h3, p, .c-eyebrow, .c-tag){
  color: #082c4a !important;
}
:where(html[data-dm-css~="s7"]) .page-home .c-home-featured-work :is(.c-work-card, .c-work-card__body, .c-tag), :where(html[data-dm-css~="s7"]).page-home .c-home-featured-work :is(.c-work-card, .c-work-card__body, .c-tag){
  background: transparent !important;
}
:where(html[data-dm-css~="s7"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline), :where(html[data-dm-css~="s7"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline){
  color: #f5f3ee !important;
  background: #082c4a !important;
  border-color: #082c4a !important;
}
:where(html[data-dm-css~="s7"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline):hover, :where(html[data-dm-css~="s7"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline):hover{
  color: #f5f3ee !important;
  background: #1f4665 !important;
  border-color: #1f4665 !important;
}
:where(html[data-dm-css~="s7"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(a, button):focus-visible, :where(html[data-dm-css~="s7"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(a, button):focus-visible{
  outline: 3px solid #082c4a;
  outline-offset: 4px;
}
:where(html[data-dm-css~="s7"]) .page-home :is(.c-home-featured-work, .c-quote-band) :is(h2, h3, p), :where(html[data-dm-css~="s7"]).page-home :is(.c-home-featured-work, .c-quote-band) :is(h2, h3, p){
  color: var(--dm-ink);
}
:where(html[data-dm-css~="s7"]) .page-home :is(.c-home-featured-work, .c-quote-band) .c-eyebrow, :where(html[data-dm-css~="s7"]).page-home :is(.c-home-featured-work, .c-quote-band) .c-eyebrow{
  color: var(--dm-blue);
}
:where(html[data-dm-css~="s7"]) .page-home .c-quote-band .c-button--light, :where(html[data-dm-css~="s7"]).page-home .c-quote-band .c-button--light{
  color: #f5f3ee;
  border-color: var(--dm-blue);
  background: var(--dm-blue);
}
:where(html[data-dm-css~="s7"]) .page-home .c-quote-band .c-button--light:hover, :where(html[data-dm-css~="s7"]).page-home .c-quote-band .c-button--light:hover{
  border-color: var(--dm-blue-strong);
  background: var(--dm-blue-strong);
}

/* Phones only. The existing tablet and desktop treatments are preserved. */
@media (max-width: 767px) {
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero), :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero){
    color: var(--dm-ink) !important;
    background: #fff !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::before, :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::before,
:where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::after, :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::after{
    display: none !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(h1, h2, h3, p:not(.c-eyebrow), .c-service-line, .c-check-list li), :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(h1, h2, h3, p:not(.c-eyebrow), .c-service-line, .c-check-list li){
    color: var(--dm-ink) !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow), :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow){
    color: inherit !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) .c-eyebrow, :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) .c-eyebrow{
    color: var(--dm-blue) !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary), :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary){
    color: #f5f3ee !important;
    border-color: var(--dm-blue) !important;
    background: var(--dm-blue) !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary):hover, :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary):hover{
    border-color: var(--dm-blue-strong) !important;
    background: var(--dm-blue-strong) !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary), :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary){
    color: var(--dm-ink) !important;
    border-color: var(--color-border-strong) !important;
    background: #fff !important;
  }
  :where(html[data-dm-css~="s7"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary):hover, :where(html[data-dm-css~="s7"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary):hover{
    color: var(--dm-blue-strong) !important;
    border-color: var(--dm-blue) !important;
    background: var(--color-accent-soft) !important;
  }
  :where(html[data-dm-css~="s7"]) .c-hero .c-hero__guidance, :where(html[data-dm-css~="s7"]).c-hero .c-hero__guidance{
    border-top-color: var(--color-border-strong);
  }
  :where(html[data-dm-css~="s7"]) .c-payment-hero .c-payment-methods > span, :where(html[data-dm-css~="s7"]).c-payment-hero .c-payment-methods > span,
:where(html[data-dm-css~="s7"]) .c-payment-hero .c-payment-security-card, :where(html[data-dm-css~="s7"]).c-payment-hero .c-payment-security-card{
    color: var(--dm-ink);
    border-color: var(--color-border-strong);
    background: #f5f3ee;
  }
  :where(html[data-dm-css~="s7"]) .c-payment-hero .c-payment-security-card__icon, :where(html[data-dm-css~="s7"]).c-payment-hero .c-payment-security-card__icon{
    color: var(--dm-blue);
    background: var(--color-accent-soft);
  }
}


/* hbsos-layout-refinements.css | original cascade position 9 */
/* HBSOS layout refinements, scoped to this page. */
@media (min-width: 70.01rem) {
 :where(html[data-dm-css~="s8"]) .page-hbsos .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s8"]).page-hbsos .c-hero--background .c-hero__copy{ width: 100%; max-width: min(42rem, 43vw); }
 :where(html[data-dm-css~="s8"]) .page-hbsos .c-hero--background h1, :where(html[data-dm-css~="s8"]).page-hbsos .c-hero--background h1{ max-width: 12.2em; text-wrap: wrap; }
}
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-split, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-split{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: clamp(24px,4vw,72px); }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-placeholder, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-placeholder{ width: 100%; aspect-ratio: 16 / 9; background: #dce4ea; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-placeholder--square, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-placeholder--square{ aspect-ratio: 1; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-method__copy .c-section-heading, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-method__copy .c-section-heading{ text-align: left; margin-left: 0; margin-right: 0; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: clamp(24px,4vw,72px); row-gap: 24px; align-items: start; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed__intro, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed__intro{ grid-column: 1; grid-row: 1; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed__reference, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed__reference{ grid-column: 1; grid-row: 2; }
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed > figure, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed > figure{ grid-column: 2; grid-row: 1 / 3; margin: 0; }
:where(html[data-dm-css~="s8"]) .page-hbsos .c-quote-band .c-button-row, :where(html[data-dm-css~="s8"]).page-hbsos .c-quote-band .c-button-row{ margin-top: 24px; flex-wrap: wrap; }
@media (max-width: 48rem) {
 :where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-split, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-split,
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed{ grid-template-columns: minmax(0,1fr); }
 :where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed__intro, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed__intro,
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed__reference, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed__reference,
:where(html[data-dm-css~="s8"]) .page-hbsos .dm-hbsos-seed > figure, :where(html[data-dm-css~="s8"]).page-hbsos .dm-hbsos-seed > figure{ grid-column: auto; grid-row: auto; }
}


/* home-hero-desktop.css | original cascade position 10 */
/* Homepage desktop hero only. Tablet and mobile retain their current styles. */
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background::before, :where(html[data-dm-css~="s9"]).page-home .c-hero--background::before,
:where(html[data-dm-css~="s9"]) .page-home .c-hero--background::after, :where(html[data-dm-css~="s9"]).page-home .c-hero--background::after{
    content: none;
    display: none;
    background: none;
  }
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s9"]).page-home .c-hero--background .c-hero__copy{
    width: 100%;
    justify-self: center;
    align-self: center;
    text-align: center;
  }
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background .c-hero__copy h1, :where(html[data-dm-css~="s9"]).page-home .c-hero--background .c-hero__copy h1{
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background .c-hero__copy .c-lead, :where(html[data-dm-css~="s9"]).page-home .c-hero--background .c-hero__copy .c-lead{
    margin-inline: auto;
  }
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background .c-hero__actions, :where(html[data-dm-css~="s9"]).page-home .c-hero--background .c-hero__actions{
    justify-content: center;
  }
  :where(html[data-dm-css~="s9"]) .page-home .c-hero--background .c-victor-inline, :where(html[data-dm-css~="s9"]).page-home .c-hero--background .c-victor-inline{
    margin-inline: auto;
  }
}


/* home-hero-mobile.css | original cascade position 11 */
/* Transparent wrappers preserve the existing desktop and tablet layout. */
:where(html[data-dm-css~="s10"]) .page-home .c-home-hero-text, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-text,
:where(html[data-dm-css~="s10"]) .page-home .c-home-hero-heading, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-heading,
:where(html[data-dm-css~="s10"]) .page-home .c-home-hero-followup, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-followup,
:where(html[data-dm-css~="s10"]) .page-home .c-home-hero-details, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-details{
  display: contents;
}

@media screen and (max-width: 48rem) {
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background, :where(html[data-dm-css~="s10"]).page-home .c-hero--background{
    /* Only the homepage overlays its mobile hero copy on the artwork. */
    isolation: isolate;
    color: #f5f3ee !important;
    background: #17202b !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background::before, :where(html[data-dm-css~="s10"]).page-home .c-hero--background::before,
:where(html[data-dm-css~="s10"]) .page-home .c-hero--background::after, :where(html[data-dm-css~="s10"]).page-home .c-hero--background::after{
    content: none;
    display: none !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background .c-hero__inner, :where(html[data-dm-css~="s10"]).page-home .c-hero--background .c-hero__inner{
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: none;
    min-height: 0;
    padding: 0;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s10"]).page-home .c-hero--background .c-hero__copy{
    display: contents;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-heading, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-heading{
    position: relative;
    z-index: 2;
    grid-area: 1 / 1;
    display: block;
    box-sizing: border-box;
    min-height: 980px;
    padding: 0;
    text-align: center;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-heading::before, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-heading::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgb(7 17 31 / .68) 0%, rgb(7 17 31 / .48) 42%, rgb(7 17 31 / .16) 72%, rgb(7 17 31 / .12) 100%);
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-text .c-home-hero-logo, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-text .c-home-hero-logo{ display: none; }
  /* Keep the copy above the translucent image overlay. */
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-text, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-text{
    position: relative;
    z-index: 1;
    isolation: isolate;
    display: flow-root;
    box-sizing: border-box;
    padding: 2rem 1.25rem 24px;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-text::before, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-text::before{
    content: none;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-heading .c-eyebrow, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-heading .c-eyebrow{
    display: block;
    max-width: 26rem;
    margin: 0 auto 1rem;
    color: #f2b200 !important;
    font-size: clamp(0.767rem, 3.127vw, 0.95875rem);
    text-shadow: 0 1px 5px rgb(0 0 0 / .6);
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-heading h1, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-heading h1{
    width: 100%;
    max-width: 38rem;
    margin: 0 auto;
    color: #f5f3ee !important;
    font-size: clamp(1.568rem, 7.952vw, 3.584rem);
    line-height: 1.12;
    text-shadow: 0 2px 8px rgb(0 0 0 / .55);
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-title__line, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-title__line{
    display: block;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-title__line:first-child, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-title__line:first-child{
    text-transform: uppercase;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-heading h1 .c-hero-highlight--blue, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-heading h1 .c-hero-highlight--blue{
    color: #27689e !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-heading h1 .c-home-hero-comma, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-heading h1 .c-home-hero-comma{
    color: #f5f3ee !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-heading h1 .c-hero-highlight--yellow, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-heading h1 .c-hero-highlight--yellow{
    color: #f2b200 !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background .c-hero__inner > .c-media-frame, :where(html[data-dm-css~="s10"]).page-home .c-hero--background .c-hero__inner > .c-media-frame{
    position: relative;
    z-index: 0;
    grid-area: 1 / 1;
    align-self: stretch;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    aspect-ratio: auto;
    box-shadow: none;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero--background .c-media-frame img, :where(html[data-dm-css~="s10"]).page-home .c-hero--background .c-media-frame img{
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center top;
    transform: none;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-followup, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-followup{
    position: relative;
    z-index: 2;
    grid-area: 2 / 1;
    display: flow-root;
    box-sizing: border-box;
    padding: 2rem 1.25rem 0;
    color: var(--dm-ink);
    background: #f5f3ee;
    text-align: center;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-followup .c-home-hero-intro, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-followup .c-home-hero-intro{
    max-width: 38rem;
    margin: 0 auto 1.5rem;
    color: var(--dm-ink) !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-followup .c-hero__actions, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-followup .c-hero__actions{
    justify-content: center;
    margin-top: 0;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-details, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-details{
    position: relative;
    z-index: 2;
    grid-area: 3 / 1;
    display: flow-root;
    padding: 2rem 1.25rem;
    color: var(--dm-ink);
    background: #f5f3ee;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-hero .c-home-hero-details p, :where(html[data-dm-css~="s10"]).page-home .c-hero .c-home-hero-details p{
    color: var(--dm-ink) !important;
  }
  :where(html[data-dm-css~="s10"]) .page-home .c-home-hero-details .c-hero__actions, :where(html[data-dm-css~="s10"]).page-home .c-home-hero-details .c-hero__actions{
    justify-content: center;
  }
}


/* home-hero-simplified.css | original cascade position 12 */
/* Homepage identity and introduction only. */
:where(html[data-dm-css~="s11"]) .page-home .c-home-hero-logo, :where(html[data-dm-css~="s11"]).page-home .c-home-hero-logo{
  display: block;
  width: min(17rem, 65%);
  height: auto;
  margin: 0 auto 1.5rem;
  object-fit: contain;
}
:where(html[data-dm-css~="s11"]) .page-home .c-home-introduction .l-narrow, :where(html[data-dm-css~="s11"]).page-home .c-home-introduction .l-narrow{
  max-width: 64rem;
  margin-inline: auto;
}
:where(html[data-dm-css~="s11"]) .page-home .c-home-introduction, :where(html[data-dm-css~="s11"]).page-home .c-home-introduction{
  text-align: center;
}
:where(html[data-dm-css~="s11"]) .page-home .c-home-introduction :is(h2, p), :where(html[data-dm-css~="s11"]).page-home .c-home-introduction :is(h2, p){
  margin-inline: auto;
}
:where(html[data-dm-css~="s11"]) .page-home .c-home-introduction .c-lead:last-child, :where(html[data-dm-css~="s11"]).page-home .c-home-introduction .c-lead:last-child{
  margin-bottom: 0;
}
:where(html[data-dm-css~="s11"]) .page-home .c-home-hero-details .c-service-line, :where(html[data-dm-css~="s11"]).page-home .c-home-hero-details .c-service-line{
  width: 100%;
  max-width: none;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 48rem) {
  :where(html[data-dm-css~="s11"]) .page-home .c-home-introduction, :where(html[data-dm-css~="s11"]).page-home .c-home-introduction{
    text-align: left;
  }
  :where(html[data-dm-css~="s11"]) .page-home .c-home-introduction :is(h2, p), :where(html[data-dm-css~="s11"]).page-home .c-home-introduction :is(h2, p){
    margin-inline: 0;
  }
  :where(html[data-dm-css~="s11"]) .page-home .c-home-hero-logo, :where(html[data-dm-css~="s11"]).page-home .c-home-hero-logo{
    width: min(9rem, 45%);
    margin-bottom: 1.25rem;
  }
  :where(html[data-dm-css~="s11"]) .page-home .c-home-hero-details, :where(html[data-dm-css~="s11"]).page-home .c-home-hero-details{
    padding-top: 1.5rem;
  }
  :where(html[data-dm-css~="s11"]) .page-home .c-home-hero-details .c-hero__actions, :where(html[data-dm-css~="s11"]).page-home .c-home-hero-details .c-hero__actions{
    margin-top: 0;
  }
}


/* home-introduction.css | original cascade position 13 */
/* Scoped homepage introduction showcase. */
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction{background:#f5f3ee; color:#142238; padding-block:100px; text-align:center;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction h2, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction h2{font-size:clamp(1.8rem,3vw,3rem); line-height:1.18; margin:0 auto 1.25rem;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction h2 span, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction h2 span{color:#27689e;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction h2::after, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction h2::after{content:""; display:block; width:3.25rem; height:4px; background:#f2b200; margin:1.25rem auto 0;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction .c-lead, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction .c-lead{max-width:54rem; margin:0 auto; color:#142238;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__showcase, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__showcase{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:3.813248vw; row-gap:2rem; align-items:end; margin:2rem auto; width:100%; max-width:none;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item{min-width:0; margin:0;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item picture, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item picture{display:block;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item img, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:contain;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item figcaption, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item figcaption{font-size:1.125rem; font-weight:650; line-height:1.4; margin-top:.5rem; color:#142238;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__mobile-label, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__mobile-label{display:none;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__cta, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__cta{margin-top:1.5rem; gap:.75rem;}
@media (max-width:48rem) {
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction{text-align:center;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction h2, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction h2{text-align:center;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction .c-lead, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction .c-lead{margin-inline:auto;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__showcase, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__showcase{grid-template-columns:minmax(0,1fr); max-width:32rem; margin:1.25rem auto 1.75rem;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item--side, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item--side{display:none;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__item figcaption, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__item figcaption{text-align:center;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__desktop-label, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__desktop-label{display:none;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__mobile-label, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__mobile-label{display:inline;}
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction__cta, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction__cta{max-width:100%; white-space:normal;}
}

/* Distinguish featured work from the white introduction. */
:where(html[data-dm-css~="s12"]) .page-home .c-home-featured-work, :where(html[data-dm-css~="s12"]).page-home .c-home-featured-work{background:var(--color-surface-soft);}

/* Use viewport width rather than the global fixed container limit. */
@media (min-width:48.001rem) {
 :where(html[data-dm-css~="s12"]) .page-home .c-home-introduction > .l-container, :where(html[data-dm-css~="s12"]).page-home .c-home-introduction > .l-container{width:80vw; max-width:80vw; margin-inline:auto; padding-inline:0;}
}

/* Expectation cards retain the former section surface. */
:where(html[data-dm-css~="s12"]) .page-home .c-home-expect, :where(html[data-dm-css~="s12"]).page-home .c-home-expect{background:#f5f3ee;}
:where(html[data-dm-css~="s12"]) .page-home .c-home-expect .c-card, :where(html[data-dm-css~="s12"]).page-home .c-home-expect .c-card{background:var(--color-surface-soft);}


/* home-section-alignment.css | original cascade position 14 */
/* Homepage section alignment only; card content retains its existing alignment. */
:where(html[data-dm-css~="s13"]) .page-home :is(.c-home-featured-work,.c-home-services,.c-home-expect) .c-section-heading, :where(html[data-dm-css~="s13"]).page-home :is(.c-home-featured-work,.c-home-services,.c-home-expect) .c-section-heading{
 text-align:center; margin-inline:auto;
}
:where(html[data-dm-css~="s13"]) .page-home :is(.c-home-featured-work,.c-home-services,.c-home-expect) .c-section-heading > :is(h2,p), :where(html[data-dm-css~="s13"]).page-home :is(.c-home-featured-work,.c-home-services,.c-home-expect) .c-section-heading > :is(h2,p){
 margin-inline:auto;
}
:where(html[data-dm-css~="s13"]) .page-home :is(.c-home-featured-work,.c-home-services) > .l-container > .c-button-row, :where(html[data-dm-css~="s13"]).page-home :is(.c-home-featured-work,.c-home-services) > .l-container > .c-button-row{
 justify-content:center; text-align:center;
}
:where(html[data-dm-css~="s13"]) .page-home .c-quote-band__inner, :where(html[data-dm-css~="s13"]).page-home .c-quote-band__inner{
 flex-direction:column; align-items:center; text-align:center;
}
:where(html[data-dm-css~="s13"]) .page-home .c-quote-band__inner > div, :where(html[data-dm-css~="s13"]).page-home .c-quote-band__inner > div{width:100%; max-width:54rem;}
:where(html[data-dm-css~="s13"]) .page-home .c-quote-band__inner :is(h2,p), :where(html[data-dm-css~="s13"]).page-home .c-quote-band__inner :is(h2,p){margin-inline:auto;}
:where(html[data-dm-css~="s13"]) .page-home .c-quote-band__inner > .c-button, :where(html[data-dm-css~="s13"]).page-home .c-quote-band__inner > .c-button{align-self:center;}
@media (max-width:48rem) {
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy, :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy{text-align:center;}
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy > :is(h2,p), :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy > :is(h2,p){margin-inline:auto;}
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy > .c-button-row, :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy > .c-button-row{justify-content:center; text-align:center;}
}

/* Desktop homepage alignment and additional CTA spacing. */
@media (min-width:48.001rem) {
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy, :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy{ text-align:center; }
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy > :is(h2,p), :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy > :is(h2,p){ margin-inline:auto; }
 :where(html[data-dm-css~="s13"]) .page-home .c-home-hbsos__copy > .c-button-row, :where(html[data-dm-css~="s13"]).page-home .c-home-hbsos__copy > .c-button-row{ justify-content:center; }
 :where(html[data-dm-css~="s13"]) .page-home .c-home-expect .c-card, :where(html[data-dm-css~="s13"]).page-home .c-home-expect .c-card{ text-align:center; }
 :where(html[data-dm-css~="s13"]) .page-home .c-home-expect .c-card__index, :where(html[data-dm-css~="s13"]).page-home .c-home-expect .c-card__index{ margin-inline:auto; }
 :where(html[data-dm-css~="s13"]) .page-home .c-home-expect > .l-container > p:last-child, :where(html[data-dm-css~="s13"]).page-home .c-home-expect > .l-container > p:last-child{ text-align:center; padding-top:40px; }
}


/* service-card-refinements.css | original cascade position 15 */
/* Requested card, service and button refinements. */
:where(html[data-dm-css~="s14"]) .page-home .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s14"]).page-home .c-home-featured-work .c-work-card,
:where(html[data-dm-css~="s14"]) .page-work .c-work-card, :where(html[data-dm-css~="s14"]).page-work .c-work-card{border-radius:0;}
:where(html[data-dm-css~="s14"]) .dm-service-icon, :where(html[data-dm-css~="s14"]).dm-service-icon{display:block; width:3.5rem; height:3.5rem; margin-bottom:1.25rem; color:var(--color-action);}
:where(html[data-dm-css~="s14"]) .dm-icon-accent, :where(html[data-dm-css~="s14"]).dm-icon-accent{stroke:#f2b200;}
:where(html[data-dm-css~="s14"]) .dm-icon-nucleus, :where(html[data-dm-css~="s14"]).dm-icon-nucleus{fill:#f2b200; stroke:none;}
:where(html[data-dm-css~="s14"]) .page-home .c-home-services .c-card--emphasis, :where(html[data-dm-css~="s14"]).page-home .c-home-services .c-card--emphasis{background:var(--dm-surface); color:var(--dm-ink); border:var(--card-border);}
:where(html[data-dm-css~="s14"]) .page-home .c-home-services .c-card--emphasis :is(h3,p,a), :where(html[data-dm-css~="s14"]).page-home .c-home-services .c-card--emphasis :is(h3,p,a){color:var(--dm-ink);}
:where(html[data-dm-css~="s14"]) .page-home .c-home-expect > .l-container > p:last-child, :where(html[data-dm-css~="s14"]).page-home .c-home-expect > .l-container > p:last-child{text-align:center; margin-top:2rem;}
:where(html[data-dm-css~="s14"]) .page-services .dm-service-fit, :where(html[data-dm-css~="s14"]).page-services .dm-service-fit{background:#f5f3ee;}
:where(html[data-dm-css~="s14"]) .page-services .dm-service-fit .c-route-card, :where(html[data-dm-css~="s14"]).page-services .dm-service-fit .c-route-card{display:flex; flex-direction:column; background:var(--color-surface-soft); transform:none; box-shadow:none;}
:where(html[data-dm-css~="s14"]) .page-services .dm-service-fit .c-route-card h3, :where(html[data-dm-css~="s14"]).page-services .dm-service-fit .c-route-card h3{font-size:var(--font-size-h3); font-weight:700; line-height:1.2; margin:0 0 1rem;}
:where(html[data-dm-css~="s14"]) .page-services .dm-service-fit .c-route-card p, :where(html[data-dm-css~="s14"]).page-services .dm-service-fit .c-route-card p{font-size:var(--font-size-body); font-weight:400; color:var(--color-text);}
:where(html[data-dm-css~="s14"]) .page-services .dm-service-fit .c-route-card .c-button, :where(html[data-dm-css~="s14"]).page-services .dm-service-fit .c-route-card .c-button{align-self:flex-start; margin-top:auto; color:#f5f3ee;}
:where(html[data-dm-css~="s14"]) .page-services .dm-connected-system-button, :where(html[data-dm-css~="s14"]).page-services .dm-connected-system-button{margin-top:20px;}
:where(html[data-dm-css~="s14"]) .page-services .c-card > .c-button--primary, :where(html[data-dm-css~="s14"]).page-services .c-card > .c-button--primary{align-self:flex-start; margin-top:auto; color:#f5f3ee; background:var(--color-action); border-color:var(--color-action);}
:where(html[data-dm-css~="s14"]) .page-services .c-card > .c-button--primary:hover, :where(html[data-dm-css~="s14"]).page-services .c-card > .c-button--primary:hover{background:var(--color-action-hover); border-color:var(--color-action-hover);}
:where(html[data-dm-css~="s14"]) .page-services .dm-design-support-layout, :where(html[data-dm-css~="s14"]).page-services .dm-design-support-layout{align-items:start;}
:where(html[data-dm-css~="s14"]) .page-services .dm-design-support-image, :where(html[data-dm-css~="s14"]).page-services .dm-design-support-image{margin:0; width:100%;}
:where(html[data-dm-css~="s14"]) .page-services .dm-design-support-image img, :where(html[data-dm-css~="s14"]).page-services .dm-design-support-image img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover;}
:where(html[data-dm-css~="s14"]) .page-services .dm-design-support-examples, :where(html[data-dm-css~="s14"]).page-services .dm-design-support-examples{margin-top:2rem;}
@media(max-width:48rem) {
 :where(html[data-dm-css~="s14"]) .page-services .dm-design-support-layout, :where(html[data-dm-css~="s14"]).page-services .dm-design-support-layout{display:grid; grid-template-columns:minmax(0,1fr); gap:2rem;}
}

/* Fresh homepage updates. */
:where(html[data-dm-css~="s14"]) .page-home .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s14"]).page-home .c-home-featured-work .c-work-card{ text-align:center; }
:where(html[data-dm-css~="s14"]) .page-home .c-home-featured-work .c-work-card__body, :where(html[data-dm-css~="s14"]).page-home .c-home-featured-work .c-work-card__body{ align-items:center; }
:where(html[data-dm-css~="s14"]) .page-home .c-home-featured-work .c-work-card__cta, :where(html[data-dm-css~="s14"]).page-home .c-home-featured-work .c-work-card__cta{ align-self:center; }
:where(html[data-dm-css~="s14"]) .page-home .c-home-services .c-card > .c-button--primary, :where(html[data-dm-css~="s14"]).page-home .c-home-services .c-card > .c-button--primary{ align-self:center; color:#f5f3ee; background:var(--color-action); border-color:var(--color-action); border-radius:var(--button-radius); }
:where(html[data-dm-css~="s14"]) .page-home .c-home-services .c-card > .c-button--primary:hover, :where(html[data-dm-css~="s14"]).page-home .c-home-services .c-card > .c-button--primary:hover{ color:#f5f3ee; background:var(--color-action-hover); border-color:var(--color-action-hover); }
@media (min-width:48.001rem) {
 :where(html[data-dm-css~="s14"]) .page-home .c-home-services .c-card, :where(html[data-dm-css~="s14"]).page-home .c-home-services .c-card{ text-align:center; }
 :where(html[data-dm-css~="s14"]) .page-home .c-home-services .dm-service-icon, :where(html[data-dm-css~="s14"]).page-home .c-home-services .dm-service-icon{ margin-inline:auto; }
 :where(html[data-dm-css~="s14"]) .page-home .c-home-expect > .l-container > .dm-expect-cta, :where(html[data-dm-css~="s14"]).page-home .c-home-expect > .l-container > .dm-expect-cta{ display:flex; justify-content:center; width:100%; max-width:none; margin-inline:auto; }
}


/* work-hbsos-section-updates.css | original cascade position 16 */
/* Scoped work and HBSOS section updates. */
:where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta{ color: var(--dm-ink); background: #f5f3ee; }
:where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta .c-eyebrow, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta .c-eyebrow{ color: var(--dm-blue); }
:where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta h2, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta h2{ color: var(--dm-ink); }
:where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta .c-quote-band__inner, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta .c-quote-band__inner{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: clamp(24px,4vw,72px); }
:where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta .c-button, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta .c-button{ margin-top: 24px; }
:where(html[data-dm-css~="s15"]) .page-work .dm-work-placeholder, :where(html[data-dm-css~="s15"]).page-work .dm-work-placeholder{ width: 100%; aspect-ratio: 16 / 9; background: #dce4ea; }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-status, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-status,
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark{ background: var(--dm-midnight); }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-status .c-card--dark, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-status .c-card--dark{ background: var(--dm-surface); color: var(--dm-ink); border-color: var(--color-border); }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-status .c-card--dark p, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-status .c-card--dark p{ color: var(--dm-ink); }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-status .c-card--dark .c-eyebrow, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-status .c-card--dark .c-eyebrow{ color: var(--dm-blue-strong); }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark{ color: #f5f3ee; }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark :is(h2,h3), :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark :is(h2,h3){ color: #f5f3ee; }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark p, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark p{ color: #e1e7ef; }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark .c-eyebrow, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark .c-eyebrow,
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark .c-steps__item::before, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark .c-steps__item::before{ color: #d4e1ec; }
:where(html[data-dm-css~="s15"]) .page-hbsos .dm-hbsos-dark .c-steps__item, :where(html[data-dm-css~="s15"]).page-hbsos .dm-hbsos-dark .c-steps__item{ border-color: #536171; }
@media (max-width: 48rem) { :where(html[data-dm-css~="s15"]) .page-work .dm-work-website-cta .c-quote-band__inner, :where(html[data-dm-css~="s15"]).page-work .dm-work-website-cta .c-quote-band__inner{ grid-template-columns: minmax(0,1fr); } }


/* white-sections.css | original cascade position 17 */
/* White homepage sections and mobile hero surfaces. */
:where(html[data-dm-css~="s16"]) .page-home :is(.c-home-featured-work, .c-quote-band), :where(html[data-dm-css~="s16"]).page-home :is(.c-home-featured-work, .c-quote-band){
  color: var(--dm-ink);
  background: #f5f3ee;
}

/* Update 50: these three sections stay white across all viewport sizes,
   including when the shared section-background stylesheet loads later. */
:where(html[data-dm-css~="s16"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta), :where(html[data-dm-css~="s16"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta){
  color: #082c4a !important;
  background: #f5f3ee !important;
}
:where(html[data-dm-css~="s16"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(h2, h3, p, .c-eyebrow, .c-tag), :where(html[data-dm-css~="s16"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(h2, h3, p, .c-eyebrow, .c-tag){
  color: #082c4a !important;
}
:where(html[data-dm-css~="s16"]) .page-home .c-home-featured-work :is(.c-work-card, .c-work-card__body, .c-tag), :where(html[data-dm-css~="s16"]).page-home .c-home-featured-work :is(.c-work-card, .c-work-card__body, .c-tag){
  background: transparent !important;
}
:where(html[data-dm-css~="s16"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline), :where(html[data-dm-css~="s16"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline){
  color: #f5f3ee !important;
  background: #082c4a !important;
  border-color: #082c4a !important;
}
:where(html[data-dm-css~="s16"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline):hover, :where(html[data-dm-css~="s16"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(.c-button, .c-victor-inline):hover{
  color: #f5f3ee !important;
  background: #1f4665 !important;
  border-color: #1f4665 !important;
}
:where(html[data-dm-css~="s16"]) :is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(a, button):focus-visible, :where(html[data-dm-css~="s16"]):is(.page-home .c-home-featured-work, .page-home main > .c-quote-band, .page-work .dm-work-website-cta) :is(a, button):focus-visible{
  outline: 3px solid #082c4a;
  outline-offset: 4px;
}
:where(html[data-dm-css~="s16"]) .page-home :is(.c-home-featured-work, .c-quote-band) :is(h2, h3, p), :where(html[data-dm-css~="s16"]).page-home :is(.c-home-featured-work, .c-quote-band) :is(h2, h3, p){
  color: var(--dm-ink);
}
:where(html[data-dm-css~="s16"]) .page-home :is(.c-home-featured-work, .c-quote-band) .c-eyebrow, :where(html[data-dm-css~="s16"]).page-home :is(.c-home-featured-work, .c-quote-band) .c-eyebrow{
  color: var(--dm-blue);
}
:where(html[data-dm-css~="s16"]) .page-home .c-quote-band .c-button--light, :where(html[data-dm-css~="s16"]).page-home .c-quote-band .c-button--light{
  color: #f5f3ee;
  border-color: var(--dm-blue);
  background: var(--dm-blue);
}
:where(html[data-dm-css~="s16"]) .page-home .c-quote-band .c-button--light:hover, :where(html[data-dm-css~="s16"]).page-home .c-quote-band .c-button--light:hover{
  border-color: var(--dm-blue-strong);
  background: var(--dm-blue-strong);
}

/* Phones only. The existing tablet and desktop treatments are preserved. */
@media (max-width: 767px) {
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero), :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero){
    color: var(--dm-ink) !important;
    background: #f5f3ee !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::before, :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::before,
:where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::after, :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero)::after{
    display: none !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(h1, h2, h3, p:not(.c-eyebrow), .c-service-line, .c-check-list li), :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(h1, h2, h3, p:not(.c-eyebrow), .c-service-line, .c-check-list li){
    color: var(--dm-ink) !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow), :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow){
    color: inherit !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) .c-eyebrow, :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) .c-eyebrow{
    color: var(--dm-blue) !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary), :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary){
    color: #f5f3ee !important;
    border-color: var(--dm-blue) !important;
    background: var(--dm-blue) !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary):hover, :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--light, .c-button--primary):hover{
    border-color: var(--dm-blue-strong) !important;
    background: var(--dm-blue-strong) !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary), :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary){
    color: var(--dm-ink) !important;
    border-color: var(--color-border-strong) !important;
    background: #f5f3ee !important;
  }
  :where(html[data-dm-css~="s16"]) :is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary):hover, :where(html[data-dm-css~="s16"]):is(.c-hero, .c-article-hero, .c-payment-hero, .c-simple-hero) :is(.c-button--ghost-light, .c-button--secondary):hover{
    color: var(--dm-blue-strong) !important;
    border-color: var(--dm-blue) !important;
    background: var(--color-accent-soft) !important;
  }
  :where(html[data-dm-css~="s16"]) .c-hero .c-hero__guidance, :where(html[data-dm-css~="s16"]).c-hero .c-hero__guidance{
    border-top-color: var(--color-border-strong);
  }
  :where(html[data-dm-css~="s16"]) .c-payment-hero .c-payment-methods > span, :where(html[data-dm-css~="s16"]).c-payment-hero .c-payment-methods > span,
:where(html[data-dm-css~="s16"]) .c-payment-hero .c-payment-security-card, :where(html[data-dm-css~="s16"]).c-payment-hero .c-payment-security-card{
    color: var(--dm-ink);
    border-color: var(--color-border-strong);
    background: #f5f3ee;
  }
  :where(html[data-dm-css~="s16"]) .c-payment-hero .c-payment-security-card__icon, :where(html[data-dm-css~="s16"]).c-payment-hero .c-payment-security-card__icon{
    color: var(--dm-blue);
    background: var(--color-accent-soft);
  }
}


/* ux-refinements.css | original cascade position 18 */
/* UX refinement: preserve the approved visual system and section layouts. */
:where(html[data-dm-css~="s17"]) .l-container, :where(html[data-dm-css~="s17"]).l-container{ max-width: 96rem; }
:where(html[data-dm-css~="s17"]) .c-button, :where(html[data-dm-css~="s17"]).c-button{ max-width: 100%; white-space: normal; text-align: center; overflow-wrap: break-word; }
:where(html[data-dm-css~="s17"]) .c-site-nav__link, :where(html[data-dm-css~="s17"]).c-site-nav__link,
:where(html[data-dm-css~="s17"]) .c-site-nav__trigger, :where(html[data-dm-css~="s17"]).c-site-nav__trigger,
:where(html[data-dm-css~="s17"]) .c-text-link, :where(html[data-dm-css~="s17"]).c-text-link,
:where(html[data-dm-css~="s17"]) .c-copy-button, :where(html[data-dm-css~="s17"]).c-copy-button{ min-height: 44px; }
:where(html[data-dm-css~="s17"]) .c-copy-button, :where(html[data-dm-css~="s17"]).c-copy-button{ min-width: 44px; }
:where(html[data-dm-css~="s17"]) :is(.l-grid, .l-split, .c-form-shell, .dm-hbsos-split, .dm-website-split) > *, :where(html[data-dm-css~="s17"]):is(.l-grid, .l-split, .c-form-shell, .dm-hbsos-split, .dm-website-split) > *{ min-width: 0; }
:where(html[data-dm-css~="s17"]) :is(.c-field, .c-form-card) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea), :where(html[data-dm-css~="s17"]):is(.c-field, .c-form-card) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea){ max-width: 100%; }
:where(html[data-dm-css~="s17"]) :is(h1,h2,h3,p,li,dd,.c-button), :where(html[data-dm-css~="s17"]):is(h1,h2,h3,p,li,dd,.c-button){ overflow-wrap: break-word; }
:where(html[data-dm-css~="s17"]) .c-field small, :where(html[data-dm-css~="s17"]).c-field small,
:where(html[data-dm-css~="s17"]) .c-form-feedback, :where(html[data-dm-css~="s17"]).c-form-feedback{ overflow-wrap: anywhere; }
:where(html[data-dm-css~="s17"]) .c-form-card, :where(html[data-dm-css~="s17"]).c-form-card{ border-radius: 0; box-shadow: none; }
:where(html[data-dm-css~="s17"]) .c-form-human-check, :where(html[data-dm-css~="s17"]).c-form-human-check{ margin-block: 24px; width: 100%; }
:where(html[data-dm-css~="s17"]) .c-form-feedback, :where(html[data-dm-css~="s17"]).c-form-feedback{ margin-top: 12px; color: var(--dm-ink); }
:where(html[data-dm-css~="s17"]) .c-form-feedback:empty, :where(html[data-dm-css~="s17"]).c-form-feedback:empty{ display: none; }
:where(html[data-dm-css~="s17"]) .c-form-fallback, :where(html[data-dm-css~="s17"]).c-form-fallback{ display: block; margin-block: 20px; padding: 16px; color: var(--dm-ink); background: var(--dm-surface); border-left: 0; }
:where(html[data-dm-css~="s17"]) .c-form-fallback a, :where(html[data-dm-css~="s17"]).c-form-fallback a{ text-decoration: underline; text-underline-offset: .2em; }
:where(html[data-dm-css~="s17"]) .c-filter-status, :where(html[data-dm-css~="s17"]).c-filter-status{ margin: -1.5rem 0 2rem; color: var(--dm-slate); font-size: var(--font-size-small); }
:where(html[data-dm-css~="s17"]) .c-site-nav__link[aria-current="page"], :where(html[data-dm-css~="s17"]).c-site-nav__link[aria-current="page"]{ font-weight: 800; }
:where(html[data-dm-css~="s17"]) :focus-visible, :where(html[data-dm-css~="s17"]):focus-visible{ outline: 3px solid var(--dm-blue); outline-offset: 3px; box-shadow: 0 0 0 3px #f5f3ee; }
:where(html[data-dm-css~="s17"]) .c-accordion summary:focus-visible, :where(html[data-dm-css~="s17"]).c-accordion summary:focus-visible{ outline-offset: -3px; }
:where(html[data-dm-css~="s17"]) .c-field :is(input,select,textarea):focus-visible, :where(html[data-dm-css~="s17"]).c-field :is(input,select,textarea):focus-visible{ border-color: var(--dm-blue); }
:where(html[data-dm-css~="s17"]) .c-accordion summary, :where(html[data-dm-css~="s17"]).c-accordion summary{ transition: color 160ms ease; }
:where(html[data-dm-css~="s17"]) .c-button--primary, :where(html[data-dm-css~="s17"]).c-button--primary{ box-shadow: 0 4px 12px rgb(39 104 158 / .14); }
:where(html[data-dm-css~="s17"]) .c-button--primary:hover, :where(html[data-dm-css~="s17"]).c-button--primary:hover{ box-shadow: 0 6px 16px rgb(39 104 158 / .2); }
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__actions .c-button--secondary, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__actions .c-button--secondary{ color: var(--dm-ink); border-color: #f5f3ee; background: #f5f3ee; }
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__actions .c-button--secondary:hover, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__actions .c-button--secondary:hover{ color: var(--dm-blue-strong); border-color: #f5f3ee; background: #d4e1ec; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 :where(html[data-dm-css~="s17"]) .c-card:has(.c-button), :where(html[data-dm-css~="s17"]).c-card:has(.c-button),
:where(html[data-dm-css~="s17"]) .c-work-card, :where(html[data-dm-css~="s17"]).c-work-card{ transition: border-color 180ms ease, box-shadow 180ms ease; }
 :where(html[data-dm-css~="s17"]) .c-card:has(.c-button):hover, :where(html[data-dm-css~="s17"]).c-card:has(.c-button):hover,
:where(html[data-dm-css~="s17"]) .c-work-card:hover, :where(html[data-dm-css~="s17"]).c-work-card:hover{ border-color: #91a7cf; box-shadow: 0 4px 14px rgb(7 17 31 / .06); }
 :where(html[data-dm-css~="s17"]) .c-accordion summary:hover, :where(html[data-dm-css~="s17"]).c-accordion summary:hover{ color: var(--dm-blue-strong); }
}
@media (hover: none), (pointer: coarse) {
 :where(html[data-dm-css~="s17"]) .fx-image-zoom:hover > img, :where(html[data-dm-css~="s17"]).fx-image-zoom:hover > img,
:where(html[data-dm-css~="s17"]) .fx-lift:hover, :where(html[data-dm-css~="s17"]).fx-lift:hover,
:where(html[data-dm-css~="s17"]) .c-route-card:hover, :where(html[data-dm-css~="s17"]).c-route-card:hover,
:where(html[data-dm-css~="s17"]) .c-button:hover, :where(html[data-dm-css~="s17"]).c-button:hover,
:where(html[data-dm-css~="s17"]) .c-payment-choice:hover, :where(html[data-dm-css~="s17"]).c-payment-choice:hover{ transform: none; }
 :where(html[data-dm-css~="s17"]) .c-text-link:hover::after, :where(html[data-dm-css~="s17"]).c-text-link:hover::after{ transform: none; }
 :where(html[data-dm-css~="s17"]) .c-site-nav__menu, :where(html[data-dm-css~="s17"]).c-site-nav__menu{ overscroll-behavior: contain; }
}
@media (min-width: 48.001rem) and (max-width: 64rem) {
 :where(html[data-dm-css~="s17"]) .l-grid--3, :where(html[data-dm-css~="s17"]).l-grid--3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
 :where(html[data-dm-css~="s17"]) .c-form-shell, :where(html[data-dm-css~="s17"]).c-form-shell,
:where(html[data-dm-css~="s17"]) .page-services .c-form-shell, :where(html[data-dm-css~="s17"]).page-services .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-contact .c-form-shell, :where(html[data-dm-css~="s17"]).page-contact .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-website-design .c-form-shell, :where(html[data-dm-css~="s17"]).page-website-design .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-marketing-strategy .c-form-shell, :where(html[data-dm-css~="s17"]).page-marketing-strategy .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-advertising .c-form-shell, :where(html[data-dm-css~="s17"]).page-advertising .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-social-media .c-form-shell, :where(html[data-dm-css~="s17"]).page-social-media .c-form-shell,
:where(html[data-dm-css~="s17"]) .page-start-hbsos .c-form-shell, :where(html[data-dm-css~="s17"]).page-start-hbsos .c-form-shell{ grid-template-columns: minmax(0, 1fr); }
 :where(html[data-dm-css~="s17"]) .c-form-aside, :where(html[data-dm-css~="s17"]).c-form-aside{ position: static; }
}
@media (max-width: 48rem) {
 :where(html[data-dm-css~="s17"]) .c-showcase-nav, :where(html[data-dm-css~="s17"]).c-showcase-nav{ scroll-padding-inline: 12px; }
 :where(html[data-dm-css~="s17"]) .c-form-card, :where(html[data-dm-css~="s17"]).c-form-card{ padding: 20px; }
 :where(html[data-dm-css~="s17"]) .c-field :is(input,select,textarea), :where(html[data-dm-css~="s17"]).c-field :is(input,select,textarea){ font-size: max(16px, 1em); }
 :where(html[data-dm-css~="s17"]) .c-payment-bank div, :where(html[data-dm-css~="s17"]).c-payment-bank div{ grid-template-columns: minmax(0,1fr); gap: 4px; }
 :where(html[data-dm-css~="s17"]) .c-payment-choice-grid, :where(html[data-dm-css~="s17"]).c-payment-choice-grid{ grid-template-columns: minmax(0,1fr); }
 :where(html[data-dm-css~="s17"]) .c-button-row, :where(html[data-dm-css~="s17"]).c-button-row{ align-items: stretch; }
}
@media (prefers-reduced-motion: reduce) {
 :where(html[data-dm-css~="s17"]) .fx-image-zoom:hover > img, :where(html[data-dm-css~="s17"]).fx-image-zoom:hover > img,
:where(html[data-dm-css~="s17"]) .fx-lift:hover, :where(html[data-dm-css~="s17"]).fx-lift:hover,
:where(html[data-dm-css~="s17"]) .c-route-card:hover, :where(html[data-dm-css~="s17"]).c-route-card:hover,
:where(html[data-dm-css~="s17"]) .c-button:hover, :where(html[data-dm-css~="s17"]).c-button:hover,
:where(html[data-dm-css~="s17"]) .c-payment-choice:hover, :where(html[data-dm-css~="s17"]).c-payment-choice:hover{ transform: none; }
}
@media (forced-colors: active) {
 :where(html[data-dm-css~="s17"]) :focus-visible, :where(html[data-dm-css~="s17"]):focus-visible{ outline: 3px solid Highlight; box-shadow: none; }
 :where(html[data-dm-css~="s17"]) .c-button, :where(html[data-dm-css~="s17"]).c-button,
:where(html[data-dm-css~="s17"]) .c-filter-bar__button, :where(html[data-dm-css~="s17"]).c-filter-bar__button{ border: 1px solid ButtonText; }
}

/* Buyer journey contracts: visible orientation, scoped choices and error recovery. */
:where(html[data-dm-css~="s17"]) .c-site-header__inner > .c-brand, :where(html[data-dm-css~="s17"]).c-site-header__inner > .c-brand{ min-width: 0; flex: 0 1 auto; }
:where(html[data-dm-css~="s17"]) .c-site-header__inner > .c-button, :where(html[data-dm-css~="s17"]).c-site-header__inner > .c-button{ flex: 0 0 auto; }
:where(html[data-dm-css~="s17"]) .c-brand__logo, :where(html[data-dm-css~="s17"]).c-brand__logo{ max-width: 100%; }
:where(html[data-dm-css~="s17"]) .c-site-nav__link[aria-current="page"], :where(html[data-dm-css~="s17"]).c-site-nav__link[aria-current="page"]{ text-decoration: none; }
:where(html[data-dm-css~="s17"]) .c-site-nav__trigger.is-active, :where(html[data-dm-css~="s17"]).c-site-nav__trigger.is-active{ text-decoration: none; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-nav__menu{ display: grid; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-nav__trigger{ display: none; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-header{ position: static; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-header__inner{ align-items: start; flex-wrap: wrap; padding-block: 1rem; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-nav{ flex-wrap: wrap; width: 100%; align-items: start; }
html:where([data-dm-css~="s17"]):not(.has-js) .c-site-nav__menu{ position: static; min-width: 0; box-shadow: none; }
:where(html[data-dm-css~="s17"]) .c-breadcrumb--page, :where(html[data-dm-css~="s17"]).c-breadcrumb--page{ display: block; margin-bottom: 0; padding-block: .35rem; color: var(--dm-slate); background: #f5f3ee; border-bottom: 1px solid var(--dm-border); font-size: .875rem; }
:where(html[data-dm-css~="s17"]) .c-breadcrumb--page > .l-container, :where(html[data-dm-css~="s17"]).c-breadcrumb--page > .l-container{ display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; }
:where(html[data-dm-css~="s17"]) .c-breadcrumb--page a, :where(html[data-dm-css~="s17"]).c-breadcrumb--page a{ display: inline-flex; align-items: center; min-height: 44px; }
:where(html[data-dm-css~="s17"]) .c-breadcrumb--page [aria-current], :where(html[data-dm-css~="s17"]).c-breadcrumb--page [aria-current]{ overflow-wrap: anywhere; }
:where(html[data-dm-css~="s17"]) figure.c-media-frame{ margin-inline: 0; }
:where(html[data-dm-css~="s17"]) .c-media-frame, :where(html[data-dm-css~="s17"]).c-media-frame{ min-width: 0; max-width: 100%; }
:where(html[data-dm-css~="s17"]) .c-showcase-layout > *, :where(html[data-dm-css~="s17"]).c-showcase-layout > *,
:where(html[data-dm-css~="s17"]) .c-media-placeholder, :where(html[data-dm-css~="s17"]).c-media-placeholder{ min-width: 0; max-width: 100%; }
:where(html[data-dm-css~="s17"]) .c-media-placeholder span, :where(html[data-dm-css~="s17"]).c-media-placeholder span{ min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
:where(html[data-dm-css~="s17"]) .c-showcase-nav, :where(html[data-dm-css~="s17"]).c-showcase-nav{ min-width: 0; max-width: 100%; }
:where(html[data-dm-css~="s17"]) .c-home-hero-intro, :where(html[data-dm-css~="s17"]).c-home-hero-intro{ max-width: 46ch; margin: 1.25rem auto 0; color: #f5f3ee; font-size: 1rem; line-height: 1.55; }
@media (min-width:48.001rem) {
 :where(html[data-dm-css~="s17"]) .page-home .c-home-hero-details .c-service-line .c-text-link, :where(html[data-dm-css~="s17"]).page-home .c-home-hero-details .c-service-line .c-text-link{ padding: .5rem .8rem; color: #f5f3ee; background: var(--dm-midnight); border-radius: var(--radius-sm); text-transform: none; letter-spacing: 0; }
}
:where(html[data-dm-css~="s17"]) .c-route-guidance, :where(html[data-dm-css~="s17"]).c-route-guidance{ display: flex; gap: 2rem; align-items: center; justify-content: space-between; margin-bottom: 2rem; padding: 1.5rem; border-left: 0; background: var(--dm-surface); }
:where(html[data-dm-css~="s17"]) .c-route-guidance p, :where(html[data-dm-css~="s17"]).c-route-guidance p{ margin: 0; max-width: 52ch; }
:where(html[data-dm-css~="s17"]) .c-route-guidance .c-button, :where(html[data-dm-css~="s17"]).c-route-guidance .c-button{ flex: 0 0 auto; }
:where(html[data-dm-css~="s17"]) .page-services .dm-service-fit .c-route-grid, :where(html[data-dm-css~="s17"]).page-services .dm-service-fit .c-route-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
:where(html[data-dm-css~="s17"]) .page-services .dm-service-fit .c-route-card--connected, :where(html[data-dm-css~="s17"]).page-services .dm-service-fit .c-route-card--connected{ grid-column: 1 / -1; border-top: 0; background: #f5f3ee; }
:where(html[data-dm-css~="s17"]) .page-services .dm-service-fit .c-route-card .c-button--secondary, :where(html[data-dm-css~="s17"]).page-services .dm-service-fit .c-route-card .c-button--secondary{ color: var(--dm-ink); background: #f5f3ee; }
:where(html[data-dm-css~="s17"]) .page-home .c-home-services .c-text-link, :where(html[data-dm-css~="s17"]).page-home .c-home-services .c-text-link{ margin-top: auto; align-self: center; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison, :where(html[data-dm-css~="s17"]).c-offer-comparison{ width: 100%; overflow-x: auto; margin-bottom: 1rem; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison table, :where(html[data-dm-css~="s17"]).c-offer-comparison table{ width: 100%; border-collapse: collapse; color: var(--dm-ink); background: #f5f3ee; font-size: 1rem; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison caption, :where(html[data-dm-css~="s17"]).c-offer-comparison caption{ padding: 1rem; text-align: left; font-weight: 700; background: var(--dm-surface); }
:where(html[data-dm-css~="s17"]) .c-offer-comparison :is(th,td), :where(html[data-dm-css~="s17"]).c-offer-comparison :is(th,td){ padding: 1rem; border-bottom: 1px solid var(--dm-border); text-align: left; vertical-align: top; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison thead, :where(html[data-dm-css~="s17"]).c-offer-comparison thead{ background: var(--dm-midnight); color: #f5f3ee; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison tbody th, :where(html[data-dm-css~="s17"]).c-offer-comparison tbody th{ font-weight: 600; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison a, :where(html[data-dm-css~="s17"]).c-offer-comparison a{ display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; }
:where(html[data-dm-css~="s17"]) .c-offer-choice-help, :where(html[data-dm-css~="s17"]).c-offer-choice-help{ margin: 0 0 2.5rem; }
:where(html[data-dm-css~="s17"]) .c-offer-detail, :where(html[data-dm-css~="s17"]).c-offer-detail{ margin-bottom: 1rem; border-top: 1px solid var(--dm-border); }
:where(html[data-dm-css~="s17"]) .c-offer-detail summary, :where(html[data-dm-css~="s17"]).c-offer-detail summary{ min-height: 44px; padding-block: .8rem; cursor: pointer; color: var(--dm-blue-strong); font-weight: 700; }
:where(html[data-dm-css~="s17"]) .c-offer-detail > .c-offer-answer, :where(html[data-dm-css~="s17"]).c-offer-detail > .c-offer-answer{ margin-top: 1rem; }
:where(html[data-dm-css~="s17"]) .c-offer-card, :where(html[data-dm-css~="s17"]).c-offer-card{ scroll-margin-top: 7rem; }
:where(html[data-dm-css~="s17"]) .c-offer-card .c-price--light, :where(html[data-dm-css~="s17"]).c-offer-card .c-price--light,
:where(html[data-dm-css~="s17"]) .c-offer-card .c-price__note--light, :where(html[data-dm-css~="s17"]).c-offer-card .c-price__note--light{ color: var(--dm-ink); }
:where(html[data-dm-css~="s17"]) .l-section--ink .c-card:not(.c-card--dark) .c-text-link--light, :where(html[data-dm-css~="s17"]).l-section--ink .c-card:not(.c-card--dark) .c-text-link--light{ color: var(--dm-blue-strong); }
:where(html[data-dm-css~="s17"]) .page-home .c-home-services .c-card--dark .c-text-link, :where(html[data-dm-css~="s17"]).page-home .c-home-services .c-card--dark .c-text-link{ color: #d4e1ec; }
:where(html[data-dm-css~="s17"]) .c-card__index, :where(html[data-dm-css~="s17"]).c-card__index{ color: var(--dm-blue-strong); }
:where(html[data-dm-css~="s17"]) .c-article-hero .c-eyebrow, :where(html[data-dm-css~="s17"]).c-article-hero .c-eyebrow,
:where(html[data-dm-css~="s17"]) .c-featured-insight .c-eyebrow, :where(html[data-dm-css~="s17"]).c-featured-insight .c-eyebrow{ color: #d4e1ec; }
:where(html[data-dm-css~="s17"]) .c-article-hero .c-meta, :where(html[data-dm-css~="s17"]).c-article-hero .c-meta{ color: #dce4ea; }
:where(html[data-dm-css~="s17"]) .c-hero--ink .c-media-placeholder span, :where(html[data-dm-css~="s17"]).c-hero--ink .c-media-placeholder span{ color: var(--dm-ink); }
:where(html[data-dm-css~="s17"]) .c-error-summary, :where(html[data-dm-css~="s17"]).c-error-summary{ margin: 0 0 1.5rem; padding: 1.25rem; border: 2px solid var(--status-error); background: var(--status-error-soft); color: var(--dm-ink); }
:where(html[data-dm-css~="s17"]) .c-error-summary p, :where(html[data-dm-css~="s17"]).c-error-summary p{ margin: 0; font-weight: 700; }
:where(html[data-dm-css~="s17"]) .c-error-summary ul, :where(html[data-dm-css~="s17"]).c-error-summary ul{ margin-block: .5rem 0; padding-left: 1.25rem; }
:where(html[data-dm-css~="s17"]) .c-error-summary a, :where(html[data-dm-css~="s17"]).c-error-summary a{ display: inline-flex; align-items: center; min-height: 44px; color: var(--status-error); text-decoration: underline; }
:where(html[data-dm-css~="s17"]) .c-field-error, :where(html[data-dm-css~="s17"]).c-field-error{ display: block; margin: .25rem 0; color: var(--status-error); font-size: .875rem; font-weight: 600; }
:where(html[data-dm-css~="s17"]) .c-field-error:empty, :where(html[data-dm-css~="s17"]).c-field-error:empty{ display: none; }
:where(html[data-dm-css~="s17"]) [aria-invalid="true"], :where(html[data-dm-css~="s17"])[aria-invalid="true"]{ border-color: var(--status-error); }
:where(html[data-dm-css~="s17"]) .c-form-card [data-form-next], :where(html[data-dm-css~="s17"]).c-form-card [data-form-next]{ display: none; }
:where(html[data-dm-css~="s17"]) .c-form-card.is-enhanced [data-form-next]:not([hidden]), :where(html[data-dm-css~="s17"]).c-form-card.is-enhanced [data-form-next]:not([hidden]){ display: inline-flex; }
:where(html[data-dm-css~="s17"]) .c-form-feedback a, :where(html[data-dm-css~="s17"]).c-form-feedback a,
:where(html[data-dm-css~="s17"]) .c-form-fallback a, :where(html[data-dm-css~="s17"]).c-form-fallback a{ display: inline-flex; align-items: center; min-height: 44px; }
:where(html[data-dm-css~="s17"]) :is(input,textarea,select,button,[tabindex]), :where(html[data-dm-css~="s17"]):is(input,textarea,select,button,[tabindex]){ scroll-margin-top: calc(var(--header-height) + 1.5rem); }
@media (max-width:48rem) {
 :where(html[data-dm-css~="s17"]) .l-container, :where(html[data-dm-css~="s17"]).l-container,
:where(html[data-dm-css~="s17"]) .l-narrow, :where(html[data-dm-css~="s17"]).l-narrow{ width: calc(100% - 40px); }
 :where(html[data-dm-css~="s17"]) .c-site-header__inner, :where(html[data-dm-css~="s17"]).c-site-header__inner{ gap: 1rem; }
 :where(html[data-dm-css~="s17"]) .c-site-header__inner > .c-button, :where(html[data-dm-css~="s17"]).c-site-header__inner > .c-button{ padding-inline: .75rem; font-size: .875rem; }
 :where(html[data-dm-css~="s17"]) .c-route-guidance, :where(html[data-dm-css~="s17"]).c-route-guidance{ display: block; }
 :where(html[data-dm-css~="s17"]) .l-split, :where(html[data-dm-css~="s17"]).l-split,
:where(html[data-dm-css~="s17"]) .c-showcase-layout, :where(html[data-dm-css~="s17"]).c-showcase-layout{ grid-template-columns: minmax(0,1fr); }
 :where(html[data-dm-css~="s17"]) body:not(.page-home) .c-hero__copy{ display: block; }
 :where(html[data-dm-css~="s17"]) body:not(.page-home) .c-hero__copy > *{ order: initial; }
 :where(html[data-dm-css~="s17"]) body:not(.page-home) .c-hero__inner > :is(.c-media-frame,.c-hero__visual){ order: initial; margin-top: 2rem; }
 :where(html[data-dm-css~="s17"]) .c-form-aside, :where(html[data-dm-css~="s17"]).c-form-aside{ order: initial; }
 :where(html[data-dm-css~="s17"]) .c-article-hero .c-breadcrumb, :where(html[data-dm-css~="s17"]).c-article-hero .c-breadcrumb{ color: var(--dm-ink); }
 :where(html[data-dm-css~="s17"]) .c-hero .c-project-facts :is(li,strong), :where(html[data-dm-css~="s17"]).c-hero .c-project-facts :is(li,strong){ color: var(--dm-ink); }
 :where(html[data-dm-css~="s17"]) .c-route-guidance .c-button, :where(html[data-dm-css~="s17"]).c-route-guidance .c-button{ margin-top: 1rem; width: 100%; }
 :where(html[data-dm-css~="s17"]) .page-services .dm-service-fit .c-route-grid, :where(html[data-dm-css~="s17"]).page-services .dm-service-fit .c-route-grid{ grid-template-columns: minmax(0,1fr); }
 :where(html[data-dm-css~="s17"]) .c-offer-comparison :is(th,td), :where(html[data-dm-css~="s17"]).c-offer-comparison :is(th,td){ padding: .75rem .5rem; overflow-wrap: anywhere; }
 :where(html[data-dm-css~="s17"]) .c-offer-comparison table, :where(html[data-dm-css~="s17"]).c-offer-comparison table{ font-size: .875rem; table-layout: fixed; }
 :where(html[data-dm-css~="s17"]) .c-offer-comparison thead th:first-child, :where(html[data-dm-css~="s17"]).c-offer-comparison thead th:first-child{ width: 36%; }
 :where(html[data-dm-css~="s17"]) .c-offer-comparison thead th:nth-child(2), :where(html[data-dm-css~="s17"]).c-offer-comparison thead th:nth-child(2){ width: 36%; }
 :where(html[data-dm-css~="s17"]) .c-offer-comparison thead th:last-child, :where(html[data-dm-css~="s17"]).c-offer-comparison thead th:last-child{ width: 28%; }
}

/* Menu states retain their background and keyboard outline without underline decoration. */
:where(html[data-dm-css~="s17"]) .c-site-nav :is(a,button,a:hover,button:hover,a:focus,button:focus,a:focus-visible,button:focus-visible), :where(html[data-dm-css~="s17"]).c-site-nav :is(a,button,a:hover,button:hover,a:focus,button:focus,a:focus-visible,button:focus-visible){ text-decoration: none; }
/* Keep top-level labels on one line after restoring Home and Payments. */
@media (min-width: 80.001rem) {
 :where(html[data-dm-css~="s17"]) .c-site-header__inner, :where(html[data-dm-css~="s17"]).c-site-header__inner{ gap: 1rem; }
 :where(html[data-dm-css~="s17"]) .c-site-nav > .c-site-nav__link, :where(html[data-dm-css~="s17"]).c-site-nav > .c-site-nav__link,
:where(html[data-dm-css~="s17"]) .c-site-nav > .c-site-nav__group > .c-site-nav__trigger, :where(html[data-dm-css~="s17"]).c-site-nav > .c-site-nav__group > .c-site-nav__trigger{ padding-inline: .5rem; white-space: nowrap; }
 :where(html[data-dm-css~="s17"]) .c-site-nav > .c-site-header__cta, :where(html[data-dm-css~="s17"]).c-site-nav > .c-site-header__cta{ padding-inline: 1rem; white-space: nowrap; }
}

/* Homepage revision: left alignment, deliberate spacing and a dark approach. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-services .c-card, :where(html[data-dm-css~="s17"]).page-home .c-home-services .c-card{
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-services .c-card > :is(.c-text-link, .c-button), :where(html[data-dm-css~="s17"]).page-home .c-home-services .c-card > :is(.c-text-link, .c-button){
  align-self: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background :is(.c-hero__copy, .c-home-hero-heading, .c-home-hero-text, .c-home-hero-followup, .c-home-hero-details, .c-service-line, h1), :where(html[data-dm-css~="s17"]).page-home .c-hero--background :is(.c-hero__copy, .c-home-hero-heading, .c-home-hero-text, .c-home-hero-followup, .c-home-hero-details, .c-service-line, h1){
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-logo, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-logo{
  margin-inline: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background :is(h1, .c-eyebrow, .c-home-hero-intro, .c-service-line, .c-victor-inline), :where(html[data-dm-css~="s17"]).page-home .c-hero--background :is(h1, .c-eyebrow, .c-home-hero-intro, .c-service-line, .c-victor-inline){
  margin-left: 0;
  margin-right: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__actions, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__actions{
  justify-content: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__cta, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__cta{
  margin-top: calc(1.5rem + 20px);
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-button-row, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-button-row{
  margin-top: calc(var(--space-6) + 30px);
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-button-row > .c-button--secondary, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-button-row > .c-button--secondary{
  color: #f5f3ee;
  background: #082c4a;
  border-color: #082c4a;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-button-row > .c-button--secondary:hover, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-button-row > .c-button--secondary:hover{
  color: #f5f3ee;
  background: #051c30;
  border-color: #051c30;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-approach, :where(html[data-dm-css~="s17"]).page-home .c-home-approach{
  --color-text: #f5f3ee;
  --color-text-soft: #e0e0e0;
  --color-text-muted: #d0d0d0;
  --color-border: #737373;
  --color-action: #d4e1ec;
  --dm-blue-strong: #d4e1ec;
  --dm-blue: #d4e1ec;
  color: #f5f3ee;
  background: #1f4665;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-approach :is(p, h2, h3), :where(html[data-dm-css~="s17"]).page-home .c-home-approach :is(p, h2, h3){
  color: #f5f3ee;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1,
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading .c-eyebrow, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading .c-eyebrow,
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup .c-home-hero-intro, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup .c-home-hero-intro{
  margin-left: 0;
  margin-right: 0;
}

/* Darker homepage section surfaces. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-services, :where(html[data-dm-css~="s17"]).page-home .c-home-services,
:where(html[data-dm-css~="s17"]) .page-home .c-home-approach, :where(html[data-dm-css~="s17"]).page-home .c-home-approach{
  background: #082c4a;
}

/* Homepage section spacing; compact call-to-action bands retain their spacing. */
@media screen {
  :where(html[data-dm-css~="s17"]) .page-home main > section.l-section, :where(html[data-dm-css~="s17"]).page-home main > section.l-section,
:where(html[data-dm-css~="s17"]) .page-home main > section.c-hero > .c-hero__inner, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero > .c-hero__inner{
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

/* Left-align all content in the homepage Services and Featured Work sections. */
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work), :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work),
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) :is(.c-section-heading, .c-card, .c-work-card__body, .c-tag, .c-button, .c-text-link, .c-victor-inline), :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) :is(.c-section-heading, .c-card, .c-work-card__body, .c-tag, .c-button, .c-text-link, .c-victor-inline){
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading, :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading,
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > :is(h2, p), :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > :is(h2, p){
  margin-inline: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card__body, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card__body{
  align-items: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) :is(.c-tag, .c-work-card__cta, .c-card > .c-button, .c-card > .c-text-link), :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) :is(.c-tag, .c-work-card__cta, .c-card > .c-button, .c-card > .c-text-link){
  align-self: flex-start;
  justify-content: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) > .l-container > .c-button-row, :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) > .l-container > .c-button-row{
  justify-content: flex-start;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) :is(.c-button, .c-victor-inline), :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) :is(.c-button, .c-victor-inline){
  justify-content: flex-start;
}

/* Centre only the Explore All Work button below the featured cards. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-button-row > a.c-button[href="work.html"], :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-button-row > a.c-button[href="work.html"]{
  margin-inline: auto;
  text-align: center;
  justify-content: center;
}

/* Featured Work: description, centred action, then cards. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-section-heading, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-section-heading{
  margin-bottom: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-featured-work-actions, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-featured-work-actions{
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Left-align the Featured Work action above the cards. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work > .l-container > .c-featured-work-actions > a.c-button[href="work.html"], :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work > .l-container > .c-featured-work-actions > a.c-button[href="work.html"]{
  margin-inline: 0;
  text-align: left;
  justify-content: flex-start;
}

/* Featured Work: flush image and copy edges with lighter card titles. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card{
  border: 0;
  padding: 0;
  box-shadow: none;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card__title, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card__title{
  padding: 0 0 24px;
  font-weight: 600;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card__body, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card__body{
  padding: 24px 0 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-tag, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-tag{
  padding-inline: 0;
}

/* Dark, square expectation cards with readable copy and number badges. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-card, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-card{
  background: #082c4a;
  border-radius: 0;
  color: #f5f3ee;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-card h3, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-card h3{
  color: #f5f3ee;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-card p, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-card p{
  color: #e0e0e0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-card__index, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-card__index{
  color: #d4e1ec;
  border-color: #d4e1ec;
  background: #082c4a;
}
/* Replace the HBSOS section background artwork with solid charcoal. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos{
  background: #082c4a;
}

/* Homepage typography: medium hero headings and regular content headings. */
:where(html[data-dm-css~="s17"]) .page-home main :is(h1, h2, h3), :where(html[data-dm-css~="s17"]).page-home main :is(h1, h2, h3){
  font-weight: 400;
}
:where(html[data-dm-css~="s17"]) .page-home main .c-hero :is(h1, h2, h3), :where(html[data-dm-css~="s17"]).page-home main .c-hero :is(h1, h2, h3){
  font-weight: 500;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card__title, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card__title{
  font-weight: 400;
}

/* Featured Work: white section with transparent card surfaces. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work{
  background: #f5f3ee;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-work-card, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-work-card{
  background: transparent;
}

/* HBSOS: align the content block and all copy/actions to the left. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__inner, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__inner{
  justify-content: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__copy, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__copy{
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__copy > :is(h2, p), :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__copy > :is(h2, p){
  margin-left: 0;
  margin-right: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__copy > .c-button-row, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__copy > .c-button-row{
  justify-content: flex-start;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-button, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-button{
  text-align: left;
  justify-content: flex-start;
}

/* HBSOS height follows its content, plus the governed section padding. */
:where(html[data-dm-css~="s17"]) .page-home main > section.c-home-hbsos, :where(html[data-dm-css~="s17"]).page-home main > section.c-home-hbsos{
  height: auto;
  min-height: 0;
  padding-top: 150px;
  padding-bottom: 150px;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__inner, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__inner{
  height: auto;
  min-height: 0;
}

/* Homepage introduction: left-aligned copy and a 5:4 image placeholder. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction > .c-home-introduction__layout, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction > .c-home-introduction__layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__copy, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__copy{
  min-width: 0;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__copy > :is(h2, p), :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__copy > :is(h2, p){
  margin-inline: 0;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__copy h2::after, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__copy h2::after{
  margin-left: 0;
  margin-right: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__copy > .c-home-introduction__closing, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__copy > .c-home-introduction__closing{
  margin-top: 24px;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__cta, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__cta{
  text-align: left;
  justify-content: flex-start;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-introduction .c-home-introduction__placeholder, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction .c-home-introduction__placeholder{
  width: 100%;
  aspect-ratio: 5 / 4;
  background: #e6e6e6;
}
@media (max-width: 64rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-home-introduction > .c-home-introduction__layout, :where(html[data-dm-css~="s17"]).page-home .c-home-introduction > .c-home-introduction__layout{
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Desktop homepage hero: content height plus 150px above and below. */
@media screen and (min-width: 70.01rem) {
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background{
    height: auto;
    min-height: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background > .c-hero__inner, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background > .c-hero__inner{
    height: auto;
    min-height: 0;
    padding-top: 150px;
    padding-bottom: 150px;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__copy{
    margin-block: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-text > .c-eyebrow, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-text > .c-eyebrow{
    margin-top: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-details > :last-child, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-details > :last-child{
    margin-bottom: 0;
  }
}

/* Give the Services and Featured Work headings the full container width. */
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading, :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading{
  max-width: none;
}
:where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > h2, :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > h2{
  max-width: none;
  text-wrap: wrap;
}
@media screen and (min-width: 70.01rem) {
  :where(html[data-dm-css~="s17"]) .page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > h2, :where(html[data-dm-css~="s17"]).page-home :is(.c-home-services, .c-home-featured-work) .c-section-heading > h2{
    white-space: nowrap;
  }
}

/* Featured Work service labels: plain charcoal text without highlight. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-featured-work .c-tag, :where(html[data-dm-css~="s17"]).page-home .c-home-featured-work .c-tag{
  color: #1f4665;
  background: transparent;
  border-radius: 0;
}

/* Expectations: left-aligned copy and cards, with the CTA before the cards. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect, :where(html[data-dm-css~="s17"]).page-home .c-home-expect,
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect :is(.c-section-heading, .c-card, h2, h3, p, .c-button), :where(html[data-dm-css~="s17"]).page-home .c-home-expect :is(.c-section-heading, .c-card, h2, h3, p, .c-button){
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-section-heading, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-section-heading{
  margin-inline: 0;
  margin-bottom: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-section-heading > :is(h2, p), :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-section-heading > :is(h2, p){
  margin-inline: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect > .l-container > .dm-expect-cta, :where(html[data-dm-css~="s17"]).page-home .c-home-expect > .l-container > .dm-expect-cta{
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 40px 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .dm-expect-cta > .c-button, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .dm-expect-cta > .c-button{
  justify-content: flex-start;
  align-self: flex-start;
  margin-inline: 0;
}

/* Expectations: copy and CTA beside a 5:4 placeholder, replacing the cards. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect > .c-home-expect__layout, :where(html[data-dm-css~="s17"]).page-home .c-home-expect > .c-home-expect__layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-home-expect__copy, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-home-expect__copy{
  min-width: 0;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-home-expect__copy > .dm-expect-cta, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-home-expect__copy > .dm-expect-cta{
  display: flex;
  justify-content: flex-start;
  max-width: none;
  margin: 40px 0 0;
  padding: 0;
  text-align: left;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-expect .c-home-expect__placeholder, :where(html[data-dm-css~="s17"]).page-home .c-home-expect .c-home-expect__placeholder{
  width: 100%;
  aspect-ratio: 5 / 4;
  background: #e6e6e6;
}
@media (max-width: 64rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-home-expect > .c-home-expect__layout, :where(html[data-dm-css~="s17"]).page-home .c-home-expect > .c-home-expect__layout{
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Homepage tablet/mobile: heading, artwork, then description and actions. */
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background{
    min-height: 0;
    background: #f5f3ee !important;
    color: #082c4a !important;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background::before, :where(html[data-dm-css~="s17"]).page-home .c-hero--background::before,
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background::after, :where(html[data-dm-css~="s17"]).page-home .c-hero--background::after,
:where(html[data-dm-css~="s17"]) .page-home .c-home-hero-heading::before, :where(html[data-dm-css~="s17"]).page-home .c-home-hero-heading::before{
    display: none !important;
    content: none;
  }
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background > .c-hero__inner, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background > .c-hero__inner{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    gap: 0;
    padding: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__copy, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__copy{
    display: contents;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading{
    display: block;
    order: 1;
    grid-area: auto;
    width: 100%;
    min-height: 0;
    padding: 50px 20px 32px;
    background: #f5f3ee;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-text, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-text{
    display: block;
    padding: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1{
    max-width: none;
    color: #082c4a !important;
    text-shadow: none;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading .c-eyebrow, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading .c-eyebrow{
    max-width: none;
    color: #1f4665 !important;
    text-shadow: none;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--blue, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--blue{
    color: #1f4665 !important;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--yellow, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--yellow{
    color: #76520a !important;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1 .c-home-hero-comma, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1 .c-home-hero-comma{
    color: #082c4a !important;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__inner > .c-media-frame--hero, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__inner > .c-media-frame--hero{
    display: block;
    order: 2;
    position: relative;
    grid-area: auto;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-media-frame--hero img, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-media-frame--hero img{
    position: static;
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    transform: none;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup{
    display: block;
    order: 3;
    grid-area: auto;
    padding: 32px 20px 0;
    background: #f5f3ee;
    color: #082c4a;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup .c-home-hero-intro, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup .c-home-hero-intro{
    color: #082c4a !important;
    margin: 0 0 24px;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup .c-hero__actions, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup .c-hero__actions{
    margin-top: 0;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-details, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-details{
    display: block;
    order: 4;
    grid-area: auto;
    padding: 32px 20px 50px;
    background: #f5f3ee;
    color: #082c4a;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-details p, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-details p{
    color: #082c4a !important;
  }
}

/* Plain charcoal homepage H1 when displayed above the artwork. */
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1,
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1 span, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1 span{
    color: #082c4a !important;
  }
}
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow, .c-home-hero-comma), :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading h1 :is(.c-hero-highlight--blue, .c-hero-highlight--yellow, .c-home-hero-comma){
    color: #082c4a !important;
  }
}

/* Homepage hero: 150px outer vertical padding at each layout size. */
@media screen and (min-width: 70.01rem) {
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background > .c-hero__inner, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background > .c-hero__inner{
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading{
    padding-top: 150px;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-details, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-details{
    padding-bottom: 150px;
  }
}
/* Match the adjacent white View My Work action. */
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__actions > .c-button--primary, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__actions > .c-button--primary{
  color: #082c4a !important;
  background: #f5f3ee !important;
  border-color: #f5f3ee !important;
}
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-hero__actions > .c-button--primary:hover, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-hero__actions > .c-button--primary:hover{
  color: #082c4a !important;
  background: #d4e1ec !important;
  border-color: #d4e1ec !important;
}

/* HBSOS: copy left and Brand Seed image right. */
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__inner, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__copy, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__copy{
  width: 100%;
  min-width: 0;
}
:where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__image, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__image{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: contain;
}
@media (max-width: 64rem) {
  :where(html[data-dm-css~="s17"]) .page-home .c-home-hbsos .c-home-hbsos__inner, :where(html[data-dm-css~="s17"]).page-home .c-home-hbsos .c-home-hbsos__inner{
    grid-template-columns: minmax(0, 1fr);
  }
}


/* Evidence first: retain expert breadth behind a native disclosure. */
:where(html[data-dm-css~="s17"]) .c-work-group-heading, :where(html[data-dm-css~="s17"]).c-work-group-heading{ margin-top: 2rem; }
:where(html[data-dm-css~="s17"]) .c-work-concepts, :where(html[data-dm-css~="s17"]).c-work-concepts{ margin-top: 3rem; padding-block: 1.5rem; border-block: 1px solid var(--dm-border); }
:where(html[data-dm-css~="s17"]) .c-work-concepts > summary, :where(html[data-dm-css~="s17"]).c-work-concepts > summary{ min-height: 44px; padding: .75rem 0; font-size: 1.25rem; font-weight: 500; cursor: pointer; }
:where(html[data-dm-css~="s17"]) .c-work-concepts > p, :where(html[data-dm-css~="s17"]).c-work-concepts > p{ max-width: 64ch; margin-block: 1rem 2rem; }
:where(html[data-dm-css~="s17"]) .c-work-concepts > summary:focus-visible, :where(html[data-dm-css~="s17"]).c-work-concepts > summary:focus-visible{ outline-offset: 3px; }
:where(html[data-dm-css~="s17"]) .c-site-nav__link[aria-current="page"], :where(html[data-dm-css~="s17"]).c-site-nav__link[aria-current="page"]{ text-decoration: underline; text-underline-offset: .3em; text-decoration-thickness: 2px; }
:where(html[data-dm-css~="s17"]) .c-site-nav__trigger.is-active, :where(html[data-dm-css~="s17"]).c-site-nav__trigger.is-active{ text-decoration: underline; text-underline-offset: .3em; }
:where(html[data-dm-css~="s17"]) .c-offer-comparison:focus-visible, :where(html[data-dm-css~="s17"]).c-offer-comparison:focus-visible{ outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { html:where([data-dm-css~="s17"]){ scroll-behavior: auto; } }

/* Small blue text on pale surfaces needs the stronger approved blue. */
:where(html[data-dm-css~="s17"]) .l-section--soft .c-eyebrow, :where(html[data-dm-css~="s17"]).l-section--soft .c-eyebrow,
:where(html[data-dm-css~="s17"]) .l-section--surface .c-eyebrow, :where(html[data-dm-css~="s17"]).l-section--surface .c-eyebrow,
:where(html[data-dm-css~="s17"]) .c-system-path__step span, :where(html[data-dm-css~="s17"]).c-system-path__step span,
:where(html[data-dm-css~="s17"]) .c-text-link, :where(html[data-dm-css~="s17"]).c-text-link{ color: var(--dm-blue-strong); }
:where(html[data-dm-css~="s17"]) .c-text-link--light, :where(html[data-dm-css~="s17"]).c-text-link--light{ color: #f5f3ee; }
:where(html[data-dm-css~="s17"]) .c-text-link--soft-light, :where(html[data-dm-css~="s17"]).c-text-link--soft-light{ color: #d4e1ec; }
:where(html[data-dm-css~="s17"]) .c-dark-feature .c-system-path__step span, :where(html[data-dm-css~="s17"]).c-dark-feature .c-system-path__step span{ color: #f2b200; }
:where(html[data-dm-css~="s17"]) button.c-text-link{ color: var(--dm-blue-strong); background: transparent; border: 0; padding-inline: 0; }
:where(html[data-dm-css~="s17"]) button.c-text-link:disabled{ color: var(--dm-slate); cursor: wait; }
:where(html[data-dm-css~="s17"]) .c-media-frame--panorama > figcaption, :where(html[data-dm-css~="s17"]).c-media-frame--panorama > figcaption{ color: #d4e1ec; }
/* Preserve the light treatment inside dark nested panels. */
:where(html[data-dm-css~="s17"]) .l-section--soft :is(.c-card--dark, .c-form-aside, .c-payment-summary) .c-eyebrow, :where(html[data-dm-css~="s17"]).l-section--soft :is(.c-card--dark, .c-form-aside, .c-payment-summary) .c-eyebrow,
:where(html[data-dm-css~="s17"]) .l-section--surface :is(.c-card--dark, .c-form-aside, .c-payment-summary) .c-eyebrow, :where(html[data-dm-css~="s17"]).l-section--surface :is(.c-card--dark, .c-form-aside, .c-payment-summary) .c-eyebrow{ color: #d4e1ec; }
:where(html[data-dm-css~="s17"]) button.c-text-link:disabled{ opacity: 1; }
:where(html[data-dm-css~="s17"]) .c-insight-mark, :where(html[data-dm-css~="s17"]).c-insight-mark{ color: #77859a; }

/* Responsive section rhythm: phone <768px, tablet 768–1120px. */
@media screen and (max-width: 1120px) {
  :root:where([data-dm-css~="s17"]){ --dm-section-padding: 80px; }
  :where(html[data-dm-css~="s17"]) main > section{ padding-block: var(--dm-section-padding) !important; }
  :where(html[data-dm-css~="s17"]) main > section.c-hero > .c-hero__inner{ padding-block: 0 !important; min-height: 0; }
  /* The home hero has separate heading/image/details blocks: apply outer
     spacing to its content blocks so the full-width image remains flush. */
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background{ padding-block: 0 !important; }
  :where(html[data-dm-css~="s17"]) .page-home main > section.c-hero--background > .c-hero__inner, :where(html[data-dm-css~="s17"]).page-home main > section.c-hero--background > .c-hero__inner{ padding-block: 0 !important; }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-heading, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-heading{ padding-top: var(--dm-section-padding) !important; }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-details, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-details{ padding-bottom: var(--dm-section-padding) !important; }
}
@media screen and (max-width: 767px) {
  :root:where([data-dm-css~="s17"]){ --dm-section-padding: 50px; }
}

/* Mobile home hero uses the authored sentence case. */
@media screen and (max-width: 767px) {
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background h1.c-home-hero-title, :where(html[data-dm-css~="s17"]).page-home .c-hero--background h1.c-home-hero-title,
:where(html[data-dm-css~="s17"]) .page-home .c-hero--background h1.c-home-hero-title *, :where(html[data-dm-css~="s17"]).page-home .c-hero--background h1.c-home-hero-title *{ text-transform: none !important; }
}

/* Phone hero actions match the site's charcoal buttons. */
@media screen and (max-width: 767px) {
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup .c-hero__actions > .c-button, :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup .c-hero__actions > .c-button{
    color: #f5f3ee !important;
    background: #082c4a !important;
    border-color: #082c4a !important;
  }
  :where(html[data-dm-css~="s17"]) .page-home .c-hero--background .c-home-hero-followup .c-hero__actions > .c-button:is(:hover, :active), :where(html[data-dm-css~="s17"]).page-home .c-hero--background .c-home-hero-followup .c-hero__actions > .c-button:is(:hover, :active){
    color: #f5f3ee !important;
    background: #082c4a !important;
    border-color: #082c4a !important;
  }
}


/* home-approach.css | original cascade position 19 */
/* Homepage approach only. Inherits the site's approved fonts and colour tokens. */
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach, :where(html[data-dm-css~="s18"]).page-home .c-home-approach{
  padding-block: clamp(3.5rem, 6vw, 6rem);
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__layout, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__layout{
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: start;
  gap: clamp(3rem, 6vw, 6rem);
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro{ min-width: 0; }
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro .c-eyebrow, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro .c-eyebrow{ margin-bottom: 1rem; }
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro h2, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro h2{
  max-width: 14em;
  margin-bottom: 1.25rem;
  font-size: clamp(2rem, 3.1vw, 3rem);
  line-height: 1.12;
  text-wrap: balance;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro .c-lead, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro .c-lead{
  max-width: 46ch;
  margin-bottom: 0;
  line-height: 1.6;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__person, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__person{
  display: grid;
  grid-template-columns: clamp(8rem, 14vw, 12rem) minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__photo, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__photo{ margin: 0; aspect-ratio: 1; }
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__photo img, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__photo img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__name, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__name{
  margin: 0 0 .35rem;
  color: var(--color-text);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__role, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__role{
  margin: 0 0 .65rem;
  font-size: 1rem;
  line-height: 1.5;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__link, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__link{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 44px;
  color: var(--dm-blue-strong);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__link:hover, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__link:hover{ text-decoration-thickness: 2px; }
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__link:focus-visible, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__link:focus-visible{
  outline: 3px solid var(--dm-blue);
  outline-offset: 4px;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__steps, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__steps{
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step{
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1.25rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-border);
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step:last-child, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step:last-child{
  border-bottom: 1px solid var(--color-border);
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__number, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__number{
  color: var(--dm-blue-strong);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step h3, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step h3{
  margin: 0 0 .6rem;
  font-size: clamp(1.25rem, 1.65vw, 1.5rem);
  line-height: 1.25;
}
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step p, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step p{
  max-width: 49ch;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.55;
}
@media (max-width: 64rem) {
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__layout, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__layout{
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro h2, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro h2{ max-width: 21em; }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__intro .c-lead, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__intro .c-lead{ max-width: 58ch; }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__person, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__person{ grid-template-columns: 8rem minmax(0, 1fr); }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step p, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step p{ max-width: 60ch; }
}
@media (max-width: 30rem) {
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__person, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__person{
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
  }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step{
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .75rem;
    padding-block: 1.25rem;
  }
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__number, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__number{ font-size: 1.5rem; }
}
@media print {
  :where(html[data-dm-css~="s18"]) .page-home .c-home-approach__step, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__step,
:where(html[data-dm-css~="s18"]) .page-home .c-home-approach__person, :where(html[data-dm-css~="s18"]).page-home .c-home-approach__person{ break-inside: avoid; }
}


/* home-service-icons.css | original cascade position 20 */
/* Isolated Digital Mastery service artwork, scoped to the homepage. */
:where(html[data-dm-css~="s19"]) .page-home .c-home-services .dm-service-icon--rendered, :where(html[data-dm-css~="s19"]).page-home .c-home-services .dm-service-icon--rendered{
  width:7rem;
  height:7rem;
  max-width:100%;
  object-fit:contain;
  flex:none;
}


/* mmt-image-refresh.css | original cascade position 21 */
/* My Most Trusted: show complete boards inside existing narrative layouts. */
:where(html[data-dm-css~="s20"]) .page-case-study--mmt .c-case-study-media.c-mmt-board, :where(html[data-dm-css~="s20"]).page-case-study--mmt .c-case-study-media.c-mmt-board{
  min-height: 0;
  aspect-ratio: 16 / 9;
}
:where(html[data-dm-css~="s20"]) .page-case-study--mmt .c-case-study-media.c-mmt-board img, :where(html[data-dm-css~="s20"]).page-case-study--mmt .c-case-study-media.c-mmt-board img{
  object-fit: contain;
  height: 100%;
}


/* soul-garden-hero.css | original cascade position 22 */
/* Soul Garden hero only. Existing page copy and shared styles are retained. */
:where(html[data-dm-css~="s21"]) .c-soul-garden-hero .fx-image-zoom:hover > img, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .fx-image-zoom:hover > img{ transform: none; }
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero, :where(html[data-dm-css~="s21"]).c-soul-garden-hero{ isolation: isolate; }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero::before, :where(html[data-dm-css~="s21"]).c-soul-garden-hero::before,
:where(html[data-dm-css~="s21"]) .c-soul-garden-hero::after, :where(html[data-dm-css~="s21"]).c-soul-garden-hero::after{ display: none; }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero.c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s21"]).c-soul-garden-hero.c-hero--compact .c-hero__inner{
    grid-template-columns: minmax(0, 1fr);
    min-height: max(42rem, 56.25vw);
    padding-block: clamp(2.5rem, 4vw, 5rem);
  }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-hero__copy, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-hero__copy{
    width: 100%;
    max-width: min(40rem, 44vw);
    z-index: 2;
  }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero > .c-hero__inner > .c-media-frame--hero, :where(html[data-dm-css~="s21"]).c-soul-garden-hero > .c-hero__inner > .c-media-frame--hero{
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: none;
    margin: 0;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-media-frame--hero img, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-media-frame--hero img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 70rem) {
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-media-frame--hero, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-media-frame--hero{
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-media-frame--hero img, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-media-frame--hero img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
/* Mobile copy stays in normal flow above the standalone portrait image. */
@media (max-width: 48rem) {
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero.c-hero--compact .c-hero__inner, :where(html[data-dm-css~="s21"]).c-soul-garden-hero.c-hero--compact .c-hero__inner{
    grid-template-columns: minmax(0, 1fr);
  }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-hero__copy, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-hero__copy{ display: block; }
  :where(html[data-dm-css~="s21"]) .c-soul-garden-hero .c-media-frame--hero, :where(html[data-dm-css~="s21"]).c-soul-garden-hero .c-media-frame--hero{
    position: relative;
    order: initial;
    margin-top: 2rem;
  }
}


/* section-hero-refinements-47.css | original cascade position 23 */
/* Section backgrounds and content-led desktop heroes: update 47. */
:where(html[data-dm-css~="s22"]) .l-section--ink:not(.c-home-hbsos), :where(html[data-dm-css~="s22"]).l-section--ink:not(.c-home-hbsos),
:where(html[data-dm-css~="s22"]) .c-quote-band, :where(html[data-dm-css~="s22"]).c-quote-band,
:where(html[data-dm-css~="s22"]) .c-home-featured-work, :where(html[data-dm-css~="s22"]).c-home-featured-work,
:where(html[data-dm-css~="s22"]) .c-home-services, :where(html[data-dm-css~="s22"]).c-home-services{
  background-color: #082c4a !important;
  background-image: none !important;
}
/* Use the full artwork instead of exposing the placeholder surface at fractional pixel widths. */
:where(html[data-dm-css~="s22"]) .page-website-design .dm-website-placeholder--wide, :where(html[data-dm-css~="s22"]).page-website-design .dm-website-placeholder--wide{
  aspect-ratio: auto;
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  object-fit: cover !important;
}
:where(html[data-dm-css~="s22"]) .page-website-design .dm-website-process .c-section-heading, :where(html[data-dm-css~="s22"]).page-website-design .dm-website-process .c-section-heading,
:where(html[data-dm-css~="s22"]) .page-website-design .dm-website-process h2, :where(html[data-dm-css~="s22"]).page-website-design .dm-website-process h2{
  max-width: none;
  width: 100%;
  text-wrap: wrap;
}
:where(html[data-dm-css~="s22"]) .page-website-design .dm-website-process .c-card__index, :where(html[data-dm-css~="s22"]).page-website-design .dm-website-process .c-card__index{ font-size: 1.5rem; }
@media (min-width: 70.01rem) {
  :where(html[data-dm-css~="s22"]) body:not(.page-home) main > :is(.c-hero, .c-simple-hero, .c-article-hero, .c-payment-hero){
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-block: 100px !important;
  }
  :where(html[data-dm-css~="s22"]) body:not(.page-home) :is(.c-hero__inner, .c-payment-hero__grid){
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-block: 0 !important;
  }
  :where(html[data-dm-css~="s22"]) body:not(.page-home) :is(.c-hero__copy, .c-article-hero > div, .c-simple-hero > div) > :last-child{ margin-bottom: 0; }
  :where(html[data-dm-css~="s22"]) body:not(.page-home) .c-hero__copy{ min-height: 0; height: auto; }
  /* In-flow side artwork stretches to the copy, rather than setting the hero height. */
  :where(html[data-dm-css~="s22"]) body:not(.page-home) .c-hero:not(.c-hero--background):not(.c-hero--split-background):not(.c-soul-garden-hero) .c-hero__inner > :is(.c-media-frame, .c-media-placeholder--hero){
    position: relative;
    align-self: stretch;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }
  :where(html[data-dm-css~="s22"]) body:not(.page-home) .c-hero:not(.c-hero--background):not(.c-hero--split-background):not(.c-soul-garden-hero) .c-hero__inner > .c-media-frame img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}


/* home-cutouts-54.css | original cascade position 24 */
/* Complete homepage object cutouts with their transparent safe margins. */
:where(html[data-dm-css~="s23"]) .page-home .c-home-introduction .c-home-introduction__placeholder, :where(html[data-dm-css~="s23"]).page-home .c-home-introduction .c-home-introduction__placeholder,
:where(html[data-dm-css~="s23"]) .page-home .c-home-expect .c-home-expect__placeholder, :where(html[data-dm-css~="s23"]).page-home .c-home-expect .c-home-expect__placeholder{
  background: transparent;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}


/* home-service-strip-60.css | original cascade position 25 */
/* Homepage service shortcuts, immediately below the hero. */
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip{background:#082c4a;color:#f5f3ee;border-bottom:1px solid #1f4665;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip__list, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin-block:0;padding-block:14px;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li{margin:0;min-width:0;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li+li, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li+li{border-left:1px solid #383838;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip a, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:12px 10px;color:#f5f3ee;text-align:center;text-decoration:none;font-size:18px;font-weight:500;line-height:1.4;transition:background-color .15s ease;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip svg, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip svg{display:block;flex-shrink:0;color:#f2b200;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip a:hover, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip a:hover{background:#262626;color:#f5f3ee;}
:where(html[data-dm-css~="s24"]) .page-home .dm-service-strip a:focus-visible, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip a:focus-visible{outline:2px solid #f2b200;outline-offset:-4px;background:#262626;}
@media(max-width:48rem) {
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip__list, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip__list{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:12px;}
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip a, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip a{min-height:100px;font-size:16px;}
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li+li, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li+li{border-left:0;}
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li:nth-child(even), :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li:nth-child(even){border-left:1px solid #383838;}
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li:nth-child(n+3), :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li:nth-child(n+3){border-top:1px solid #383838;}
 :where(html[data-dm-css~="s24"]) .page-home .dm-service-strip li:last-child, :where(html[data-dm-css~="s24"]).page-home .dm-service-strip li:last-child{grid-column:1/-1;}
}

/* Remove the hero divider above the service strip. */
:where(html[data-dm-css~="s24"]) .page-home main > .c-hero--background, :where(html[data-dm-css~="s24"]).page-home main > .c-hero--background{ border-bottom: 0; }


/* experience-refinements-62.css | original cascade position 26 */
/* Owner-approved order and artwork stay intact. */
/* Keep anchored headings and validation targets below the sticky header. */
:where(html[data-dm-css~="s25"]) body :is(main,main section[id],main form[id],main h2[id],main h3[id],main details[id],.c-error-summary,.c-field input,.c-field textarea,.c-field select){scroll-margin-top:calc(var(--header-height, 100px) + 24px);}
/* Native list indentation was offsetting the service strip to the right. */
:where(html[data-dm-css~="s25"]) .page-home .dm-service-strip__list, :where(html[data-dm-css~="s25"]).page-home .dm-service-strip__list{padding-inline:0;}
/* The visible consent label is the touch target, not only the small checkbox. */
:where(html[data-dm-css~="s25"]) .c-choice, :where(html[data-dm-css~="s25"]).c-choice{min-height:44px;}
/* Give keyboard users a legible focus ring on the dark surfaces. */
:where(html[data-dm-css~="s25"]) :is(.l-section--ink,.c-site-footer,.dm-service-strip) a:focus-visible, :where(html[data-dm-css~="s25"]):is(.l-section--ink,.c-site-footer,.dm-service-strip) a:focus-visible{outline-color:#f2b200;}


/* work-refinements-68.css | original cascade position 27 */
/* Scoped homepage and Work refinements, update 68. */
:where(html[data-dm-css~="s26"]) .page-home .c-home-services .dm-strategy-card-68, :where(html[data-dm-css~="s26"]).page-home .c-home-services .dm-strategy-card-68{background:#3f60b7 !important;color:#f5f3ee;}
:where(html[data-dm-css~="s26"]) .page-home .c-home-services .dm-strategy-card-68 :is(h3,p,a), :where(html[data-dm-css~="s26"]).page-home .c-home-services .dm-strategy-card-68 :is(h3,p,a){color:#f5f3ee !important;}
:where(html[data-dm-css~="s26"]) .page-home .c-home-featured-work .c-work-card__title, :where(html[data-dm-css~="s26"]).page-home .c-home-featured-work .c-work-card__title{padding:0;margin:0 0 16px;}
:where(html[data-dm-css~="s26"]) .page-work #projects, :where(html[data-dm-css~="s26"]).page-work #projects{background:#f5f3ee !important;background-image:none !important;}
:where(html[data-dm-css~="s26"]) .page-work #projects > .l-container > .c-section-heading, :where(html[data-dm-css~="s26"]).page-work #projects > .l-container > .c-section-heading,
:where(html[data-dm-css~="s26"]) .page-work #projects > .l-container > .c-section-heading h2, :where(html[data-dm-css~="s26"]).page-work #projects > .l-container > .c-section-heading h2{max-width:none;width:100%;text-wrap:wrap;}
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card,
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card__body, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card__body,
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card__media, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card__media{background:transparent !important;border:0 !important;box-shadow:none !important;}
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card{padding:0;}
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card__body, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card__body{padding:24px 0 0;}
:where(html[data-dm-css~="s26"]) .page-work #projects .c-work-card__title, :where(html[data-dm-css~="s26"]).page-work #projects .c-work-card__title{padding:0;margin:0 0 16px;}
:where(html[data-dm-css~="s26"]) .page-work .dm-work-placeholder, :where(html[data-dm-css~="s26"]).page-work .dm-work-placeholder{background:transparent !important;aspect-ratio:auto !important;object-fit:contain !important;border:0;box-shadow:none;}


/* section-cutouts-63.css | original cascade position 28 */
/* Tight transparent artwork without placeholder panels or cropping. */
:where(html[data-dm-css~="s27"]) .page-website-design .dm-website-placeholder, :where(html[data-dm-css~="s27"]).page-website-design .dm-website-placeholder,
:where(html[data-dm-css~="s27"]) .page-hbsos .dm-hbsos-placeholder, :where(html[data-dm-css~="s27"]).page-hbsos .dm-hbsos-placeholder{
  background:transparent !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
}


/* project-cards-73.css | original cascade position 29 */
/* Match the homepage Featured Work cards without changing other card groups. */
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0;
  box-shadow: none !important;
  text-align: left;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-work-card__media, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-work-card__media{
  background: transparent;
  border: 0;
  border-radius: 0;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-work-card__body, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-work-card__body{
  padding: 24px 0 0;
  align-items: flex-start;
  text-align: left;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-work-card__title, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-work-card__title{
  padding: 0;
  margin: 0 0 16px;
  font-weight: 400;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-tag, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-tag{
  color: #1f4665;
  background: transparent;
  border-radius: 0;
  padding-inline: 0;
  align-self: flex-start;
  justify-content: flex-start;
  text-align: left;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-work-card__cta, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-work-card__cta{
  align-self: flex-start;
  justify-content: flex-start;
  text-align: left;
}
/* The homepage's final charcoal colour overrides are scoped to that page. */
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 :is(.c-work-card__title, .c-tag, p), :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 :is(.c-work-card__title, .c-tag, p){
  color: #082c4a !important;
}
:where(html[data-dm-css~="s28"]) :is(#website-work, #projects) .dm-project-card-73 .c-work-card__cta, :where(html[data-dm-css~="s28"]):is(#website-work, #projects) .dm-project-card-73 .c-work-card__cta{
  color: #f5f3ee !important;
  background: #082c4a !important;
  border-color: #082c4a !important;
}


/* home-portfolio-strip-70.css | original cascade position 30 */
/* Full-width homepage portfolio strip, preserving the entire supplied collage. */
:where(html[data-dm-css~="s29"]) .page-home .c-home-portfolio-strip, :where(html[data-dm-css~="s29"]).page-home .c-home-portfolio-strip{
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  background: #f5f3ee !important;
  line-height: 0;
}
:where(html[data-dm-css~="s29"]) .page-home .c-home-portfolio-strip__image, :where(html[data-dm-css~="s29"]).page-home .c-home-portfolio-strip__image{
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
}

:where(html[data-dm-css~="s29"]) .page-home .c-home-portfolio-strip__picture, :where(html[data-dm-css~="s29"]).page-home .c-home-portfolio-strip__picture{display:block;width:100%;}


/* home-hero-title-76.css | original cascade position 31 */
/* Homepage hero title weight on existing mobile and tablet breakpoints only. */
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s30"]) .page-home .c-hero--background h1.c-home-hero-title, :where(html[data-dm-css~="s30"]).page-home .c-hero--background h1.c-home-hero-title,
:where(html[data-dm-css~="s30"]) .page-home .c-hero--background h1.c-home-hero-title *, :where(html[data-dm-css~="s30"]).page-home .c-hero--background h1.c-home-hero-title *{
    font-weight: 500 !important;
  }
}


/* home-light-sections-77.css | original cascade position 32 */
/* Consistent light homepage sections with readable text, update 77. */
:where(html[data-dm-css~="s31"]) .page-home :is(.c-home-services, .c-home-approach, .c-home-hbsos), :where(html[data-dm-css~="s31"]).page-home :is(.c-home-services, .c-home-approach, .c-home-hbsos){
  background: #f5f3ee !important;
  background-image: none !important;
  color: #082c4a;
  --color-text: #082c4a;
  --color-text-soft: #1f4665;
  --color-text-muted: #494949;
  --color-border: #b8b8b8;
  --color-action: #1f4665;
  --dm-blue-strong: #1f4665;
  --dm-blue: #1f4665;
}
:where(html[data-dm-css~="s31"]) .page-home .c-home-services .c-section-heading :is(h2,p), :where(html[data-dm-css~="s31"]).page-home .c-home-services .c-section-heading :is(h2,p),
:where(html[data-dm-css~="s31"]) .page-home :is(.c-home-approach,.c-home-hbsos) :is(h2,h3,p), :where(html[data-dm-css~="s31"]).page-home :is(.c-home-approach,.c-home-hbsos) :is(h2,h3,p){
  color: #082c4a !important;
}
:where(html[data-dm-css~="s31"]) .page-home .c-home-approach :is(.c-home-approach__link,.c-home-approach__number), :where(html[data-dm-css~="s31"]).page-home .c-home-approach :is(.c-home-approach__link,.c-home-approach__number){
  color: #1f4665 !important;
}
:where(html[data-dm-css~="s31"]) .page-home .c-home-approach .c-home-approach__step, :where(html[data-dm-css~="s31"]).page-home .c-home-approach .c-home-approach__step{border-color:#b8b8b8;}
:where(html[data-dm-css~="s31"]) .page-home .c-home-hbsos .c-button, :where(html[data-dm-css~="s31"]).page-home .c-home-hbsos .c-button{
  color: #f5f3ee !important;
  background: #082c4a !important;
  border-color: #082c4a !important;
}
:where(html[data-dm-css~="s31"]) .page-home .c-home-hbsos .c-button--ghost-light, :where(html[data-dm-css~="s31"]).page-home .c-home-hbsos .c-button--ghost-light{
  color: #082c4a !important;
  background: transparent !important;
  border-color: #686868 !important;
}
:where(html[data-dm-css~="s31"]) .page-home .c-home-hbsos .c-button:is(:hover,:active), :where(html[data-dm-css~="s31"]).page-home .c-home-hbsos .c-button:is(:hover,:active){
  color: #f5f3ee !important;
  background: #1f4665 !important;
  border-color: #1f4665 !important;
}


/* home-section-colors-78.css | original cascade position 33 */
/* Homepage section rhythm and brand eyebrows, update 78. */
:where(html[data-dm-css~="s32"]) .page-home main > :is(.c-home-services,.c-home-expect), :where(html[data-dm-css~="s32"]).page-home main > :is(.c-home-services,.c-home-expect){
  background:#f5f3ee !important;
  background-image:none !important;
}
:where(html[data-dm-css~="s32"]) .page-home main > :is(.c-home-featured-work,.c-home-approach,.c-home-hbsos), :where(html[data-dm-css~="s32"]).page-home main > :is(.c-home-featured-work,.c-home-approach,.c-home-hbsos){
  background:#f5f3ee !important;
  background-image:none !important;
}
:where(html[data-dm-css~="s32"]) .page-home .c-home-services .c-section-heading > .c-eyebrow, :where(html[data-dm-css~="s32"]).page-home .c-home-services .c-section-heading > .c-eyebrow,
:where(html[data-dm-css~="s32"]) .page-home .c-home-featured-work .c-section-heading > .c-eyebrow, :where(html[data-dm-css~="s32"]).page-home .c-home-featured-work .c-section-heading > .c-eyebrow,
:where(html[data-dm-css~="s32"]) .page-home .c-home-approach .c-home-approach__intro > .c-eyebrow, :where(html[data-dm-css~="s32"]).page-home .c-home-approach .c-home-approach__intro > .c-eyebrow,
:where(html[data-dm-css~="s32"]) .page-home .c-home-hbsos .c-home-hbsos__copy > .c-eyebrow, :where(html[data-dm-css~="s32"]).page-home .c-home-hbsos .c-home-hbsos__copy > .c-eyebrow,
:where(html[data-dm-css~="s32"]) .page-home .c-quote-band .c-eyebrow, :where(html[data-dm-css~="s32"]).page-home .c-quote-band .c-eyebrow{
  color:#27689e !important;
}
/* Introductory copy sits on white; the existing dark expectation cards retain their light text. */
:where(html[data-dm-css~="s32"]) .page-home .c-home-expect .c-section-heading :is(h2,p), :where(html[data-dm-css~="s32"]).page-home .c-home-expect .c-section-heading :is(h2,p){
  color:#082c4a !important;
}
:where(html[data-dm-css~="s32"]) .page-home main > section.c-quote-band .c-quote-band__inner p.c-eyebrow, :where(html[data-dm-css~="s32"]).page-home main > section.c-quote-band .c-quote-band__inner p.c-eyebrow{
  color:#27689e !important;
}

/* Refined homepage alternation, update 80. */
:where(html[data-dm-css~="s32"]) .page-home main > :is(.c-home-approach,.c-home-hbsos), :where(html[data-dm-css~="s32"]).page-home main > :is(.c-home-approach,.c-home-hbsos){background:#f5f3ee !important;}
:where(html[data-dm-css~="s32"]) .page-home main > :is(.c-home-expect,.c-quote-band), :where(html[data-dm-css~="s32"]).page-home main > :is(.c-home-expect,.c-quote-band){background:#f5f3ee !important;background-image:none !important;}
:where(html[data-dm-css~="s32"]) .page-home .c-home-services .c-card:not(.dm-strategy-card-68), :where(html[data-dm-css~="s32"]).page-home .c-home-services .c-card:not(.dm-strategy-card-68){background:#f5f3ee !important;}
:where(html[data-dm-css~="s32"]) .page-home main > section.c-home-expect .c-section-heading p.c-eyebrow, :where(html[data-dm-css~="s32"]).page-home main > section.c-home-expect .c-section-heading p.c-eyebrow{color:#27689e !important;}

/* Keep only the dividers between the four Approach steps. */
:where(html[data-dm-css~="s32"]) .page-home .c-home-approach__step:first-child, :where(html[data-dm-css~="s32"]).page-home .c-home-approach__step:first-child{border-top:0;}
:where(html[data-dm-css~="s32"]) .page-home .c-home-approach__step:last-child, :where(html[data-dm-css~="s32"]).page-home .c-home-approach__step:last-child{border-bottom:0;}


/* case-study-coming-soon-74.css | original cascade position 34 */
/* Temporary project holding pages, update 74. */
:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon{padding:100px 0;background:#f5f3ee;color:#082c4a;}
:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon h1, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon h1{max-width:22ch;font-weight:400;}
:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon .c-lead, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon .c-lead{max-width:52ch;}
:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon .c-button-row, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon .c-button-row{justify-content:flex-start;margin-top:32px;flex-wrap:wrap;}
@media (max-width:70rem) {:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon{padding:80px 0;}}
@media (max-width:48rem) {:where(html[data-dm-css~="s33"]) .page-case-coming-soon .c-case-coming-soon, :where(html[data-dm-css~="s33"]).page-case-coming-soon .c-case-coming-soon{padding:50px 0;}}


/* service-expansion-82.css | original cascade position 35 */
/* Shared navigation: keep the expanded service menu inside the viewport. */
:where(html[data-dm-css~="s34"]) #services-menu.c-site-nav__menu, :where(html[data-dm-css~="s34"])#services-menu.c-site-nav__menu{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
:where(html[data-dm-css~="s34"]) #packages-menu.c-site-nav__menu, :where(html[data-dm-css~="s34"])#packages-menu.c-site-nav__menu{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
/* Seven centered shortcuts, using the established breakpoints and icon system. */
:where(html[data-dm-css~="s34"]) .page-home .dm-service-strip__list, :where(html[data-dm-css~="s34"]).page-home .dm-service-strip__list{display:flex;flex-wrap:wrap;justify-content:center;}
:where(html[data-dm-css~="s34"]) .page-home .dm-service-strip li, :where(html[data-dm-css~="s34"]).page-home .dm-service-strip li{flex:0 0 calc(100% / 7);border:0 !important;}
:where(html[data-dm-css~="s34"]) .page-home .dm-service-strip li:last-child, :where(html[data-dm-css~="s34"]).page-home .dm-service-strip li:last-child{grid-column:auto;}
@media (max-width:70rem) {:where(html[data-dm-css~="s34"]) .page-home .dm-service-strip li, :where(html[data-dm-css~="s34"]).page-home .dm-service-strip li{flex-basis:25%;}}
@media (max-width:48rem) {:where(html[data-dm-css~="s34"]) .page-home .dm-service-strip li, :where(html[data-dm-css~="s34"]).page-home .dm-service-strip li{flex-basis:50%;}}
/* Eight homepage services form balanced rows without changing existing cards. */
@media (min-width:70.01rem) {:where(html[data-dm-css~="s34"]) .page-home .c-home-services .l-grid--3, :where(html[data-dm-css~="s34"]).page-home .c-home-services .l-grid--3{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:48.01rem) and (max-width:70rem) {:where(html[data-dm-css~="s34"]) .page-home .c-home-services .l-grid--3, :where(html[data-dm-css~="s34"]).page-home .c-home-services .l-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}}
:where(html[data-dm-css~="s34"]) .c-home-introduction__lead a, :where(html[data-dm-css~="s34"]).c-home-introduction__lead a{text-decoration:underline;text-underline-offset:.15em;}
:where(html[data-dm-css~="s34"]) .dm-service-context-82 .c-lead, :where(html[data-dm-css~="s34"]).dm-service-context-82 .c-lead{max-width:72ch;}
:where(html[data-dm-css~="s34"]) aside.dm-service-context-82{margin-bottom:24px;}
/* New service pages only: grayscale, existing typography and components. */
:where(html[data-dm-css~="s34"]) .page-new-service-82 main, :where(html[data-dm-css~="s34"]).page-new-service-82 main{--color-text:#082c4a;--color-text-soft:#333;--color-text-muted:#444;--color-action:#082c4a;--color-action-hover:#000;--color-border:#b8b8b8;color:#082c4a;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main :is(h1,h2,h3,p,li,summary,.c-eyebrow,.c-card__index), :where(html[data-dm-css~="s34"]).page-new-service-82 main :is(h1,h2,h3,p,li,summary,.c-eyebrow,.c-card__index){color:#082c4a !important;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main a:not(.c-button), :where(html[data-dm-css~="s34"]).page-new-service-82 main a:not(.c-button){color:#1f4665;text-decoration:underline;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main .l-section, :where(html[data-dm-css~="s34"]).page-new-service-82 main .l-section{background:#f5f3ee;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main .l-section--soft, :where(html[data-dm-css~="s34"]).page-new-service-82 main .l-section--soft{background:#f5f3ee;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main .c-button--primary, :where(html[data-dm-css~="s34"]).page-new-service-82 main .c-button--primary{color:#f5f3ee !important;background:#082c4a !important;border-color:#082c4a !important;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main .c-button--secondary, :where(html[data-dm-css~="s34"]).page-new-service-82 main .c-button--secondary{color:#082c4a !important;background:#f5f3ee !important;border-color:#686868 !important;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 main .c-button:focus-visible, :where(html[data-dm-css~="s34"]).page-new-service-82 main .c-button:focus-visible{outline-color:#082c4a;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-new-hero-82, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-new-hero-82{background:#f5f3ee;color:#082c4a;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-new-hero-82 .c-hero__inner, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-new-hero-82 .c-hero__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;}
:where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-new-hero-82 .c-hero__copy, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-new-hero-82 .c-hero__copy{width:auto;max-width:none;}
:where(html[data-dm-css~="s34"]) .dm-service-placeholder-82, :where(html[data-dm-css~="s34"]).dm-service-placeholder-82{background:#e5e5e5;border:1px solid #ccc;border-radius:0;aspect-ratio:5/4;width:100%;}
@media (max-width:70rem) {
 :where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-new-hero-82 .c-hero__inner, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-new-hero-82 .c-hero__inner{grid-template-columns:minmax(0,1fr);gap:32px;}
 :where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-service-placeholder-82--hero, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-service-placeholder-82--hero{aspect-ratio:4/5;}
}
@media (min-width:48.01rem) and (max-width:70rem) {:where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-service-placeholder-82--hero, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-service-placeholder-82--hero{aspect-ratio:5/4;}}
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s34"]) .page-new-service-82 .dm-service-placeholder-82--hero, :where(html[data-dm-css~="s34"]).page-new-service-82 .dm-service-placeholder-82--hero{aspect-ratio:auto;height:auto;align-self:stretch;}
}
@media (min-width:70.01rem) and (max-width:87.49rem) {
 :where(html[data-dm-css~="s34"]) .page-home .c-home-services .l-grid--3, :where(html[data-dm-css~="s34"]).page-home .c-home-services .l-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* inner-heroes-84-white-20261031.css | original cascade position 36 */
/* Explicit opt-in only: homepage does not load this sheet or receive the marker. */
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 #main h1,
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 #main h1 *{
 color:#082c4a !important;-webkit-text-fill-color:#082c4a !important;
 background:none !important;background-clip:border-box !important;
 -webkit-background-clip:border-box !important;text-shadow:none !important;
}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 section.dm-clean-hero-84{
 display:block !important;position:relative;isolation:auto;
 background:#fff !important;background-image:none !important;color:#082c4a !important;
 height:auto !important;min-height:0 !important;max-height:none !important;
 padding:50px 0 !important;overflow:visible;border:0;
}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 section.dm-clean-hero-84::before,
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 section.dm-clean-hero-84::after{content:none !important;display:none !important;background:none !important;}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__inner-84{
 display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 gap:48px;align-items:center;position:relative;height:auto;min-height:0;
 margin-inline:auto;padding-block:0 !important;
}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84{
 display:block !important;position:static !important;inset:auto !important;
 width:100% !important;max-width:none !important;min-width:0;
 height:auto !important;min-height:0 !important;margin:0;padding:0;
 text-align:left;color:#082c4a;
}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84 :is(p,h2,h3,li):not(.c-eyebrow){color:#082c4a !important;}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84 .c-eyebrow{color:var(--dm-blue-strong,#1f4665);}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84 a:not(.c-button){color:#1f4665;text-decoration:underline;}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84 .c-button--primary{background:#082c4a !important;border-color:#082c4a !important;color:#f5f3ee !important;}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__copy-84 .c-button--secondary{background:#f5f3ee !important;border-color:#686868 !important;color:#082c4a !important;}
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__placeholder-84{
 display:block;position:static;width:100%;height:auto;min-height:0;
 aspect-ratio:5/4;align-self:center;background:#e5e5e5;
 border:0;border-radius:0;box-shadow:none;overflow:hidden;
}
@media (max-width:70rem) {
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 section.dm-clean-hero-84{padding:50px 0 !important;}
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__inner-84{grid-template-columns:minmax(0,1fr) !important;gap:32px;}
}
@media (max-width:48rem) {
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 section.dm-clean-hero-84{padding:50px 0 !important;}
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__placeholder-84{aspect-ratio:4/5;}
}

/* Payment already places its mobile visual immediately after the H1. */
:where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__placeholder-84--payment-inline{display:none;}
@media (max-width:70rem) {
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__placeholder-84--payment-inline{display:block;margin-block:24px;}
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__placeholder-84--payment-side{display:none;}
}

/* Overlay 107: desktop content area = 40% copy + 10% gap + 50% artwork. */
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s35"]) body.dm-inner-heroes-84 .dm-clean-hero__inner-84{
  grid-template-columns:minmax(0,40%) minmax(0,50%) !important;
  column-gap:10% !important;
 }
}


/* hero-artwork-88.css | original cascade position 37 */
/* Explicit page opt-in. Homepage and all other pages remain unchanged. */
:where(html[data-dm-css~="s36"]) body.dm-inner-heroes-84.dm-hero-art-88 .dm-hero-art__frame-88{
 aspect-ratio:5 / 4 !important;
 background:transparent;
}
:where(html[data-dm-css~="s36"]) body.dm-inner-heroes-84.dm-hero-art-88 .dm-hero-art__image-88{
 display:block;
 width:100%;
 max-width:none;
 height:auto;
 aspect-ratio:5 / 4;
 object-fit:contain;
 object-position:center;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
}


/* square-heroes-106.css | original cascade position 38 */
/* Explicit opt-in: eight approved square hero pages only. */
:where(html[data-dm-css~="s37"]) body.dm-square-heroes-106 .dm-clean-hero__placeholder-84.dm-hero-art__frame-88{
 aspect-ratio:1 / 1 !important;background:transparent !important;
}
:where(html[data-dm-css~="s37"]) body.dm-square-heroes-106 .dm-hero-art__image-88{
 width:100%;height:auto;aspect-ratio:1 / 1 !important;object-fit:contain;
}
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s37"]) body.dm-square-heroes-106 .dm-clean-hero__inner-84{
  grid-template-columns:minmax(0,40%) minmax(0,50%) !important;column-gap:10% !important;
 }
}


/* hero-square-103.css | original cascade position 39 */
/* Square transparent hero artwork shared across desktop, tablet and mobile. */
:where(html[data-dm-css~="s38"]) body.dm-inner-heroes-84.dm-hero-art-88.dm-cutout-99 .dm-clean-hero__placeholder-84.dm-hero-art__frame-88{position:relative !important;background:transparent !important;aspect-ratio:1/1 !important;overflow:visible !important;}
:where(html[data-dm-css~="s38"]) body.dm-inner-heroes-84.dm-hero-art-88.dm-cutout-99 .dm-hero-art__image-88{position:absolute !important;top:20px;left:20px;width:calc(100% - 40px) !important;height:calc(100% - 40px) !important;max-width:none !important;aspect-ratio:1/1 !important;object-fit:contain !important;object-position:center;}
@media(min-width:70.01rem){:where(html[data-dm-css~="s38"]) body.dm-inner-heroes-84.dm-cutout-99 .dm-clean-hero__inner-84{grid-template-columns:minmax(0,40%) minmax(0,50%) !important;column-gap:10% !important;}}


/* service-heroes-108.css | original cascade position 40 */
/* Explicit opt-in for the six approved pages. Homepage is excluded. */
:where(html[data-dm-css~="s39"]) body.dm-inner-heroes-84.dm-service-heroes-108 .dm-clean-hero__placeholder-84.dm-hero-art__frame-88{
 position:relative !important;aspect-ratio:1 / 1 !important;background:transparent !important;overflow:visible !important;
}
:where(html[data-dm-css~="s39"]) body.dm-inner-heroes-84.dm-service-heroes-108 .dm-clean-hero__placeholder-84 .dm-hero-art__image-88{
 display:block;position:static !important;inset:auto !important;width:100% !important;height:auto !important;
 max-width:100% !important;aspect-ratio:1 / 1 !important;object-fit:contain !important;margin:0;padding:0;border:0;
}
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s39"]) body.dm-inner-heroes-84.dm-service-heroes-108 .dm-clean-hero__inner-84{
  grid-template-columns:minmax(0,40%) minmax(0,50%) !important;column-gap:10% !important;
 }
}


/* home-link-refinements-83.css | original cascade position 41 */
/* Homepage introduction links, update 83. */
:where(html[data-dm-css~="s40"]) .page-home .c-home-introduction :is(.c-home-introduction__lead,.c-home-introduction__closing) a, :where(html[data-dm-css~="s40"]).page-home .c-home-introduction :is(.c-home-introduction__lead,.c-home-introduction__closing) a{
  color:#27689e !important;
  text-decoration:none !important;
}
:where(html[data-dm-css~="s40"]) .page-home .c-home-introduction :is(.c-home-introduction__lead,.c-home-introduction__closing) a:focus-visible, :where(html[data-dm-css~="s40"]).page-home .c-home-introduction :is(.c-home-introduction__lead,.c-home-introduction__closing) a:focus-visible{
  outline:2px solid #082c4a;
  outline-offset:3px;
}


/* home-hero-light-110.css | original cascade position 42 */
/* Desktop homepage only: supplied artwork has a light copy field. */
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy h1,
:where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy .c-eyebrow,
:where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy .c-home-hero-intro{
  color:#082c4a !important;text-shadow:none !important;
 }
 :where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy h1 .c-hero-highlight--blue{color:#27689e !important;}
 :where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy h1 .c-hero-highlight--yellow{color:#76520a !important;}
 :where(html[data-dm-css~="s41"]) body.page-home .c-hero--background .c-hero__copy .c-service-line a{color:#082c4a !important;}
}


/* home-hero-colour-113.css | original cascade position 43 */
/* Homepage heading: desktop highlight colours on tablet and mobile. */
@media screen and (max-width: 70rem) {
  :where(html[data-dm-css~="s42"]) body.page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--blue{ color: #27689e !important; }
  :where(html[data-dm-css~="s42"]) body.page-home .c-hero--background .c-home-hero-heading h1 .c-hero-highlight--yellow{ color: #76520a !important; }
}
/* This action has a midnight background at tablet and desktop sizes. */
@media screen and (min-width: 48.001rem) {
  :where(html[data-dm-css~="s42"]) body.page-home .c-hero--background .c-hero__copy .c-service-line a{ color: #f5f3ee !important; }
  :where(html[data-dm-css~="s42"]) body.page-home .c-hero--background .c-hero__copy .c-service-line a:hover{ color: #e2efff !important; }
}


/* service-heroes-105.css | original cascade position 44 */
/* Explicit opt-in for Funnels and Conversion Psychology only. */
:where(html[data-dm-css~="s43"]) body.dm-service-heroes-105 .dm-clean-hero__placeholder-84.dm-hero-art__frame-88{
 aspect-ratio:1 / 1 !important;
 background:transparent !important;
}
:where(html[data-dm-css~="s43"]) body.dm-service-heroes-105 .dm-hero-art__image-88{
 width:100%;height:auto;aspect-ratio:1 / 1 !important;object-fit:contain;
}
@media (min-width:70.01rem) {
 :where(html[data-dm-css~="s43"]) body.dm-service-heroes-105 .dm-clean-hero__inner-84{
  grid-template-columns:minmax(0,40%) minmax(0,50%) !important;column-gap:10% !important;
 }
}


/* hero-keyword-colours-114.css | original cascade position 45 */
/* H1 keywords match the homepage palette across screen sizes. */
:where(html[data-dm-css~="s44"]) body.dm-inner-heroes-84 #main section.dm-clean-hero-84 h1 .dm-hero-keyword-blue{
 color: #27689e !important; -webkit-text-fill-color: #27689e !important;
}
:where(html[data-dm-css~="s44"]) body.dm-inner-heroes-84 #main section.dm-clean-hero-84 h1 .dm-hero-keyword-gold{
 color: #76520a !important; -webkit-text-fill-color: #76520a !important;
}


/* section-alternation-116-white-20261031.css | original cascade position 46 */
/* Alternate the main sections, retaining hero imagery. */
:where(html[data-dm-css~="s45"]) body #main > section.dm-section-tone-grey{ background-color: #fff !important; }
:where(html[data-dm-css~="s45"]) body #main > section.dm-section-tone-white{ background-color: #fff !important; }
:where(html[data-dm-css~="s45"]) body #main > section.dm-section-tone-grey:not(.c-hero):not(.dm-clean-hero-84),
:where(html[data-dm-css~="s45"]) body #main > section.dm-section-tone-white:not(.c-hero):not(.dm-clean-hero-84){ background-image: none !important; }
/* Former dark sections now need dark text on their light surfaces. */
:where(html[data-dm-css~="s45"]) body #main > section:is(.l-section--ink,.dm-hbsos-dark,.dm-hbsos-status,.c-quote-band):not(.c-hero){ color: #082c4a !important; }
:where(html[data-dm-css~="s45"]) body #main > section:is(.l-section--ink,.dm-hbsos-dark,.dm-hbsos-status,.c-quote-band):not(.c-hero) :is(h2,h3,h4,p,li,.c-eyebrow):not(.c-card--dark *):not(.c-card--dark){ color: #082c4a !important; }
:where(html[data-dm-css~="s45"]) body #main > section:is(.l-section--ink,.dm-hbsos-dark,.dm-hbsos-status,.c-quote-band):not(.c-hero) a:not(.c-button):not(.c-card--dark *){ color: #27689e !important; }
@media (max-width: 70rem) {
 :where(html[data-dm-css~="s45"]) body.page-home #main > section.c-hero.dm-section-tone-grey .c-home-hero-heading,
:where(html[data-dm-css~="s45"]) body.page-home #main > section.c-hero.dm-section-tone-grey .c-home-hero-followup,
:where(html[data-dm-css~="s45"]) body.page-home #main > section.c-hero.dm-section-tone-grey .c-home-hero-details{ background-color: #fff !important; }
}


/* dm-charcoal-refinements-117.css | original cascade position 47 */
/* Charcoal actions with light text, across site layouts. */
:root:where([data-dm-css~="s46"]){ --button-radius:0; --card-radius:0; --radius-sm:0; --radius-md:0; --radius-lg:0; }
:where(html[data-dm-css~="s46"]) body :is(#main,.c-site-header,.c-site-footer) :is(.c-button,.c-victor-inline,button[data-submit-button]){color:#fff !important; background:#082c4a !important; border-color:#082c4a !important; border-radius:0 !important;}
:where(html[data-dm-css~="s46"]) body :is(#main,.c-site-header,.c-site-footer) :is(.c-button,.c-victor-inline,button[data-submit-button]):is(:hover,:active){color:#fff !important;background:#1f4665 !important;border-color:#1f4665 !important;}
:where(html[data-dm-css~="s46"]) body :is(#main,.c-site-header,.c-site-footer) :is(.c-button,.c-victor-inline,button[data-submit-button]):focus-visible{outline:3px solid #27689e !important;outline-offset:3px;}
:where(html[data-dm-css~="s46"]) body.page-home .dm-service-strip{background:#242424 !important;color:#fff !important;}
:where(html[data-dm-css~="s46"]) body.page-home .dm-service-strip a,
:where(html[data-dm-css~="s46"]) body.page-home .dm-service-strip svg{color:#fff !important;}
:where(html[data-dm-css~="s46"]) body.page-home .dm-service-strip a:hover{background:#101010 !important;}
/* Exclude hero headings, which retain their existing highlights. */
:where(html[data-dm-css~="s46"]) body #main > section:not(.c-hero):not(.dm-clean-hero-84):not(.c-payment-hero) :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body #main > section:not(.c-hero):not(.dm-clean-hero-84):not(.c-payment-hero) :is(h1,h2,h3,h4,h5,h6) span{color:#242424 !important;-webkit-text-fill-color:#242424 !important;}
/* Rectangular content containers, while preserving circular icons and controls. */
:where(html[data-dm-css~="s46"]) body :is(.c-card,.c-work-card,.c-form-card,.c-form-aside,.c-quote-band,.c-route-guidance,.c-featured-insight,.c-offer-card,[class*="-card"],[class*="-panel"],[class*="-box"]){border-radius:0 !important;}
:where(html[data-dm-css~="s46"]) body .c-packages-payment .c-quote-band{padding:clamp(2rem,5vw,4rem) !important;}

/* Preserve readability inside dark cards. */
:where(html[data-dm-css~="s46"]) body #main .c-card--dark :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body #main .c-card--dark :is(h1,h2,h3,h4,h5,h6) span{color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Requested white homepage sections, including the portfolio image strip. */
:where(html[data-dm-css~="s46"]) body.page-home #main > section:is(.c-home-introduction,.c-home-portfolio-strip,.c-home-services,.c-home-approach,.c-home-hbsos){background-color:#fff !important;background-image:none !important;}
/* Preserve legibility on the blue strategy card. */
:where(html[data-dm-css~="s46"]) body.page-home #main > section.c-home-services .dm-strategy-card-68 h3,
:where(html[data-dm-css~="s46"]) body.page-home #main > section.c-home-services .dm-strategy-card-68 h3 span{color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Readable copy on deliberately dark nested blocks. */
:where(html[data-dm-css~="s46"]) body #main section :is(.c-form-aside,.c-payment-summary,.c-dark-feature .c-system-path__step) :is(h2,h3,h4,h5,p,li,strong,dt,dd,.c-eyebrow){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body #main section :is(.c-form-aside,.c-payment-summary,.c-dark-feature .c-system-path__step) a:not(.c-button){color:#fff !important;}
:where(html[data-dm-css~="s46"]) body:not(.page-hbsos) #main section .c-card--dark :is(h2,h3,h4,p,li,strong,.c-eyebrow,a:not(.c-button)){color:#fff !important;-webkit-text-fill-color:#fff !important;}
/* HBSOS status cards are deliberately light despite their historical class. */
:where(html[data-dm-css~="s46"]) body.page-hbsos #main .dm-hbsos-status .c-card--dark :is(h2,h3,h4,p,li,strong,.c-eyebrow,a:not(.c-button)){color:#082c4a !important;-webkit-text-fill-color:#082c4a !important;}
/* Advertising examples: preserve the navy card treatment with readable copy. */
:where(html[data-dm-css~="s46"]) body.page-advertising #main section.l-section--ink .c-card{background:#082c4a !important;color:#fff !important;}
:where(html[data-dm-css~="s46"]) body.page-advertising #main section.l-section--ink .c-card :is(h2,h3,h4,p,li,strong,a:not(.c-button)){color:#fff !important;-webkit-text-fill-color:#fff !important;}
/* More space around campaign steps and their connecting arrows. */
:where(html[data-dm-css~="s46"]) body.page-advertising #main #approach .c-system-path{gap:2rem;}
:where(html[data-dm-css~="s46"]) body.page-advertising #main #approach .c-system-path__step:not(:last-child)::after{font-size:1.6rem;line-height:1;right:-1.55rem;top:50%;transform:translateY(-50%);}

:where(html[data-dm-css~="s46"]) body.page-home #main section.c-home-expect .c-card :is(h2,h3,h4,p,li,strong){color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Repair inherited dark text on navy panels only. */
:where(html[data-dm-css~="s46"]) body #main section :is(.c-form-aside,.c-payment-summary,.c-featured-insight,.c-dark-feature .c-system-path__step) :is(h1,h2,h3,h4,h5,h6,p,li,strong,dt,dd,small,.c-eyebrow,.c-meta){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body #main section :is(.c-form-aside,.c-payment-summary,.c-featured-insight,.c-dark-feature .c-system-path__step) :is(a:not(.c-button),label){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body #main section .c-card--dark:not(.dm-hbsos-status *) :is(h1,h2,h3,h4,h5,h6,p,li,strong,dt,dd,small,.c-eyebrow,.c-meta,a:not(.c-button)){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body.page-hbsos #main section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6,p,li,strong,dt,dd,small,.c-eyebrow,.c-meta,a:not(.c-button)){color:#082c4a !important;-webkit-text-fill-color:#082c4a !important;}
:where(html[data-dm-css~="s46"]) body.page-home #main section.c-home-expect .c-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,.c-eyebrow){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body #main .c-offer-comparison thead :is(th,td){color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Contrast repair: dark panels win over the global non-hero heading rule.
   Light sections and light nested cards keep their existing dark text. */
:where(html[data-dm-css~="s46"]) body #main > section:not(.c-hero):not(.dm-clean-hero-84):not(.c-payment-hero) :is(.c-form-aside,.c-payment-summary,.c-featured-insight,.c-card--dark,.dm-strategy-card-68,.c-dark-feature .c-system-path__step) :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body #main > section:not(.c-hero):not(.dm-clean-hero-84):not(.c-payment-hero) :is(.c-form-aside,.c-payment-summary,.c-featured-insight,.c-card--dark,.dm-strategy-card-68,.c-dark-feature .c-system-path__step) :is(h1,h2,h3,h4,h5,h6) span{color:#fff !important;-webkit-text-fill-color:#fff !important;}
/* These HBSOS cards use the historic dark class on a light surface. */
:where(html[data-dm-css~="s46"]) body.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6) span{color:#082c4a !important;-webkit-text-fill-color:#082c4a !important;}
/* Ink sections without light-section overrides retain light headings. */
:where(html[data-dm-css~="s46"]) body #main > section.l-section--ink:not(.dm-section-tone-white):not(.dm-section-tone-grey):not(.dm-user-mist-121):not(.c-home-hbsos) :is(h1,h2,h3,h4,h5,h6):not(.c-card:not(.c-card--dark) *),
:where(html[data-dm-css~="s46"]) body #main > section.l-section--ink:not(.dm-section-tone-white):not(.dm-section-tone-grey):not(.dm-user-mist-121):not(.c-home-hbsos) :is(h1,h2,h3,h4,h5,h6):not(.c-card:not(.c-card--dark) *) span{color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* Contrast fixes for verified dark panels and the light HBSOS status card. */
:where(html[data-dm-css~="s46"]) body.page-marketing-strategy #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising #main > section.l-section--ink .c-card :is(h3,p),
:where(html[data-dm-css~="s46"]) body.page-hbsos #main > section .c-card--emphasis :is(h2,h3,h4,p),
:where(html[data-dm-css~="s46"]) body.page-packages #main > section.c-packages-payment .c-quote-band :is(h2,h3,p){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
:where(html[data-dm-css~="s46"]) body.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6) span{
  color:#082c4a !important;
  -webkit-text-fill-color:#082c4a !important;
}
:where(html[data-dm-css~="s46"]) body.page-marketing-strategy.page-marketing-strategy #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising.page-advertising #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising.page-advertising #main > section.l-section--ink .c-card :is(h3,p),
:where(html[data-dm-css~="s46"]) body.page-hbsos.page-hbsos #main > section .c-card--emphasis :is(h2,h3,h4,p),
:where(html[data-dm-css~="s46"]) body.page-shop.page-shop #main > section.c-packages-payment .c-quote-band :is(h2,h3,p){color:#fff !important;-webkit-text-fill-color:#fff !important;}
:where(html[data-dm-css~="s46"]) body.page-hbsos.page-hbsos.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6),
:where(html[data-dm-css~="s46"]) body.page-hbsos.page-hbsos.page-hbsos #main > section.dm-hbsos-status .c-card--dark :is(h1,h2,h3,h4,h5,h6) span{color:#082c4a !important;-webkit-text-fill-color:#082c4a !important;}
:where(html[data-dm-css~="s46"]) body.page-marketing-strategy.page-marketing-strategy.page-marketing-strategy #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising.page-advertising.page-advertising #main > section.c-dark-feature .c-system-path__step p,
:where(html[data-dm-css~="s46"]) body.page-advertising.page-advertising.page-advertising #main > section.l-section--ink .c-card :is(h3,p){color:#fff !important;-webkit-text-fill-color:#fff !important;}


/* home-cutouts-118.css | original cascade position 48 */
/* Three homepage artworks: transparent cut-outs, with no artificial frame. */
:where(html[data-dm-css~="s47"]) .page-home :is(.c-home-introduction__placeholder,.c-home-expect__placeholder,.c-home-hbsos__image), :where(html[data-dm-css~="s47"]).page-home :is(.c-home-introduction__placeholder,.c-home-expect__placeholder,.c-home-hbsos__image){ background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: contain !important; height: auto !important; }


/* dm-mist-sections-121.css | original cascade position 49 */
/* Ru's selected section and service-card backgrounds. */
:where(html[data-dm-css~="s48"]) body #main > section.dm-user-mist-121.dm-user-mist-121{background-color:#ecf0f4 !important;background-image:none !important;}
:where(html[data-dm-css~="s48"]) body.page-home #main section.c-home-services .c-card:not(.dm-strategy-card-68){background-color:#ecf0f4 !important;background-image:none !important;}


/* packages-services-20261031.css | original cascade position 50 */
:where(html[data-dm-css~="s49"]) .dm-package-card, :where(html[data-dm-css~="s49"]).dm-package-card{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}:where(html[data-dm-css~="s49"]) .dm-package-card .c-price, :where(html[data-dm-css~="s49"]).dm-package-card .c-price{margin-top:auto}:where(html[data-dm-css~="s49"]) .dm-service-content, :where(html[data-dm-css~="s49"]).dm-service-content{max-width:900px}:where(html[data-dm-css~="s49"]) .dm-service-content h2:not(:first-child), :where(html[data-dm-css~="s49"]).dm-service-content h2:not(:first-child){margin-top:2.4rem}:where(html[data-dm-css~="s49"]) .dm-package-list li, :where(html[data-dm-css~="s49"]).dm-package-list li,
:where(html[data-dm-css~="s49"]) .dm-package-steps li, :where(html[data-dm-css~="s49"]).dm-package-steps li{margin-bottom:.8rem}:where(html[data-dm-css~="s49"]) .dm-price-small, :where(html[data-dm-css~="s49"]).dm-price-small{font-size:1rem;font-weight:400}:where(html[data-dm-css~="s49"]) .dm-package-steps, :where(html[data-dm-css~="s49"]).dm-package-steps{padding-left:1.5rem}:where(html[data-dm-css~="s49"]) .dm-service-content details, :where(html[data-dm-css~="s49"]).dm-service-content details{margin-bottom:1rem}

:where(html[data-dm-css~="s49"]) .dm-journey, :where(html[data-dm-css~="s49"]).dm-journey{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin:2rem 0}:where(html[data-dm-css~="s49"]) .dm-journey li, :where(html[data-dm-css~="s49"]).dm-journey li{border-left:3px solid #5086eb;padding:.65rem 1rem;background:#f3f6fb}:where(html[data-dm-css~="s49"]) .dm-comparison, :where(html[data-dm-css~="s49"]).dm-comparison{margin-top:2rem}:where(html[data-dm-css~="s49"]) .dm-table-wrap, :where(html[data-dm-css~="s49"]).dm-table-wrap{overflow-x:auto}:where(html[data-dm-css~="s49"]) .dm-comparison table, :where(html[data-dm-css~="s49"]).dm-comparison table{width:100%;border-collapse:collapse;text-align:left}:where(html[data-dm-css~="s49"]) .dm-comparison th, :where(html[data-dm-css~="s49"]).dm-comparison th,
:where(html[data-dm-css~="s49"]) .dm-comparison td, :where(html[data-dm-css~="s49"]).dm-comparison td{border-bottom:1px solid #ccc;padding:.8rem}:where(html[data-dm-css~="s49"]) .dm-package-card .c-price, :where(html[data-dm-css~="s49"]).dm-package-card .c-price{margin-top:auto}:where(html[data-dm-css~="s49"]) .dm-package-card p, :where(html[data-dm-css~="s49"]).dm-package-card p{margin-bottom:.5rem}

:where(html[data-dm-css~="s49"]) .dm-goals__grid, :where(html[data-dm-css~="s49"]).dm-goals__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}:where(html[data-dm-css~="s49"]) .dm-goal, :where(html[data-dm-css~="s49"]).dm-goal{display:flex;flex-direction:column;gap:.7rem;min-width:0;padding:1.6rem;background:#f1f5fb;color:#171717;text-decoration:none;border:1px solid #d7e1f0;transition:border-color .2s,background-color .2s}:where(html[data-dm-css~="s49"]) .dm-goal__next, :where(html[data-dm-css~="s49"]).dm-goal__next{margin-top:auto;font-weight:600;text-decoration:underline;text-underline-offset:.18em}:where(html[data-dm-css~="s49"]) .dm-goal:hover, :where(html[data-dm-css~="s49"]).dm-goal:hover{background:#e7effb;border-color:#5086eb}:where(html[data-dm-css~="s49"]) .dm-goal:focus-visible, :where(html[data-dm-css~="s49"]).dm-goal:focus-visible{outline:3px solid #171717;outline-offset:3px}@media(max-width:960px){:where(html[data-dm-css~="s49"]) .dm-goals__grid, :where(html[data-dm-css~="s49"]).dm-goals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){:where(html[data-dm-css~="s49"]) .dm-goals__grid, :where(html[data-dm-css~="s49"]).dm-goals__grid{grid-template-columns:1fr}}

:where(html[data-dm-css~="s49"]) .dm-journey li, :where(html[data-dm-css~="s49"]).dm-journey li{padding:0}:where(html[data-dm-css~="s49"]) .dm-journey a, :where(html[data-dm-css~="s49"]).dm-journey a{display:block;padding:.65rem 1rem;color:#171717;text-decoration:underline;text-underline-offset:.18em}:where(html[data-dm-css~="s49"]) .dm-journey a:hover, :where(html[data-dm-css~="s49"]).dm-journey a:hover{background:#e7effb}:where(html[data-dm-css~="s49"]) .dm-journey a:focus-visible, :where(html[data-dm-css~="s49"]).dm-journey a:focus-visible{outline:3px solid #171717;outline-offset:3px}

/* Package overview section colours. */
:where(html[data-dm-css~="s49"]) body.page-shop #main > section.dm-packages-starting,
:where(html[data-dm-css~="s49"]) body.page-shop #main > section.dm-packages-process,
:where(html[data-dm-css~="s49"]) body.page-shop #main > section.dm-packages-help{background-color:#e7effb !important;background-image:none !important}
:where(html[data-dm-css~="s49"]) body.page-shop #main > section.dm-packages-starting .dm-package-card{background:#fff !important}
:where(html[data-dm-css~="s49"]) body.page-shop #main > section.dm-packages-specific .dm-package-card{background:#e7effb !important}

:where(html[data-dm-css~="s49"]) .dm-investment__layout, :where(html[data-dm-css~="s49"]).dm-investment__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start}:where(html[data-dm-css~="s49"]) .dm-investment__form, :where(html[data-dm-css~="s49"]).dm-investment__form,
:where(html[data-dm-css~="s49"]) .dm-investment__result, :where(html[data-dm-css~="s49"]).dm-investment__result{padding:clamp(1.25rem,3vw,2rem);background:#f3f6fb;color:#171717}:where(html[data-dm-css~="s49"]) .dm-investment__form label:not(.dm-investment__radio), :where(html[data-dm-css~="s49"]).dm-investment__form label:not(.dm-investment__radio),
:where(html[data-dm-css~="s49"]) .dm-investment__form legend, :where(html[data-dm-css~="s49"]).dm-investment__form legend{display:block;font-weight:600;margin:1.15rem 0 .4rem}:where(html[data-dm-css~="s49"]) .dm-investment__form select, :where(html[data-dm-css~="s49"]).dm-investment__form select,
:where(html[data-dm-css~="s49"]) .dm-investment__form input[type=number], :where(html[data-dm-css~="s49"]).dm-investment__form input[type=number]{display:block;width:100%;min-height:48px;padding:.65rem .75rem;background:#fff;color:#171717;border:1px solid #697586;border-radius:0;font:inherit}:where(html[data-dm-css~="s49"]) .dm-investment__hint, :where(html[data-dm-css~="s49"]).dm-investment__hint{font-size:.9rem;line-height:1.5;margin:.4rem 0;color:#303a48}:where(html[data-dm-css~="s49"]) .dm-investment__fieldset, :where(html[data-dm-css~="s49"]).dm-investment__fieldset{border:0;padding:0;margin:1rem 0}:where(html[data-dm-css~="s49"]) .dm-investment__radio, :where(html[data-dm-css~="s49"]).dm-investment__radio{display:flex;align-items:center;gap:.55rem;margin:.5rem 0}:where(html[data-dm-css~="s49"]) .dm-investment__radio input, :where(html[data-dm-css~="s49"]).dm-investment__radio input{width:1.15rem;height:1.15rem}:where(html[data-dm-css~="s49"]) .dm-investment__optional, :where(html[data-dm-css~="s49"]).dm-investment__optional{font-size:.85em;font-weight:400}:where(html[data-dm-css~="s49"]) .dm-investment__error, :where(html[data-dm-css~="s49"]).dm-investment__error{color:#9a1620;font-weight:600}:where(html[data-dm-css~="s49"]) .dm-investment__result dl, :where(html[data-dm-css~="s49"]).dm-investment__result dl{margin:1rem 0 1.5rem}:where(html[data-dm-css~="s49"]) .dm-investment__result dl div, :where(html[data-dm-css~="s49"]).dm-investment__result dl div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #c5d0de}:where(html[data-dm-css~="s49"]) .dm-investment__result dt, :where(html[data-dm-css~="s49"]).dm-investment__result dt,
:where(html[data-dm-css~="s49"]) .dm-investment__result dd, :where(html[data-dm-css~="s49"]).dm-investment__result dd{margin:0}:where(html[data-dm-css~="s49"]) .dm-investment__result dd, :where(html[data-dm-css~="s49"]).dm-investment__result dd{font-weight:600;text-align:right}:where(html[data-dm-css~="s49"]) .dm-investment__highlight, :where(html[data-dm-css~="s49"]).dm-investment__highlight{font-size:1.1rem;font-weight:700}:where(html[data-dm-css~="s49"]) .dm-investment [hidden], :where(html[data-dm-css~="s49"]).dm-investment [hidden]{display:none!important}@media(max-width:760px){:where(html[data-dm-css~="s49"]) .dm-investment__layout, :where(html[data-dm-css~="s49"]).dm-investment__layout{grid-template-columns:1fr}}

:where(html[data-dm-css~="s49"]) .dm-investment__example, :where(html[data-dm-css~="s49"]).dm-investment__example{max-width:64rem;margin:0 0 2rem;padding:clamp(1.25rem,3vw,2rem);background:#e7effb;color:#171717}:where(html[data-dm-css~="s49"]) .dm-investment__example p:last-child, :where(html[data-dm-css~="s49"]).dm-investment__example p:last-child{margin-bottom:0}
:where(html[data-dm-css~="s49"]) .dm-investment__result label, :where(html[data-dm-css~="s49"]).dm-investment__result label{display:block;font-weight:600;margin:1.15rem 0 .4rem}:where(html[data-dm-css~="s49"]) .dm-investment__result select, :where(html[data-dm-css~="s49"]).dm-investment__result select,
:where(html[data-dm-css~="s49"]) .dm-investment__result input[type=number], :where(html[data-dm-css~="s49"]).dm-investment__result input[type=number],
:where(html[data-dm-css~="s49"]) .dm-investment__result input[type=text], :where(html[data-dm-css~="s49"]).dm-investment__result input[type=text]{display:block;width:100%;min-height:48px;padding:.65rem .75rem;background:#fff;color:#171717;border:1px solid #697586;border-radius:0;font:inherit}:where(html[data-dm-css~="s49"]) .dm-calc-details, :where(html[data-dm-css~="s49"]).dm-calc-details{margin:1.2rem 0;padding:.8rem 0;border-top:1px solid #c5d0de}:where(html[data-dm-css~="s49"]) .dm-calc-details summary, :where(html[data-dm-css~="s49"]).dm-calc-details summary{font-weight:600;cursor:pointer;line-height:1.5}:where(html[data-dm-css~="s49"]) .dm-calc-details summary:focus-visible, :where(html[data-dm-css~="s49"]).dm-calc-details summary:focus-visible,
:where(html[data-dm-css~="s49"]) .dm-investment :focus-visible, :where(html[data-dm-css~="s49"]).dm-investment :focus-visible{outline:3px solid #1454a3;outline-offset:3px}:where(html[data-dm-css~="s49"]) .dm-calc-details button, :where(html[data-dm-css~="s49"]).dm-calc-details button{margin-top:1rem}:where(html[data-dm-css~="s49"]) .dm-calc-explore, :where(html[data-dm-css~="s49"]).dm-calc-explore{margin-top:1.6rem}:where(html[data-dm-css~="s49"]) .dm-calc-cta, :where(html[data-dm-css~="s49"]).dm-calc-cta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #c5d0de}:where(html[data-dm-css~="s49"]) .dm-calc-link, :where(html[data-dm-css~="s49"]).dm-calc-link{display:inline-block;margin:.5rem 0;font-weight:600}:where(html[data-dm-css~="s49"]) .dm-investment__result h4, :where(html[data-dm-css~="s49"]).dm-investment__result h4{margin-top:1.2rem}:where(html[data-dm-css~="s49"]) .dm-investment__result fieldset, :where(html[data-dm-css~="s49"]).dm-investment__result fieldset{min-width:0}:where(html[data-dm-css~="s49"]) .dm-investment__result dl div, :where(html[data-dm-css~="s49"]).dm-investment__result dl div{overflow-wrap:anywhere}
:where(html[data-dm-css~="s49"]) .dm-roi-headline, :where(html[data-dm-css~="s49"]).dm-roi-headline{font-size:1.05rem;line-height:1.4}:where(html[data-dm-css~="s49"]) .dm-roi-headline strong, :where(html[data-dm-css~="s49"]).dm-roi-headline strong{display:inline-block;font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-top:.3rem}:where(html[data-dm-css~="s49"]) .dm-investment__form input[type=text], :where(html[data-dm-css~="s49"]).dm-investment__form input[type=text]{display:block;width:100%;min-height:48px;padding:.65rem .75rem;background:#fff;color:#171717;border:1px solid #697586;border-radius:0;font:inherit}
:where(html[data-dm-css~="s49"]) .dm-calc-advanced, :where(html[data-dm-css~="s49"]).dm-calc-advanced{margin:1.5rem 0;background:#e7effb;padding:1rem 1.15rem;border:1px solid #c5d0de}:where(html[data-dm-css~="s49"]) .dm-calc-advanced summary, :where(html[data-dm-css~="s49"]).dm-calc-advanced summary{font-size:1.02rem}:where(html[data-dm-css~="s49"]) .dm-calc-advanced[open] summary, :where(html[data-dm-css~="s49"]).dm-calc-advanced[open] summary{margin-bottom:.75rem}:where(html[data-dm-css~="s49"]) .dm-calc-check, :where(html[data-dm-css~="s49"]).dm-calc-check{display:flex!important;align-items:center;gap:.6rem;cursor:pointer}:where(html[data-dm-css~="s49"]) .dm-calc-check input, :where(html[data-dm-css~="s49"]).dm-calc-check input{width:1.2rem;height:1.2rem;flex:none;accent-color:#1454a3}:where(html[data-dm-css~="s49"]) .dm-investment__kicker, :where(html[data-dm-css~="s49"]).dm-investment__kicker{font-weight:600;margin-bottom:0}:where(html[data-dm-css~="s49"]) .dm-calc-provenance, :where(html[data-dm-css~="s49"]).dm-calc-provenance{margin:1.1rem 0}:where(html[data-dm-css~="s49"]) .dm-investment__result h3:focus, :where(html[data-dm-css~="s49"]).dm-investment__result h3:focus{outline:none}:where(html[data-dm-css~="s49"]) .dm-investment__result .dm-calc-details dl div, :where(html[data-dm-css~="s49"]).dm-investment__result .dm-calc-details dl div{align-items:baseline}:where(html[data-dm-css~="s49"]) .dm-investment__result .dm-calc-details dt, :where(html[data-dm-css~="s49"]).dm-investment__result .dm-calc-details dt{max-width:63%}
:where(html[data-dm-css~="s49"]) .dm-calc-scenario, :where(html[data-dm-css~="s49"]).dm-calc-scenario{margin:1.5rem 0;padding:1rem 1.25rem;background:#fff;border-left:3px solid #2e5f9b}:where(html[data-dm-css~="s49"]) .dm-calc-scenario h3, :where(html[data-dm-css~="s49"]).dm-calc-scenario h3{margin-top:0}:where(html[data-dm-css~="s49"]) .dm-calc-scenario p:last-child, :where(html[data-dm-css~="s49"]).dm-calc-scenario p:last-child{margin-bottom:0}

:where(html[data-dm-css~="s49"]) .dm-package-actions, :where(html[data-dm-css~="s49"]).dm-package-actions{display:flex;flex-wrap:wrap;gap:.6rem;width:100%;align-items:stretch}:where(html[data-dm-css~="s49"]) .dm-package-actions .c-button, :where(html[data-dm-css~="s49"]).dm-package-actions .c-button{flex:0 1 auto;width:auto;min-width:0;text-align:center;white-space:normal;justify-content:center}:where(html[data-dm-css~="s49"]) .dm-package-actions .dm-roi-card-button, :where(html[data-dm-css~="s49"]).dm-package-actions .dm-roi-card-button{flex:0 1 auto}

:where(html[data-dm-css~="s49"]) body.page-shop .dm-goal h3,
:where(html[data-dm-css~="s49"]) body.page-shop .c-card h2,
:where(html[data-dm-css~="s49"]) body.page-shop .c-card h3,
:where(html[data-dm-css~="s49"]) body.page-shop .c-card h4{font-weight:600}:where(html[data-dm-css~="s49"]) .dm-goal__next, :where(html[data-dm-css~="s49"]).dm-goal__next{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;font-weight:400}:where(html[data-dm-css~="s49"]) .dm-goal__next strong, :where(html[data-dm-css~="s49"]).dm-goal__next strong{font-weight:700}:where(html[data-dm-css~="s49"]) .dm-goal__next a, :where(html[data-dm-css~="s49"]).dm-goal__next a{text-decoration:underline;text-underline-offset:.18em;font-weight:600}:where(html[data-dm-css~="s49"]) .dm-journey a, :where(html[data-dm-css~="s49"]).dm-journey a{display:flex;align-items:center;gap:.65rem}:where(html[data-dm-css~="s49"]) .dm-journey__icon, :where(html[data-dm-css~="s49"]).dm-journey__icon{width:1.45rem;height:1.45rem;flex:none;color:#315f9f}:where(html[data-dm-css~="s49"]) .dm-journey small, :where(html[data-dm-css~="s49"]).dm-journey small{display:block;font-size:.82em;font-weight:600;text-decoration:none}

:where(html[data-dm-css~="s49"]) body.dm-package-hero-cutout .dm-clean-hero__placeholder-84.dm-hero-art__frame-88{background:transparent!important}:where(html[data-dm-css~="s49"]) body.dm-package-hero-cutout .dm-hero-art__image-88{top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:contain!important}

/* Clarity update: package contents, responsibilities and forecast assumptions. */
:where(html[data-dm-css~="s49"]) .dm-package-glance, :where(html[data-dm-css~="s49"]).dm-package-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2.4rem}:where(html[data-dm-css~="s49"]) .dm-package-glance>div, :where(html[data-dm-css~="s49"]).dm-package-glance>div{padding:1.25rem;background:#e7effb;color:#171717}:where(html[data-dm-css~="s49"]) .dm-package-glance h3, :where(html[data-dm-css~="s49"]).dm-package-glance h3{font-size:1.15rem;font-weight:600;margin:0 0 .55rem}:where(html[data-dm-css~="s49"]) .dm-package-glance p, :where(html[data-dm-css~="s49"]).dm-package-glance p{margin:0}:where(html[data-dm-css~="s49"]) .dm-package-boundary, :where(html[data-dm-css~="s49"]).dm-package-boundary{font-size:.9rem;color:#303a48}:where(html[data-dm-css~="s49"]) .dm-calc-assumptions, :where(html[data-dm-css~="s49"]).dm-calc-assumptions{padding:.75rem 1rem;background:#fff;border-left:3px solid #315f9f}:where(html[data-dm-css~="s49"]) .dm-investment__result #simple-master-note, :where(html[data-dm-css~="s49"]).dm-investment__result #simple-master-note{padding:.6rem 0}@media(max-width:760px){:where(html[data-dm-css~="s49"]) .dm-package-glance, :where(html[data-dm-css~="s49"]).dm-package-glance{grid-template-columns:1fr}}

:where(html[data-dm-css~="s49"]) .dm-package-glance h3, :where(html[data-dm-css~="s49"]).dm-package-glance h3{font-weight:600!important}:where(html[data-dm-css~="s49"]) .dm-package-hero-actions, :where(html[data-dm-css~="s49"]).dm-package-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}:where(html[data-dm-css~="s49"]) .dm-package-hero-actions .c-button, :where(html[data-dm-css~="s49"]).dm-package-hero-actions .c-button{width:auto;margin:0}:where(html[data-dm-css~="s49"]) .dm-package-hero-actions .c-text-link, :where(html[data-dm-css~="s49"]).dm-package-hero-actions .c-text-link{display:inline-block;margin:0}

:where(html[data-dm-css~="s49"]) .dm-buyer-invite, :where(html[data-dm-css~="s49"]).dm-buyer-invite{padding:1rem 1.4rem;background:#e7effb;font-size:1.05rem;margin:0}:where(html[data-dm-css~="s49"]) .dm-buyer-invite strong, :where(html[data-dm-css~="s49"]).dm-buyer-invite strong{font-weight:600}:where(html[data-dm-css~="s49"]) .dm-calc-upfront, :where(html[data-dm-css~="s49"]).dm-calc-upfront{max-width:70ch}
:where(html[data-dm-css~="s49"]) .dm-calc-table-wrap, :where(html[data-dm-css~="s49"]).dm-calc-table-wrap{max-width:100%;overflow-x:auto;margin:1rem 0;overscroll-behavior-inline:contain}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table{width:100%;min-width:790px;border-collapse:collapse;font-size:.9rem;line-height:1.4}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table caption, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table caption{text-align:left;margin-bottom:.6rem;color:#303a48}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table th, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table th,
:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table td, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table td{padding:.65rem .55rem;border-bottom:1px solid #c5d0de;text-align:right;vertical-align:top}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table thead th, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table thead th{background:#e7effb;font-weight:600}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table th:first-child, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table th:first-child{text-align:left}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table tbody th, :where(html[data-dm-css~="s49"]).dm-calc-monthly-table tbody th{font-weight:600}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table td:nth-child(3), :where(html[data-dm-css~="s49"]).dm-calc-monthly-table td:nth-child(3){min-width:8.5rem}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-bar, :where(html[data-dm-css~="s49"]).dm-calc-monthly-bar{display:block;height:.3rem;max-width:100%;background:#315f9f;margin:.35rem 0 0 auto}:where(html[data-dm-css~="s49"]) .dm-calc-monthly-table tbody tr:nth-child(even), :where(html[data-dm-css~="s49"]).dm-calc-monthly-table tbody tr:nth-child(even){background:#fff}

:where(html[data-dm-css~="s49"]) .dm-package-glance, :where(html[data-dm-css~="s49"]).dm-package-glance{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){:where(html[data-dm-css~="s49"]) .dm-package-glance, :where(html[data-dm-css~="s49"]).dm-package-glance{grid-template-columns:1fr}}


/* Inner pages: independently controlled full-width section backgrounds. */
body:not(.page-home) #main > :is(section,article)[data-dm-tone][data-dm-tone="white"] {background: #fff !important;}
body:not(.page-home) #main > :is(section,article)[data-dm-tone][data-dm-tone="mist"] {background: #ecf0f4 !important;}
/* Dark-feature copy needs dark ink on the light section surfaces. */
body:not(.page-home) #main > :is(section,article)[data-dm-tone] {color: #082c4a;}
body:not(.page-home) #main > :is(section,article)[data-dm-tone]:is(.l-section--ink,.c-dark-feature,.dm-hbsos-dark,.c-quote-band) :is(h1,h2,h3,h4,p,li,strong,.c-eyebrow):not(.c-card *):not(.c-button *):not(.c-button) {color: #082c4a !important; -webkit-text-fill-color: currentColor !important;}
/* Former dark case-study heroes now sit on white. */
body:not(.page-home) #main > .c-hero--ink[data-dm-tone] :is(h1,h2,h3,p,li,strong):not(.c-card *) {color:#082c4a !important;-webkit-text-fill-color:currentColor !important;}

/* Eight items in the homepage service strip. */
@media (min-width:70.01rem){body.page-home .dm-service-strip li{flex-basis:12.5%;}}

/* Mobile navigation: keep one scrollable panel for the entire menu. */
@media (max-width: 48rem) {
  .has-js .c-site-nav.c-site-nav--floating {
    width: min(90vw, 25rem);
    max-height: calc(100vh - var(--mobile-nav-top, 5.25rem) - 1rem);
    max-height: calc(100dvh - var(--mobile-nav-top, 5.25rem) - max(1rem, env(safe-area-inset-bottom)));
  }
  .c-site-nav--floating #services-menu.c-site-nav__menu,
  .c-site-nav--floating #packages-menu.c-site-nav__menu {
    max-height: none;
    overflow: visible;
  }
}