/* Case study info block, proportioned in vw so it keeps the same alignment at any desktop width.
   Measured on the reference at 2000px: gutter 1vw, 2nd meta column at 17vw, text column at 32.9vw,
   title at 33.4vw, text width 49.25vw. Uses the website fonts (Inter Tight + Geist Mono), not the brand fonts. */
.case-info{--ci-sans:'Inter Tight','Helvetica Neue',Arial,sans-serif;--ci-mono:'Geist Mono',ui-monospace,'SFMono-Regular',monospace;
  --ci-grey:#8A8E96;--ci-line:#CFCFCF;
  min-height:100vh;min-height:100svh;box-sizing:border-box;padding:4.5vw 1vw 3vw;font-family:var(--ci-sans);color:#0B0C0E}
.case-info .ci-top,.case-info .ci-row{display:grid;grid-template-columns:16vw 15.9vw minmax(0,1fr)}
.case-info .ci-top{padding:1.6vw 0 4.4vw;border-top:1px solid var(--ci-line)}
.case-info .ci-meta{display:contents;margin:0}
.case-info .ci-col{min-width:0;display:flex;flex-direction:column;gap:.75vw}
.case-info .ci-col:nth-of-type(1){grid-column:1}
.case-info .ci-col:nth-of-type(2){grid-column:2}
.case-info dt,.case-info dd{margin:0;font-family:var(--ci-mono);font-weight:400;font-size:max(11px,.62vw);line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:var(--ci-grey)}
.case-info .ci-col:nth-of-type(1) dt{margin-bottom:.75vw}
.case-info h1{grid-column:3;max-width:49.5vw;margin:0;padding-left:.5vw;font-family:var(--ci-sans);font-weight:400;font-size:max(30px,3.05vw);line-height:1.07;letter-spacing:-.015em;text-transform:uppercase;color:#0B0C0E;text-wrap:balance}
.case-info .ci-row{padding:1.6vw 0 2.2vw;border-top:1px solid var(--ci-line)}
.case-info .ci-row h2{grid-column:1/span 2;margin:0;font-family:var(--ci-sans);font-weight:400;font-size:max(15px,.9vw);line-height:1.07;color:#0B0C0E}
.case-info .ci-txt{grid-column:3;min-width:0;width:49.25vw;max-width:100%}
.case-info .ci-txt p{margin:0 0 .875vw;font-size:max(15px,.9vw);line-height:1.07;color:var(--ci-grey)}
.case-info .ci-txt p:last-child{margin-bottom:0}
.case-info .ci-txt strong{font-weight:500}
@media (max-width:900px){
  .case-info{min-height:0;padding:72px 16px 96px}
  .case-info .ci-top,.case-info .ci-row{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  .case-info .ci-top{padding:20px 0 48px;row-gap:36px}
  .case-info .ci-col{gap:12px}
  .case-info .ci-col:nth-of-type(1) dt{margin-bottom:12px}
  .case-info dt,.case-info dd{font-size:12px}
  .case-info h1{grid-column:1/-1;grid-row:2;max-width:none;padding-left:0;font-size:clamp(30px,9vw,44px)}
  .case-info .ci-row{padding:20px 0 36px;row-gap:12px}
  .case-info .ci-row h2{grid-column:1/-1;font-size:17px}
  .case-info .ci-txt{grid-column:1/-1;width:auto}
  .case-info .ci-txt p{font-size:17px;line-height:1.3;margin-bottom:14px}
}