/* ===========================================================
   Service pages — shared layout on top of assets/spb.css
   Every service page leads with a chart, the way the home page does.
   =========================================================== */

.svc-hero{padding:clamp(120px,13vw,190px) 0 clamp(60px,6vw,96px);}
.svc-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,4.4vw,72px);align-items:center;}
.svc-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 18px;
  font-family:"Inter Tight",sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--magenta);}
.svc-hero__eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--magenta);}
.svc-hero h1{margin:0;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,3.9vw,3.4rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;}
.svc-hero__sub{margin:20px 0 0;max-width:46ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.66;color:var(--ink-soft);}
.svc-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.svc-hero__proof{display:flex;align-items:baseline;gap:12px;margin:28px 0 0;padding-top:22px;
  border-top:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--ink-soft);}
.svc-hero__proof b{flex:0 0 auto;white-space:nowrap;font-family:"Inter Tight",sans-serif;font-weight:800;
  font-size:19px;letter-spacing:-.03em;color:var(--magenta);}

/* the hero chart card */

.funnel{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:11px;}

/* what we look at — four read-outs with sparklines */
.look{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px);
  margin-top:clamp(30px,3.4vw,50px);}
.look__card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;
  padding:clamp(18px,1.9vw,24px);transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;}
.look__card:hover{border-color:rgba(176,18,107,.22);box-shadow:0 14px 34px -24px rgba(138,12,84,.55);}
.look__spark{height:56px;margin-bottom:16px;}
.look__spark svg{width:100%;height:100%;display:block;overflow:visible;}
.look__spark path{fill:none;stroke:var(--magenta);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);
  transition:stroke-dashoffset 1.4s cubic-bezier(.16,1,.3,1) .2s;}
.look__card.is-in .look__spark path{stroke-dashoffset:0;}
.look__spark rect{fill:rgba(176,18,107,.16);transform-origin:bottom;transform:scaleY(0);
  transition:transform .8s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * .08s + .2s);}
.look__card.is-in .look__spark rect{transform:scaleY(1);}
.look__card h3{margin:0 0 8px;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:16.5px;letter-spacing:-.02em;}
.look__card p{margin:0;font-size:14.4px;line-height:1.6;color:var(--ink-soft);}

/* what's included */
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);
  margin-top:clamp(30px,3.4vw,50px);}
.inc__card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;padding:clamp(22px,2.4vw,32px);
  transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;}
.inc__card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--magenta-accent),var(--magenta));
  transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);}
.inc__card:hover{border-color:rgba(176,18,107,.22);box-shadow:0 16px 40px -26px rgba(138,12,84,.55);}
.inc__card:hover::before{transform:scaleX(1);}
.inc__ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;
  background:rgba(176,18,107,.09);color:var(--magenta);}
.inc__ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;}
.inc__card h3{margin:0 0 10px;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:19px;letter-spacing:-.025em;}
.inc__card p{margin:0;font-size:15px;line-height:1.62;color:var(--ink-soft);}
.inc__list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.inc__list li{position:relative;padding-left:22px;font-size:14.2px;line-height:1.5;color:var(--ink-soft);}
.inc__list li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;
  background:rgba(176,18,107,.14);box-shadow:inset 0 0 0 2px var(--magenta);}

/* how it works */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px);
  margin-top:clamp(30px,3.4vw,50px);}
.step{position:relative;padding-top:26px;}
.step::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--line);}
.step::after{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--magenta);
  transition:width 1s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * .16s);}
.step.is-in::after{width:38%;}
.step b{display:block;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:12.5px;
  letter-spacing:.08em;color:var(--magenta);}
.step h3{margin:10px 0 8px;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:19px;letter-spacing:-.025em;}
.step p{margin:0;font-size:14.8px;line-height:1.62;color:var(--ink-soft);}

/* closing band */
.band{margin-top:clamp(40px,5vw,80px);border-radius:26px;overflow:hidden;
  padding:clamp(34px,4.4vw,68px) clamp(24px,3.6vw,60px);text-align:center;color:var(--white);
  background:
    radial-gradient(85% 70% at 18% 10%,rgba(194,24,122,.26),transparent 58%),
    radial-gradient(75% 75% at 90% 92%,rgba(72,5,31,.3),transparent 60%),
    linear-gradient(150deg,#C2187A,#8A0C54 55%,#48051F);}
.band h2{margin:0;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance;}
.band p{margin:16px auto 0;max-width:56ch;font-size:clamp(15px,1.2vw,17px);line-height:1.65;
  color:rgba(255,255,255,.82);}
.band__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;}
.band .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);box-shadow:none;}
.band .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);}

/* other services */
.more{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);
  margin-top:clamp(26px,3vw,42px);}
.more a{display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:16px;
  padding:18px 20px;font-family:"Inter Tight",sans-serif;font-weight:700;font-size:15.2px;
  letter-spacing:-.02em;color:var(--ink);text-decoration:none;
  transition:border-color .35s ease,box-shadow .35s ease,color .3s ease;}
.more a:hover{border-color:rgba(176,18,107,.26);box-shadow:0 14px 34px -24px rgba(138,12,84,.5);color:var(--magenta);}
.more a svg{transition:transform .35s cubic-bezier(.16,1,.3,1);}
.more a:hover svg{transform:translateX(4px);}
.more svg{flex:0 0 auto;width:15px;height:15px;}

@media (max-width:1000px){
  .svc-hero__grid{grid-template-columns:minmax(0,1fr);}

  .look{grid-template-columns:1fr 1fr;}
  .inc,.steps,.more{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .look{grid-template-columns:1fr;}

}

/* ===========================================================
   Hero variants — one chart idea per service, no two alike
   =========================================================== */

/* b) Lead Generation: dark band, centred copy, full-width funnel */
.hero-dark{position:relative;overflow:hidden;color:var(--white);
  padding:clamp(120px,13vw,190px) 0 clamp(50px,5vw,80px);
  background:
    radial-gradient(70% 60% at 15% 0%,rgba(226,72,159,.3),transparent 60%),
    radial-gradient(70% 70% at 88% 100%,rgba(72,5,31,.5),transparent 62%),
    linear-gradient(155deg,#8A0C54,#5C0836 52%,#2C0419);}
.hero-dark .svc-hero__eyebrow{color:#F6A8D2;}
.hero-dark .svc-hero__eyebrow::before{background:#F6A8D2;}
.hero-dark h1{font-family:"Inter Tight",sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.08;
  margin:0;font-size:clamp(2.1rem,4vw,3.5rem);text-wrap:balance;}
.hero-dark .svc-hero__sub{color:rgba(255,255,255,.8);}
.hero-dark .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);box-shadow:none;}
.hero-dark .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.62);}
.hero-mid{max-width:760px;margin:0 auto;text-align:center;}
.hero-mid .svc-hero__sub{margin-left:auto;margin-right:auto;}
.hero-mid .svc-hero__cta{justify-content:center;}

/* c) Strategy: chart on the left, copy on the right, roadmap bars */

/* d) Operations: a dial */

/* e) Leadership: capability radar on a soft glow */
.hero-glow{position:relative;
  background:
    radial-gradient(48% 52% at 78% 34%,rgba(194,24,122,.14),transparent 62%),
    radial-gradient(40% 46% at 12% 76%,rgba(194,24,122,.09),transparent 62%);}
.radar{display:grid;place-items:center;}
.radar svg{width:min(100%,430px);height:auto;overflow:visible;}
.radar .web{fill:none;stroke:var(--line);stroke-width:1;}
.radar .spoke{stroke:var(--line);stroke-width:1;}
.radar .shape{fill:rgba(176,18,107,.16);stroke:var(--magenta);stroke-width:2.2;stroke-linejoin:round;
  transform-origin:center;transform:scale(.05);opacity:0;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1) .25s,opacity .7s ease .25s;}
.radar .shape--now{fill:rgba(27,21,18,.06);stroke:rgba(27,21,18,.3);stroke-dasharray:5 5;
  transition-delay:.05s;}
.is-in .radar .shape{transform:scale(1);opacity:1;}
.radar text{font-family:"Inter",sans-serif;font-size:11.5px;fill:var(--ink-soft);}

/* f) Marketing: channels plotted by effort and return */

/* g) Governance: decision matrix on charcoal */

/* two-column "is / isn't" list */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,24px);margin-top:clamp(30px,3.4vw,50px);}
.duo__col{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.4vw,32px);}
.duo__col h3{margin:0 0 16px;font-family:"Inter Tight",sans-serif;font-weight:700;font-size:19px;letter-spacing:-.025em;}
.duo__col ul{margin:0;padding:0;list-style:none;display:grid;gap:11px;}
.duo__col li{position:relative;padding-left:28px;font-size:14.8px;line-height:1.55;color:var(--ink-soft);}
.duo__col li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;
  background:rgba(176,18,107,.12);}
.duo__col li::after{content:"";position:absolute;left:5px;top:8px;width:7px;height:4px;
  border-left:1.8px solid var(--magenta);border-bottom:1.8px solid var(--magenta);transform:rotate(-45deg);}
.duo__col--not li::before{background:rgba(27,21,18,.07);}
.duo__col--not li::after{left:5.5px;top:9.5px;width:7px;height:0;border-left:0;
  border-bottom:1.8px solid rgba(27,21,18,.4);transform:none;}

@media (max-width:1000px){

  .duo{grid-template-columns:1fr;}

}

/* nav sitting on a dark hero: white until it forms its pill */
body.on-dark .nav:not([data-stuck="true"]) .brand__name,
body.on-dark .nav:not([data-stuck="true"]) .brand__name span,
body.on-dark .nav:not([data-stuck="true"]) .nav__link{color:#fff;}
body.on-dark .nav:not([data-stuck="true"]) .nav__link:hover{background:rgba(255,255,255,.14);color:#fff;}
body.on-dark .nav:not([data-stuck="true"]) .burger span,
body.on-dark .nav:not([data-stuck="true"]) .burger span::before,
body.on-dark .nav:not([data-stuck="true"]) .burger span::after{background:#fff;}

/* ===========================================================
   Eight heroes, eight compositions
   =========================================================== */

/* a) Sales: the dashboard card bleeds off the right edge */
.hero-bleed{position:relative;overflow:hidden;}
.hero-bleed::before{content:"";position:absolute;top:0;bottom:0;right:0;width:44%;
  background:linear-gradient(180deg,rgba(176,18,107,.08),rgba(176,18,107,.02));
  border-left:1px solid var(--line);}
.hero-bleed .shell{position:relative;}
.hero-bleed .svc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);}

/* c) Strategy: two-column header, then a full-width roadmap band */
.hero-rail{padding:clamp(120px,13vw,190px) 0 0;}
.rail-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(24px,3.6vw,64px);align-items:end;}
.rail-head h1{margin:0;}

/* d) Operations: one huge dial behind the copy, numbers along the bottom */

/* e) Leadership: headline across the top, radar between two columns */
.hero-centre{text-align:center;}
.hero-centre .svc-hero__eyebrow{justify-content:center;}
.hero-centre h1{max-width:18ch;margin:0 auto;}
.hero-centre .svc-hero__sub{margin-left:auto;margin-right:auto;}
.hero-centre .svc-hero__cta{justify-content:center;}

/* f) Marketing: the bubbles are the backdrop */

.field{position:absolute;inset:0;pointer-events:none;}
.field svg{width:100%;height:100%;display:block;}

.field text{font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:600;fill:rgba(27,21,18,.4);
  opacity:0;transition:opacity .7s ease calc(var(--i,0) * .09s + .5s);}
.is-in .field text{opacity:1;}

/* g) Governance: true black, a board of what gets your attention */
.hero-black{position:relative;overflow:hidden;color:var(--white);
  padding:clamp(120px,13vw,190px) 0 clamp(56px,5.6vw,90px);
  background:
    radial-gradient(56% 46% at 78% 0%,rgba(194,24,122,.26),transparent 62%),
    radial-gradient(40% 40% at 8% 96%,rgba(194,24,122,.12),transparent 62%),
    #08080A;}
.hero-black .svc-hero__eyebrow{color:#F6A8D2;}
.hero-black .svc-hero__eyebrow::before{background:#F6A8D2;}
.hero-black h1{margin:0;max-width:17ch;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,4.1vw,3.6rem);line-height:1.06;letter-spacing:-.035em;}
.hero-black .svc-hero__sub{color:rgba(255,255,255,.76);}
.hero-black .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);box-shadow:none;}
.hero-black .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.62);}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);
  margin-top:clamp(44px,4.8vw,80px);}

@media (max-width:1000px){
  .hero-bleed::before{display:none;}

  .rail-head{grid-template-columns:minmax(0,1fr);}

  .board{grid-template-columns:1fr;}
}

/* ---- Governance: black hero with the home page's growing bars ---- */
.hero-black{display:flex;flex-direction:column;padding-bottom:0;}
.hero-black__copy{flex:0 0 auto;}
.hero-black__note{margin:clamp(24px,2.6vw,38px) 0 0;font-size:14.5px;color:rgba(255,255,255,.62);}
.hero-black .chart{margin-top:clamp(40px,5vw,86px);min-height:clamp(150px,19vw,290px);
  filter:blur(11px);opacity:.92;
  background:linear-gradient(to top,rgba(194,24,122,.34) 0%,rgba(176,18,107,.16) 26%,rgba(176,18,107,0) 54%);}

/* ---- Marketing: a network of connections, drawn on plum → violet ---- */
.hero-net{position:relative;overflow:hidden;color:var(--white);text-align:center;
  padding:clamp(120px,13vw,190px) 0 clamp(56px,6vw,96px);
  background:
    radial-gradient(52% 48% at 16% 8%,rgba(255,138,92,.22),transparent 62%),
    radial-gradient(56% 52% at 86% 92%,rgba(120,60,220,.34),transparent 64%),
    linear-gradient(152deg,#3D0A4E,#6A0F55 46%,#2A0733);}
.hero-net .svc-hero__eyebrow{justify-content:center;color:#FFC6A3;}
.hero-net .svc-hero__eyebrow::before{background:#FFC6A3;}
.hero-net h1{margin:0 auto;max-width:17ch;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.07;letter-spacing:-.035em;}
.hero-net .svc-hero__sub{margin:20px auto 0;color:rgba(255,255,255,.8);}
.hero-net .svc-hero__cta{justify-content:center;}
.hero-net .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.42);box-shadow:none;}
.hero-net .btn--ghost:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.66);}
.hero-net__copy{position:relative;z-index:1;}
.hero-net__note{margin:clamp(26px,3vw,44px) auto 0;max-width:52ch;font-size:13.6px;line-height:1.6;
  color:rgba(255,255,255,.58);}
.net{position:absolute;inset:0;pointer-events:none;}
.net svg{width:100%;height:100%;display:block;}
.net .edge{stroke:rgba(255,255,255,.3);stroke-width:1.2;
  stroke-dasharray:var(--len,300);stroke-dashoffset:var(--len,300);
  transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1) calc(var(--i,0) * .07s + .1s);}
.is-in .net .edge{stroke-dashoffset:0;}
.net .node{fill:rgba(255,255,255,.14);stroke:rgba(255,255,255,.5);stroke-width:1.4;
  transform-origin:center;transform:scale(0);opacity:0;
  transition:transform .8s cubic-bezier(.34,1.56,.64,1) calc(var(--i,0) * .09s + .5s),
             opacity .5s ease calc(var(--i,0) * .09s + .5s);}
.net .node--warm{fill:rgba(255,166,110,.34);stroke:#FFC6A3;stroke-width:1.8;}

.is-in .net .node{transform:scale(1);opacity:1;}
.net text{font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:600;fill:rgba(255,255,255,.62);
  opacity:0;transition:opacity .7s ease calc(var(--i,0) * .09s + .9s);}
.is-in .net text{opacity:1;}

.net .edge--spoke{stroke:rgba(255,255,255,.16);stroke-dasharray:var(--len,300);}
.hero-net__copy{max-width:640px;margin:0 auto;}
@media (max-width:1000px){
  .net{opacity:.5;}
  .hero-net__copy{max-width:none;}
}

/* ===========================================================
   About page
   =========================================================== */

/* ---- Operations: dark band up top, flow card overlapping the edge ---- */
.hero-ops{padding:0 0 clamp(40px,4.4vw,76px);}
.hero-ops__top{color:var(--white);
  padding:clamp(120px,13vw,190px) 0 clamp(96px,11vw,170px);
  background:
    radial-gradient(48% 46% at 88% 12%,rgba(194,24,122,.3),transparent 62%),
    radial-gradient(38% 40% at 2% 92%,rgba(226,72,159,.14),transparent 62%),
    linear-gradient(160deg,#1C1419,#120C10 62%,#0C0809);}
.hero-ops__top .svc-hero__eyebrow{color:#F6A8D2;}
.hero-ops__top .svc-hero__eyebrow::before{background:#F6A8D2;}
.hero-ops__top h1{margin:0;max-width:16ch;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,4.1vw,3.6rem);line-height:1.06;letter-spacing:-.035em;}
.hero-ops__top .svc-hero__sub{color:rgba(255,255,255,.76);}
.hero-ops__top .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);box-shadow:none;}
.hero-ops__top .btn--ghost:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.64);}

.flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.2vw,20px);}
.flow::before{content:"";position:absolute;left:6%;right:6%;top:26px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(176,18,107,.12),rgba(176,18,107,.3),rgba(176,18,107,.12));}

@keyframes flowRun{
  0%{transform:translateX(0);opacity:0;}
  6%{opacity:1;}
  94%{opacity:1;}
  100%{transform:translateX(calc(100% - 12px));opacity:0;}}

@media (max-width:1000px){
  .hero-bleed .svc-hero__grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:560px){
  /* phones: keep cards and panels wide, trim their inner padding instead */
  .mo__panel{padding:16px;}
  .inc__card,.look__card,.duo__col{padding:18px;}
  .band{padding:28px 18px;}
  .svc-hero,.hero-rail{padding-left:0;padding-right:0;}
}
@media (max-width:1000px){
  .flow{grid-template-columns:1fr 1fr;gap:26px;}
  .flow::before{display:none;}

}
@media (max-width:560px){ .flow{grid-template-columns:1fr;} }

/* ===========================================================
   About page, second pass: quieter, with charts behind the words
   =========================================================== */

.ab2-hero{position:relative;overflow:hidden;padding:clamp(120px,13vw,190px) 0 clamp(50px,5.4vw,90px);
  background:radial-gradient(44% 48% at 84% 16%,rgba(194,24,122,.1),transparent 62%);}
.ab2-hero__grid{position:relative;z-index:1;display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,4.4vw,76px);align-items:center;}
.ab2-hero h1{margin:0;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.06;letter-spacing:-.038em;text-wrap:balance;}
.ab2-hero h1 em{font-style:normal;
  background:linear-gradient(120deg,var(--magenta-accent),#7D0A4A 76%);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.ab2-lede{margin:24px 0 0;max-width:48ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.68;color:var(--ink-soft);}
.ab2-by{display:flex;align-items:center;gap:12px;margin:26px 0 0;padding-top:22px;
  border-top:1px solid var(--line);}
.ab2-by img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 22%;}
.ab2-by b{display:block;font-family:"Inter Tight",sans-serif;font-weight:700;font-size:14.8px;letter-spacing:-.015em;}
.ab2-by span{display:block;margin-top:2px;font-size:13px;color:var(--ink-soft);}

.ab2-figure{position:relative;}
.ab2-figure__tint{position:absolute;inset:auto -18px -18px 22%;height:78%;border-radius:28px;
  background:linear-gradient(150deg,rgba(194,24,122,.16),rgba(255,138,92,.12));}
.ab2-figure img{position:relative;width:100%;height:auto;display:block;border-radius:24px;
  box-shadow:0 34px 70px -38px rgba(27,21,18,.55);}
.ab2-figure__badge{position:absolute;left:clamp(-14px,-1vw,0px);bottom:clamp(20px,2.4vw,38px);
  padding:13px 17px;border-radius:15px;background:var(--surface);border:1px solid var(--line);
  box-shadow:var(--shadow-md);}
.ab2-figure__badge b{display:block;font-family:"Inter Tight",sans-serif;font-weight:800;
  font-size:23px;letter-spacing:-.04em;line-height:1;color:var(--magenta);}
.ab2-figure__badge span{display:block;margin-top:5px;font-size:12.2px;color:var(--ink-soft);max-width:15ch;line-height:1.35;}

.ab2-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:clamp(40px,4.4vw,72px);border-top:1px solid var(--line);}
.ab2-facts div{padding:clamp(20px,2.2vw,32px) clamp(14px,1.6vw,26px) 0 0;}
.ab2-facts b{display:block;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(16px,1.5vw,20px);letter-spacing:-.03em;line-height:1.15;}
.ab2-facts span{display:block;margin-top:8px;font-size:13.2px;line-height:1.5;color:var(--ink-soft);}

/* numbered rows instead of four little boxes */
.ab2-rows{margin-top:clamp(26px,3vw,46px);border-top:1px solid var(--line);}
.ab2-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:clamp(14px,2vw,34px);
  align-items:baseline;padding:clamp(20px,2.2vw,30px) 0;border-bottom:1px solid var(--line);
  transition:background .35s ease;}
.ab2-row:hover{background:rgba(176,18,107,.03);}
.ab2-row b{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;
  color:var(--magenta);}
.ab2-row p{margin:0;font-size:clamp(15.5px,1.25vw,18px);line-height:1.55;}
.ab2-row p small{display:block;margin-top:6px;font-size:14px;line-height:1.55;color:var(--ink-soft);}

/* the three core areas */
.ab2-areas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px);
  margin-top:clamp(30px,3.4vw,50px);}
.ab2-area{position:relative;display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--line);border-radius:20px;padding:clamp(22px,2.4vw,32px);
  transition:border-color .35s ease,box-shadow .35s ease;}
.ab2-area:hover{border-color:rgba(176,18,107,.22);box-shadow:0 16px 40px -26px rgba(138,12,84,.55);}
.ab2-area__no{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.06em;
  color:var(--magenta);}
.ab2-area h3{margin:14px 0 10px;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:19px;letter-spacing:-.025em;}
.ab2-area p{margin:0 0 20px;font-size:15px;line-height:1.62;color:var(--ink-soft);}
.ab2-area a{margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-family:"Inter Tight",sans-serif;font-weight:700;font-size:14.4px;letter-spacing:-.01em;
  color:var(--magenta);text-decoration:none;}
.ab2-area a svg{width:13px;height:13px;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.ab2-area:hover a svg{transform:translateX(5px);}

@media (max-width:1000px){
  .ab2-hero__grid{grid-template-columns:minmax(0,1fr);}
  .ab2-figure{max-width:420px;}
  .ab2-facts{grid-template-columns:1fr 1fr;}
  .ab2-areas{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .ab2-facts{grid-template-columns:1fr;}
  .ab2-row{grid-template-columns:40px minmax(0,1fr);}
}

/* one screen, one sentence */
.creed{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(100svh,880px);
  padding:clamp(60px,8vw,120px) 0;overflow:hidden;color:var(--white);
  background:
    radial-gradient(58% 52% at 18% 8%,rgba(255,138,92,.16),transparent 62%),
    radial-gradient(54% 50% at 88% 94%,rgba(72,5,31,.5),transparent 64%),
    linear-gradient(152deg,#C2187A,#8A0C54 52%,#48051F);}
.creed__quote{margin:0 auto;max-width:min(92vw,980px);text-align:center;}
.creed__quote p{margin:0;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(1.9rem,4.4vw,3.7rem);line-height:1.1;letter-spacing:-.038em;text-wrap:balance;}
.creed__quote p em{font-style:normal;color:#FFD9EC;}
.creed__quote footer{display:flex;align-items:center;justify-content:center;gap:13px;
  margin-top:clamp(34px,4vw,60px);}
.creed__quote footer img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 20%;
  box-shadow:0 0 0 2px rgba(255,255,255,.35);}
.creed__quote footer span{text-align:left;}
.creed__quote footer b{display:block;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:15.5px;letter-spacing:-.015em;}
.creed__quote footer span span{display:block;margin-top:3px;font-size:13.4px;color:rgba(255,255,255,.72);}
@media (max-width:700px){ .creed__quote{max-width:92vw;} }

/* ---- Other ways we help: an editorial list, each row with its own glyph ---- */
.nx{margin-top:clamp(26px,3vw,46px);border-top:1px solid var(--line);}
.nx__row{position:relative;display:grid;
  grid-template-columns:46px 62px minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.8vw,30px);
  padding:clamp(18px,2.1vw,28px) 0;border-bottom:1px solid var(--line);
  color:inherit;text-decoration:none;transition:background .4s ease;}
.nx__row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;
  background:linear-gradient(90deg,var(--magenta-accent),var(--magenta));
  transition:width .55s cubic-bezier(.16,1,.3,1);}
.nx__row:hover{background:rgba(176,18,107,.03);}
.nx__row:hover::after{width:100%;}
.nx__no{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.06em;
  color:var(--num,#A8A2A6);transition:color .35s ease;}
.nx__row:hover .nx__no{color:var(--magenta);}
.nx__fig{width:62px;height:30px;}
.nx__fig svg{width:100%;height:100%;overflow:visible;}
.nx__fig [stroke]{stroke:rgba(27,21,18,.34);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .35s ease;}
.nx__fig [fill]:not([stroke]){fill:rgba(27,21,18,.2);transition:fill .35s ease;}
.nx__row:hover .nx__fig [stroke]{stroke:var(--magenta);}
.nx__row:hover .nx__fig [fill]:not([stroke]){fill:var(--magenta);}
.nx__text b{display:block;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(16px,1.5vw,21px);letter-spacing:-.025em;line-height:1.2;
  transition:transform .45s cubic-bezier(.16,1,.3,1);}
.nx__row:hover .nx__text b{transform:translateX(5px);}
.nx__text span{display:block;margin-top:5px;font-size:13.8px;line-height:1.5;color:var(--ink-soft);
  transition:transform .45s cubic-bezier(.16,1,.3,1) .04s;}
.nx__row:hover .nx__text span{transform:translateX(5px);}
.nx__go{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);color:var(--ink-soft);
  transition:background .35s ease,border-color .35s ease,color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);}
.nx__go svg{width:14px;height:14px;}
.nx__row:hover .nx__go{background:var(--magenta);border-color:var(--magenta);color:#fff;transform:translateX(4px);}
@media (max-width:700px){
  .nx__row{grid-template-columns:34px minmax(0,1fr) auto;gap:14px;}
  .nx__fig{display:none;}
  .nx__go{width:32px;height:32px;}
}

/* a wide photograph of the work actually happening */

/* ---- Technology, AI & automation: today by hand, after automated ---- */
.hero-swap{padding:clamp(120px,13vw,190px) 0 clamp(50px,5.4vw,90px);text-align:center;}
.hero-swap .svc-hero__eyebrow{justify-content:center;}
.hero-swap h1{margin:0 auto;max-width:19ch;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.07;letter-spacing:-.036em;text-wrap:balance;}
.hero-swap .svc-hero__sub{margin:22px auto 0;}
.hero-swap .svc-hero__cta{justify-content:center;}
.swap{display:grid;grid-template-columns:minmax(0,1fr) clamp(40px,5vw,84px) minmax(0,1fr);
  align-items:center;gap:clamp(10px,1.4vw,20px);margin-top:clamp(40px,4.6vw,76px);text-align:left;}

@media (max-width:820px){
  .swap{grid-template-columns:minmax(0,1fr);}

}

/* the photograph sits behind the line, held back so the words stay first */
.creed__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;
  object-position:50% 40%;opacity:.5;transform:scale(1.06);
  transition:transform 2.4s cubic-bezier(.16,1,.3,1),opacity 1.4s ease;}
.creed.is-in .creed__bg{transform:scale(1);}
.creed__veil{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(58% 52% at 50% 48%,rgba(138,12,84,.5),rgba(62,4,28,.78) 74%),
    linear-gradient(180deg,rgba(72,5,31,.32),rgba(36,2,18,.56));}
.creed__quote{position:relative;z-index:1;}
@media (max-width:700px){ .creed__bg{opacity:.38;} }

/* the capability list: what the right answer has looked like elsewhere */
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(10px,1.2vw,16px);
  margin-top:clamp(28px,3.2vw,46px);}
.cap{border:1px solid var(--line);border-radius:16px;background:var(--surface);
  padding:clamp(16px,1.8vw,22px);transition:border-color .35s ease,box-shadow .35s ease;}
.cap:hover{border-color:rgba(176,18,107,.22);box-shadow:0 14px 34px -26px rgba(138,12,84,.6);}
.cap b{display:block;font-family:"Inter Tight",sans-serif;font-weight:700;font-size:15.4px;
  letter-spacing:-.02em;}
.cap span{display:block;margin-top:6px;font-size:13.6px;line-height:1.5;color:var(--ink-soft);}

/* =====================================================================
   Service pages: home type system, and dashboards in the same style as
   the Services showcase on the home page (magenta stage, glass cards)
   ===================================================================== */

/* headlines use the home display face and sizes */
body.home :is(h1,h2){font-family:var(--f-display);font-weight:400;
  font-variation-settings:"opsz" 144,"SOFT" 100;letter-spacing:-.02em;}
body.home .svc-hero h1{font-size:clamp(2.3rem,min(5vw,8svh),4.1rem);line-height:1.04;max-width:20ch;text-wrap:balance;}
body.home .hero-mid h1,body.home .hero-centre h1,body.home .hero-net h1,body.home .hero-swap h1{margin-inline:auto;}
body.home .svc-hero__sub{font-size:clamp(15.5px,min(1.3vw,2.05svh),18px);line-height:1.6;}
body.home .svc-hero__eyebrow{font-family:var(--f-sauce);font-weight:600;font-size:12.5px;letter-spacing:.12em;}
body.home .sec__title{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;}
body.home .sec__sub{font-size:clamp(15.5px,1.2vw,17.5px);}
body.home .band h2{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.1;}
body.home :is(.inc__card,.step) h3{font-size:clamp(16px,1.3vw,18px);letter-spacing:-.012em;}
body.home :is(.inc__card,.step) p{font-size:15px;line-height:1.62;}

/* stage: borrows every --db token from .svc, so it matches the home showcase */
:root .svc.dbs,:root[data-theme] .svc.dbs{display:block;position:relative;margin:clamp(36px,4.4vw,64px) auto 0;max-width:1000px;
  padding:clamp(18px,2.6vw,36px);border-radius:26px;background:var(--db-stage);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 90px -40px rgba(138,12,84,.65);
  text-align:left;}
:root .svc.dbs--ink,:root[data-theme] .svc.dbs--ink{--db-stage:
  radial-gradient(80% 70% at 85% 0%,rgba(255,111,184,.20),transparent 60%),
  linear-gradient(160deg,#241019,#0E080B 70%);
  border-color:rgba(255,255,255,.12);}
.dbs .db__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.dbs .db__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--db-line);font-size:12px;color:var(--db-mute);}
.dbs .dbx__row .dbc{min-height:96px;}
.dbs .dbc ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:12.5px;color:var(--db-soft);}
.dbs .dbc li{position:relative;padding-left:12px;}
.dbs .dbc li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--db-accent);}

/* entrance: mirrors the home slide animation, triggered by scroll reveal */
.dbs.is-in :is(.db__row,.db__fn,.dbc,.db__step,.db__gr){animation:dbIn .6s cubic-bezier(.22,1,.36,1) backwards;}
.dbs.is-in :is(.db__row,.db__fn,.db__gr,.db__step):nth-child(2){animation-delay:.07s;}
.dbs.is-in :is(.db__row,.db__fn,.db__gr,.db__step):nth-child(3){animation-delay:.14s;}
.dbs.is-in :is(.db__row,.db__fn,.db__gr,.db__step):nth-child(4){animation-delay:.21s;}
.dbs.is-in :is(.db__row,.db__fn,.db__gr,.db__step):nth-child(5){animation-delay:.28s;}
.dbs.is-in .dbc:nth-child(1){animation-delay:.3s;}
.dbs.is-in .dbc:nth-child(2){animation-delay:.38s;}
.dbs.is-in .dbc:nth-child(3){animation-delay:.46s;}
.dbs.is-in :is(.db__meter i,.db__cmpbar,.db__gbar){animation:dbGrow 1s cubic-bezier(.22,1,.36,1) .25s backwards;}

/* funnel rows (lead generation, sales) */
.dbs .db__row--fun{grid-template-columns:110px minmax(0,1fr) 44px;}

/* gantt (strategy) */
.db__gq{display:grid;grid-template-columns:130px repeat(4,minmax(0,1fr));margin-bottom:6px;
  font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--db-mute);}
.db__gq span:first-child{text-transform:none;letter-spacing:0;font-weight:500;}
.db__gq span.is-now{color:var(--db-accent);}
.db__gr{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;padding:9px 0;
  border-top:1px solid var(--db-line);}
.db__gr > span{font-size:13.5px;font-weight:600;}
.db__gtrack{position:relative;height:26px;border-radius:8px;
  background:repeating-linear-gradient(90deg,var(--db-line) 0 1px,transparent 1px 25%);}
.db__gbar{position:absolute;top:4px;bottom:4px;left:var(--x);width:var(--w);border-radius:6px;transform-origin:left;
  background:linear-gradient(90deg,#FF6FB8,#C2187A);box-shadow:0 6px 16px rgba(226,72,159,.28);}
.db__gbar.is-soft{background:var(--db-accent-2);box-shadow:none;}
.db__gbar.is-done{background:linear-gradient(90deg,#7FE3B5,#2FA574);box-shadow:none;}

/* radar (leadership) */
.db__split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:center;}
.dbs .radar svg{width:min(100%,300px);}
.dbs .radar .web,.dbs .radar .spoke{stroke:var(--db-line);}
.dbs .radar .shape{fill:rgba(255,111,184,.22);stroke:var(--db-accent);}
.dbs .radar .shape--now{fill:var(--db-track);stroke:var(--db-mute);}
.dbs .radar text{fill:var(--db-soft);font-size:11px;}
.dbs.is-in .radar .shape{transform:scale(1);opacity:1;}
.db__pairs{display:grid;gap:11px;}
.db__pairs > div > b{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:5px;}
.db__pairs > div > b em{font-style:normal;font-weight:600;color:var(--db-accent);font-size:12px;}
.db__pairs .db__meter + .db__meter{margin-top:3px;}
.db__meter.db__meter--now i{background:var(--db-track-2);}

/* line chart (sales) */
.db__plot{position:relative;height:150px;}
.db__plot svg{display:block;width:100%;height:100%;overflow:visible;}
.db__plot .pg line{stroke:var(--db-line);stroke-width:1;vector-effect:non-scaling-stroke;}
.db__plot .pl{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;}
.dbs.is-in .db__plot .pl{stroke-dasharray:600;animation:dbsDraw 1.6s cubic-bezier(.22,1,.36,1) .2s backwards;}
@keyframes dbsDraw{from{stroke-dashoffset:600;}}
.db__plotx{display:flex;justify-content:space-between;margin:6px 0 10px;font-size:11px;color:var(--db-mute);}

/* process steps (operations) */
.db__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;}
.db__steps::before{content:"";position:absolute;left:10%;right:10%;top:17px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--db-accent-2),var(--db-accent));}
.db__step{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:5px;padding:0 4px 12px;}
.db__step i{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  font-style:normal;font-size:12px;font-weight:700;color:var(--db-ink);
  background:var(--db-card-solid);border:1.5px solid var(--db-accent-2);box-shadow:0 0 0 4px var(--db-accent-soft);}
.db__step b{font-size:13.5px;font-weight:600;margin-top:4px;}
.db__step small{font-size:11.5px;line-height:1.35;color:var(--db-soft);}
.db__step.is-jam i{background:linear-gradient(140deg,#FFC86B,#E39A2D);border-color:transparent;color:#2A1606;
  box-shadow:0 0 0 5px rgba(255,200,107,.2);}
.db__step em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--db-warn);
  padding:2px 8px;border-radius:999px;background:rgba(255,200,107,.14);}

/* before / after hours (technology) */
.dbs .db__row--cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}

/* sales hero: the dashboard takes the right column */
:root[data-theme] .hero-bleed .svc.dbs,:root .hero-bleed .svc.dbs{margin:0;max-width:none;}

@media (max-width:760px){
  .db__split2{grid-template-columns:1fr;}
  .db__steps{grid-template-columns:1fr;gap:4px;}
  .db__steps::before{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto;}
  .db__step{grid-template-columns:36px 1fr;justify-items:start;text-align:left;column-gap:12px;padding:6px 0;}
  .db__step i{grid-row:1 / span 3;}
  .db__step b{margin-top:0;}
  .db__gq,.db__gr{grid-template-columns:100px minmax(0,1fr);}
  .db__gq{grid-template-columns:100px repeat(4,minmax(0,1fr));}
  .dbs .db__row--fun{grid-template-columns:86px minmax(0,1fr) 40px;}
}
@media (max-width:560px){
  :root .svc.dbs,:root[data-theme] .svc.dbs{padding:12px;border-radius:20px;}
  .dbs .db__row--cmp{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .dbs.is-in *{animation:none !important;}
}

body.home .hero-bleed h1,body.home .rail-head h1{font-size:clamp(2.2rem,min(4.1vw,7.4svh),3.6rem);}

/* ===========================================================
   Every service hero is centred, the same way as Leadership:
   eyebrow, headline, subline and buttons on the centre line,
   any dashboard sits full width underneath.
   =========================================================== */
.hero-black__copy,
.hero-ops__top .shell,
.rail-head,
.hero-bleed .svc-hero__grid > .reveal:first-child{text-align:center;}

.hero-black__copy .svc-hero__eyebrow,
.hero-ops__top .svc-hero__eyebrow,
.rail-head .svc-hero__eyebrow,
.hero-bleed .svc-hero__eyebrow{justify-content:center;}

.hero-black__copy h1,
.hero-ops__top h1,
.rail-head h1,
.hero-bleed h1{max-width:20ch;margin-left:auto;margin-right:auto;text-wrap:balance;}

.hero-black__copy .svc-hero__sub,
.hero-ops__top .svc-hero__sub,
.rail-head .svc-hero__sub,
.hero-bleed .svc-hero__sub{margin-left:auto;margin-right:auto;}

.hero-black__copy .svc-hero__cta,
.hero-ops__top .svc-hero__cta,
.rail-head .svc-hero__cta,
.hero-bleed .svc-hero__cta{justify-content:center;}

.hero-black__note{margin-left:auto;margin-right:auto;max-width:52ch;}

/* Strategy: the two column header stacks into one centred column */
.rail-head{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;max-width:900px;margin-inline:auto;}

/* Sales: copy above, dashboard below, no right hand tint panel */
.hero-bleed::before{display:none;}
.hero-bleed .svc-hero__grid,
.hero-bleed .svc-hero__grid{grid-template-columns:minmax(0,1fr);justify-items:center;}
.hero-bleed .svc-hero__grid > .reveal:first-child{max-width:900px;}
:root .hero-bleed .svc-hero__grid > .svc.dbs,:root[data-theme] .hero-bleed .svc-hero__grid > .svc.dbs{width:100%;max-width:1000px;margin:clamp(28px,3vw,48px) auto 0;}
.hero-bleed .svc-hero__proof{justify-content:center;max-width:640px;margin-left:auto;margin-right:auto;text-align:left;}

/* closing band: the section already has its heading, so the band line is styled text, not a second heading */
.band .band__title{margin:0 auto;max-width:none;font-family:"Inter Tight",sans-serif;font-weight:700;
  font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.03em;text-wrap:balance;color:inherit;}
body.home .band .band__title{font-family:var(--f-display);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 100;
  letter-spacing:-.02em;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.1;}

/* two card summary row (sales) */
.dbx__row--2{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:640px){
  .dbx__row--2{grid-template-columns:1fr;}
  /* radar labels sit outside the web, so give them room inside the card */
  .dbs .radar{padding:0 30px;}
  .dbs .radar svg{width:100%;}
}