@font-face{font-family:Bricolage;src:url('/fonts/BricolageGrotesque-Variable.woff2')}@font-face{font-family:Mono;src:url('/fonts/JetBrainsMono-400.woff2')}*{box-sizing:border-box}body{margin:0;background:#a8b7b1;background-image:radial-gradient(#64797255 .65px,transparent .65px);background-size:4px 4px;color:#292c2e;font:17px/1.8 Bricolage,sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #385caa;outline-offset:5px}.desktop-menu{display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;background:#faf9f5;border-bottom:1px solid #252729;font:12px/1.5 Mono,monospace}.desktop-menu a{text-decoration:none}.case-window{max-width:1100px;margin:50px auto 90px;background:#faf9f5;border:1px solid #292c2e;border-radius:12px;box-shadow:8px 8px 0 #263e3a60;overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:1px solid #292c2e;background:repeating-linear-gradient(0deg,transparent 0 2px,#76797655 2px 3px,transparent 3px 5px);font:12px/1 Mono,monospace}.window-bar span{background:#faf9f5;padding:5px 14px}.window-bar a{width:21px;height:21px;display:grid;place-items:center;background:#faf9f5;border:1px solid;text-decoration:none}.window-bar i{width:21px}header{padding:60px 7% 40px}.eyebrow{font:11px/1.4 Mono,monospace;text-transform:uppercase;color:#68746c}h1{font-size:clamp(44px,7vw,80px);line-height:1.05;letter-spacing:-.045em;margin:24px 0}h2{font-size:25px;line-height:1.2;margin:0 0 20px;font-weight:500}.case-deck{font-size:clamp(20px,3vw,28px);max-width:30ch;color:#626b70;margin:0}.case-meta{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px;font:11px/1.5 Mono,monospace;color:#626b70}.case-hero{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;margin:0 3%;padding:25px;border:1px solid #a5afa9;border-radius:10px;background:#e5eae7;overflow:hidden;min-height:330px}.case-hero img{width:100%;height:auto;display:block;border-radius:5px}.case-hero svg{width:180px;height:180px}.bento-art-title{font-size:38px}.case-body{padding:20px 7% 40px}.case-section{display:grid;grid-template-columns:45px 1fr;gap:24px;padding:45px 0;border-bottom:1px solid #d0d4cc}.case-index{font:12px/1.5 Mono,monospace;color:#77847a}.case-section p{max-width:70ch;margin:0;color:#566069}figure{margin:40px 0}figure img{width:100%;height:auto;border:1px solid #c8cec8;border-radius:8px}.case-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #b3bcb4;padding:25px 7%;font:12px/1.5 Mono,monospace}@media(max-width:700px){.desktop-menu>span{display:none}.case-window{margin:24px 16px 50px}header{padding:35px 24px}.case-body{padding:0 24px 25px}.case-section{grid-template-columns:25px 1fr;gap:12px}.case-hero{min-height:220px;padding:12px}}

/* Case-study evidence: the palette and type roles are visible, not buried in prose. */
.case-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:20px 0 26px;padding:18px;background:#fff;border:1px solid #e4e9ef;border-radius:12px;box-shadow:0 3px 12px -8px #24395038}
.case-swatch{min-width:0;overflow:hidden;border:1px solid #becbd94d;border-radius:8px;background:#fff;padding:0 10px 10px}
.case-swatch::before{content:'';display:block;height:58px;margin:0 -10px 10px;background:var(--swatch);border-bottom:1px solid #10182814}
.case-swatch>span{display:block;font-size:11px;line-height:1.4;font-weight:650;color:#202a3b}
.case-swatch>code{display:block;margin-top:4px;font:10px/1.4 'JetBrains Mono',monospace;color:#4f5c70}
.case-type-system{margin:22px 0 28px}
.case-type-system>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid #9eacc34d}
.case-type-system dt{font-size:11px;font-weight:650;color:#26354a}
.case-type-system dd{margin:0;font-size:13px;line-height:1.65;color:#3a495e}
@media(max-width:500px){.case-palette{gap:8px;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.case-swatch::before{height:48px}.case-type-system>div{grid-template-columns:70px minmax(0,1fr);gap:10px}}
@media(forced-colors:active){.case-palette{background:Canvas;border-color:CanvasText;box-shadow:none}.case-swatch{border-color:CanvasText}.case-swatch>span,.case-swatch>code,.case-type-system dt,.case-type-system dd{color:CanvasText}.case-type-system>div{border-color:CanvasText}}

/* Actual project typefaces, requested only when a case specimen uses them. */
@font-face{font-family:'Case Geist';src:url('/fonts/Case-Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Case DM Serif';src:url('/fonts/Case-DMSerifDisplay-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Case Doto';src:url('/fonts/Case-Doto-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Case Aspekta';src:url('/fonts/Aspekta-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Case Aspekta';src:url('/fonts/Aspekta-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Case Playfair';src:url('/fonts/PlayfairDisplay-500-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Case Caveat';src:url('/fonts/Caveat-Variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Case Oooh Baby';src:url('/fonts/OoohBaby-400.woff2') format('woff2');font-weight:400;font-display:swap}
.case-type-sample{display:block;margin:0 0 12px;font-size:clamp(24px,3.6cqw,32px);line-height:1.35;letter-spacing:-.02em;color:#202b39;overflow-wrap:anywhere}
.case-type-note{display:block;font:12px/1.65 -apple-system,BlinkMacSystemFont,'Aspekta',sans-serif;color:#4b5a6c;letter-spacing:normal}
.case-font-geist{font-family:'Case Geist',sans-serif;font-weight:650}
.case-font-dm{font-family:'Case DM Serif',serif;font-weight:400;font-style:italic}
.case-font-doto{font-family:'Case Doto',sans-serif;font-weight:700;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.case-font-aspekta{font-family:'Case Aspekta',sans-serif;font-weight:600}
.case-font-playfair{font-family:'Case Playfair',serif;font-weight:500;font-style:italic}
.case-font-caveat{font-family:'Case Caveat',cursive;font-weight:500;font-size:32px;letter-spacing:0}
.case-font-oooh{font-family:'Case Oooh Baby',cursive;font-weight:400;font-size:36px;letter-spacing:0}
.case-type-sample--body{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:0}
@media(max-width:500px){.case-type-system>div{display:block}.case-type-system dt{margin-bottom:10px}.case-type-sample{font-size:26px}.case-type-sample--body{font-size:17px}.case-font-doto{font-size:20px}.case-font-caveat{font-size:30px}.case-font-oooh{font-size:32px}}
@media(forced-colors:active){.case-type-sample,.case-type-note{color:CanvasText}}

.case-hero{display:block;width:auto;min-height:0;margin:0 7% 32px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}

.case-hero>img{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:7px;object-fit:contain}
.case-hero>figcaption{margin:10px 0 0;padding:0;background:transparent;border:0;color:#536176;font-size:12px;line-height:1.6}
@media(max-width:700px){.case-hero{margin:0 24px 28px;min-height:0;padding:0}}

/* Each palette and component specimen is an independent card. */
.case-palette{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0}
.case-component-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:22px 0;background:transparent;padding:0;border:0}
.case-component-card{min-width:0;margin:0;padding:20px;background:#fff;border:1px solid #e4e9ef;border-radius:10px}
.case-component-card>img{display:block;width:100%;height:150px;object-fit:contain;object-position:left center;border:0;border-radius:0}
.case-component-card>figcaption{margin:16px 0 0;font:12px/1.65 -apple-system,BlinkMacSystemFont,'Aspekta',sans-serif;color:#4b5a6c}
.case-component-card>figcaption strong{display:block;color:#26354a;font-weight:650;margin-bottom:4px}
.case-component-card>figcaption span{display:block}
.case-component-source{font-size:11px;line-height:1.7;color:#536176}
@media(max-width:500px){.case-palette{padding:0}.case-component-card{padding:14px}.case-component-card>img{height:110px}}


.case-source-screen{margin:22px 0}
.case-window > .case-source-screen{margin-inline:clamp(16px,4vw,48px)}
.case-source-screen img{display:block;width:100%;height:auto;border-radius:10px}
.case-source-screen figcaption{margin-top:8px;font-size:.875rem;line-height:1.5}

.case-screen-slot{margin:20px 0;min-height:150px;display:grid;place-items:center;padding:20px;border:1px dashed currentColor;border-radius:12px;text-align:center}
.case-screen-slot span,.case-screen-slot strong{display:block}
.case-screen-slot span{font-size:.75rem;opacity:.72}
.case-reel{--reel:#bcb3ff;margin:clamp(16px,4vw,48px);padding:clamp(12px,3vw,32px);border-radius:16px;background:#171728;color:#f9f7ff}
.case-reel--clearedin{--reel:#8ce5ca;background:#142721}
.case-reel--bitclass{--reel:#ffc6a6;background:#302139}
.case-reel ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.case-reel li{min-width:0;animation:case-reel-focus 1.6s ease both}
.case-reel li:nth-child(2){animation-delay:.35s}
.case-reel li:nth-child(3){animation-delay:.7s}
.case-reel li>span{font-size:.8rem;color:var(--reel)}
.case-reel-screen{margin-top:8px;min-height:110px;padding:12px;border-radius:10px;background:#ffffff14;overflow-wrap:anywhere}
.case-reel-screen i{display:block;margin-top:8px;width:82%;height:5px;background:var(--reel);border-radius:8px;opacity:.65}
.case-reel-screen i:nth-of-type(2){width:54%}
.case-reel-screen i:nth-of-type(3){width:68%}
.case-reel figcaption{margin-top:14px;font-size:.8rem;color:#e5e1f2}
@keyframes case-reel-focus{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:460px){.case-reel ol{grid-template-columns:1fr}.case-reel-screen{min-height:0}}
@media(prefers-reduced-motion:reduce){.case-reel li{animation:none}}
.case-reel--datafi .case-reel-screen i{transform-origin:left;animation:case-reel-grow 1s .35s ease both}
.case-reel--clearedin li:nth-child(2) .case-reel-screen i{width:70%;height:2px;position:relative;margin:12px 4px}
.case-reel--clearedin li:nth-child(2) .case-reel-screen i::after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--reel)}
.case-reel--bitclass li:nth-child(2) .case-reel-screen i:first-of-type{height:44px;width:100%;background:#ffc6a630;display:grid;place-items:center}
.case-reel--bitclass li:nth-child(2) .case-reel-screen i:first-of-type::after{content:"";border-block:7px solid transparent;border-left:10px solid var(--reel)}
@keyframes case-reel-grow{from{transform:scaleX(.18)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.case-reel--datafi .case-reel-screen i{animation:none}}

.datafi-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:660px}
@media(max-width:480px){.datafi-figures{grid-template-columns:1fr;gap:0}}

.case-nda{position:relative;margin:20px 0;border:1px solid #c8cec8;border-radius:12px;overflow:hidden;background:#eef0ee}
.case-nda-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;filter:blur(5px);opacity:.5}
.case-nda-screen{min-height:115px;padding:10px;background:white;border:1px solid #bcc9c6;border-radius:8px}
.case-nda-screen i,.case-nda-screen b{display:block;height:8px;border-radius:4px;background:#a4b6bb;margin-bottom:8px}
.case-nda-screen i{width:60%;background:#7b91a8}
.case-nda-screen:nth-child(2) b{height:17px;background:#b3add0}
.case-nda-screen:nth-child(3) b:first-child{height:32px;background:#a6c5b6}
.case-nda figcaption{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:2px;text-align:center;padding:8px;background:#faf9f56b;color:#292c2e}
.case-nda-label{padding:2px 9px;border:1px solid #c8cec8;border-radius:999px;background:#faf9f5;font:12px/1.6 Mono,monospace}
.case-nda small{font-size:11px}

/* Datafi follows the reference's 1040px content column and media groups. */
.case-datafi.case-window{
  --datafi-inset:clamp(20px,5vw,60px);
  --datafi-gap:clamp(12px,1.6vw,20px);
  width:min(100%,1160px);
  max-width:none;
  margin:0 auto;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  color:#1d2230;
  font:16px/1.55 'Case Geist',sans-serif;
}
:host .case-datafi.case-window{background:transparent}
body:has(.case-datafi){background:#fff}
.case-datafi > :is(header,.case-body,.case-bottom){
  padding-inline:var(--datafi-inset);
}
.case-datafi > header{padding-block:38px 32px}
.case-datafi > header .case-deck{
  max-width:100%;
  color:inherit;
  font-size:clamp(27px,3.35vw,40px);
  line-height:1.24;
  font-weight:650;
  letter-spacing:-.025em;
}
.case-datafi > header h1{
  margin:0 0 22px;
  font-size:clamp(24px,2.8vw,32px);
  letter-spacing:-.03em;
}
.case-datafi > header :is(.eyebrow,.case-meta),
.case-datafi .case-section > .case-index{display:none}
.case-datafi > .case-hero{margin:0 var(--datafi-inset) 32px}
.case-datafi .case-body{padding-block:0 92px}
.case-datafi .case-section{display:block;padding:0;border:0}
.case-datafi .case-section + .case-section{margin-top:clamp(60px,9vw,128px)}
.case-datafi .case-section > div{min-width:0}
.case-datafi .case-section h2{
  margin:0 0 20px;
  color:#1d2230;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.22;
  letter-spacing:-.025em;
}
.case-datafi .case-section p{max-width:none;color:#4e586b}
.case-datafi .case-section p + p{margin-top:14px}
.case-datafi :is(.case-hero,.case-source-screen) a{
  display:block;
  width:fit-content;
  max-width:100%;
}
.case-datafi :is(.case-hero,.case-source-screen) img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  object-fit:contain;
  border:0;
}
.case-datafi img{border-radius:16px}
.case-datafi :is(.case-hero,.case-source-screen) figcaption{display:none}
.case-datafi .case-source-screen{margin:24px 0 0}

.case-datafi .datafi-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--datafi-gap);
  max-width:620px;
  margin:0 auto clamp(65px,9vw,116px);
  padding-inline:20px;
}
.case-datafi .datafi-facts dt{
  color:#526079;
  font:11px/1.5 Mono,monospace;
  text-transform:uppercase;
}
.case-datafi .datafi-facts dd{
  margin:6px 0 0;
  font-size:clamp(17px,2.2vw,24px);
  line-height:1.25;
}
.case-datafi .datafi-impact{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));
  gap:var(--datafi-gap);
  margin:0;
  padding:0;
  list-style:none;
}
.case-datafi .datafi-impact li{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:76px;
  color:#1d2230;
  font-size:1rem;
  font-weight:750;
  line-height:1.3;
  padding:14px 16px;
  border:1px solid #e2e7ef;
  border-radius:12px;
  background:#f6f8fc;
}
.case-datafi .datafi-impact li > span:first-child{flex:none;font-size:22px}
.case-datafi .datafi-impact li > span:last-child{min-width:0;overflow-wrap:anywhere}
.case-datafi .case-timeline{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--datafi-gap);
  margin:26px 0;
}
.case-datafi .case-timeline dt{font-weight:650;color:#344b89}
.case-datafi .case-timeline dd{margin:8px 0 0;color:#4e586b}
.case-datafi .case-timeline + ul{padding-inline-start:1.3em;color:#4e586b}

.case-datafi .datafi-detail{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  align-items:start;
  gap:var(--datafi-gap);
  margin-top:24px;
}
.case-datafi .datafi-detail h3{margin:0 0 7px;font-size:1rem;line-height:1.35;font-weight:650}
.case-datafi .datafi-detail figure{margin:0;min-width:0}
.case-datafi :is(.datafi-reference-gallery,.datafi-challenges,.datafi-interactions){
  display:grid;
  align-items:start;
  gap:var(--datafi-gap);
  margin:24px 0 0;
}
.case-datafi .datafi-reference-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.case-datafi .datafi-reference-gallery--cards{
  --datafi-card-columns:3;
  grid-template-columns:repeat(var(--datafi-card-columns),minmax(0,1fr));
  max-width:calc(318px * var(--datafi-card-columns) + var(--datafi-gap) * (var(--datafi-card-columns) - 1));
}
.case-datafi .datafi-reference-gallery--cards :is(a,img){width:100%}
.case-datafi .datafi-reference-gallery--cards img{
  /* Trim the exported outline and shadow without resizing the card artwork. */
  background:#fff;
  clip-path:inset(1.4% 2.5% 2.5% 1.9% round 16px);
}
.case-datafi .datafi-reference-gallery figure{min-width:0;margin:0}
.case-datafi :is(.datafi-challenges,.datafi-interactions){
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
}
.case-datafi .datafi-grid-item{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:12px;
  min-width:0;
}
.case-datafi .datafi-grid-item .case-source-screen{
  position:relative;
  aspect-ratio:1;
  margin:0;
  border-radius:16px;
}
.case-datafi .datafi-grid-item .case-source-screen :is(a,img){
  width:100%;
  height:100%;
}
.case-datafi .datafi-grid-item .case-source-screen a{position:absolute;inset:0;border-radius:inherit}
.case-datafi .datafi-grid-item .case-source-screen img{object-fit:cover}
.case-datafi .datafi-grid-item .datafi-full-preview img{object-fit:scale-down}
.case-datafi .datafi-grid-caption{
  min-width:0;
  overflow-wrap:anywhere;
}
.case-datafi .datafi-grid-caption h3{
  margin:0 0 6px;
  font-size:1rem;
  line-height:1.35;
  font-weight:650;
}

@media(max-width:720px){
  .case-datafi :is(.datafi-facts,.datafi-reference-gallery:not(.datafi-reference-gallery--cards)){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-datafi :is(.case-timeline,.datafi-detail){
    grid-template-columns:minmax(0,1fr);
  }
  .case-datafi .case-timeline{gap:18px}
}

/* Labels remain in the same position as the source composition. */
.case-datafi .datafi-intro h1{
  max-width:920px;
  margin:30px 0 0;
  font-size:clamp(27px,3.35vw,40px);
  line-height:1.24;
  font-weight:650;
  letter-spacing:-.025em;
}
.case-datafi .datafi-wordmark{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.case-datafi .datafi-overview-label{
  display:block;
  margin-bottom:6px;
  color:#526079;
  font:11px/1.5 Mono,monospace;
  text-transform:uppercase;
}
.case-datafi .datafi-mvp-facts{
  display:grid;
  grid-template-columns:repeat(2,max-content);
  gap:36px;
  margin:24px 0 36px;
}
.case-datafi .datafi-mvp-facts dt{
  font:11px/1.5 Mono,monospace;
  color:#526079;
  text-transform:uppercase;
}
.case-datafi .datafi-mvp-facts dd{margin:4px 0 0;font-size:22px}
.case-datafi .datafi-process-steps{
  display:grid;
  gap:7px;
  list-style:none;
  padding:0;
}
.case-datafi .datafi-process-steps li{
  min-height:27px;
  padding:4px 10px;
  background:#edf0f5;
  font-size:.8rem;
}
.case-datafi .datafi-process-steps li:nth-child(1){margin-right:64%}
.case-datafi .datafi-process-steps li:nth-child(2){margin-left:12%;margin-right:38%}
.case-datafi .datafi-process-steps li:nth-child(3){margin-left:24%;margin-right:29%}
.case-datafi .datafi-process-steps li:nth-child(4){margin-left:34%;margin-right:13%}
.case-datafi .datafi-process-steps li:nth-child(5){margin-left:66%}
@media(max-width:720px){
  .case-datafi .datafi-process-steps li:nth-child(n){margin-inline:0}
}

.case-datafi .case-timeline dt{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.case-datafi .case-timeline dt > span:first-child{
  padding:3px 10px;
  border-radius:12px;
  background:#eef1fb;
}

@container (max-width: 640px) {
  .case-datafi :is(.datafi-facts,.datafi-reference-gallery:not(.datafi-reference-gallery--cards)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .case-datafi :is(.case-timeline,.datafi-detail) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media(max-width:720px){
  .case-datafi .datafi-reference-gallery--cards{--datafi-card-columns:2}
}
@container (max-width:640px){
  .case-datafi .datafi-reference-gallery--cards{--datafi-card-columns:2}
}

.case-datafi datafi-showreel{
  display:block;
  margin-top:clamp(24px,4vw,48px);
}
.case-datafi datafi-showreel video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  border-radius:16px;
  background:#524bc2;
}


.case-datafi .datafi-scenario .case-source-screen{margin:0 0 20px}
.case-datafi .datafi-scenario .case-source-screen :is(a,img){width:100%}
.case-datafi .datafi-scenario h3{margin:0 0 7px;font-size:1rem;line-height:1.35;font-weight:650}


.case-datafi .datafi-platforms{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}
.case-datafi .datafi-platforms li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:#fff;
  color:#344054;
  font-size:.875rem;
  font-weight:700;
  line-height:1.35;
}
.case-datafi .datafi-platforms svg{width:18px;height:18px;flex:none}