@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-display:swap}
@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--site-header-height:0px}
*{box-sizing:border-box}body{margin:0;background:white;color:#202020;font-family:Switzer,system-ui,sans-serif}
.site-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-bottom:1px solid #e5dfe0}
.site-bar a{color:#202020;text-decoration:none}.site-bar .wordmark{font-family:monospace;letter-spacing:.045em}
.site-nav{display:flex;gap:var(--space-6);flex-wrap:wrap}.site-bar a:hover{color:#b4233f}
.case-index,
.case-story {
  --case-ink: #202020;
  --case-secondary: #565158;
  --case-line: #e5dfe0;
  --case-accent: #b4233f;
  color: var(--case-ink);
}

.case-index {
  width: min(1240px, calc(100% - 2 * var(--space-6)));
  margin-inline: auto;
  padding-block: calc(var(--site-header-height) + var(--space-8)) var(--space-8);
}

.case-index-heading {
  max-width: 850px;
  margin: 0 auto var(--space-8);
  text-align: center;
}

.case-story-header h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
}

.case-card > a {
  display: grid;
  gap: var(--space-4);
  text-align: start;
  color: inherit;
  text-decoration: none;
}

.case-cover { margin: 0; }

.case-cover-visual {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 6px;
}

.case-cover-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-cover-logo {
  position: absolute;
  display: block;
  object-fit: contain;
  height: auto;
}

.case-cover--burke-cgi-rfp-agent .case-cover-logo {
  top: 50%;
  left: 50%;
  width: 51%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  box-shadow: 0 2px 18px #160c1024;
}

.case-cover--converge-strategies .case-cover-logo {
  top: 0;
  right: 0;
  width: 24%;
  border-bottom-left-radius: 5px;
}

.case-card h2 {
  margin: 0;
  font-size: clamp(24px, 2.25vw, 34px);
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -.033em;
}

.case-card a:hover h2 { color: var(--case-accent); }

.case-card-read {
  display: inline-flex;
  gap: var(--space-2);
  justify-self: start;
  color: var(--case-accent);
  font-size: 15px;
  font-weight: 500;
}

.case-index a:focus-visible,
.case-story a:focus-visible,
.case-story video:focus-visible,
.case-testimonial-play:focus-visible {
  outline: 2px solid var(--case-accent);
  outline-offset: var(--space-1);
}

.case-story {
  margin: 0 auto;
  width: min(690px, calc(100% - 2 * var(--space-6)));
  padding-block: calc(var(--site-header-height) + var(--space-8)) calc(2 * var(--space-8));
}

.case-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  color: var(--case-secondary);
  font-size: 15px;
}

.case-story-header {
  margin: 0 0 var(--space-6);
  text-align: center;
}

.case-back { color: var(--case-secondary); text-decoration: none; }
.case-back:hover, .case-meta a:hover { color: var(--case-accent); }

.case-meta {
  display: flex;
  gap: var(--space-2) var(--space-6);
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: var(--space-3);
  color: var(--case-secondary);
  font-size: 15px;
}

.case-meta a { color: inherit; text-underline-offset: 3px; }
.case-narration { display: block; width: min(100%, 420px); margin-top: 16px; scroll-margin-top: 16px; }
.case-testimonial {
  margin: 0;
  scroll-margin-top: var(--space-4);
}

.case-testimonial-player {
  display: grid;
  place-items: center;
}

.case-testimonial-player > * { grid-area: 1 / 1; }

.case-testimonial-play {
  z-index: 1;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--case-accent);
  box-shadow: 0 2px 12px #160c1040;
  cursor: pointer;
}

.case-testimonial-play:hover { background: #f8f8f8; }

.case-testimonial figcaption,
.case-cover-quote {
  margin-top: var(--space-3);
  color: var(--case-secondary);
  font-size: 17px;
  line-height: 1.5;
}

.case-cover-quote blockquote { margin: 0; }

.case-testimonial video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #21191d;
  border: 0;
  border-radius: 12px;
}

.case-quote figcaption {
  margin-top: 12px;
  color: var(--case-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.case-prose { margin-top: var(--space-8); }

.case-facts {
  margin-block: var(--space-8);
  padding-block: var(--space-6);
  border-block: 1px solid var(--case-line);
}

.case-facts dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin: 0;
}

.case-facts dt { color: var(--case-accent); font-size: 13px; font-weight: 500; }
.case-facts dd { margin: var(--space-2) 0 0; color: var(--case-secondary); font-size: 15px; line-height: 1.45; }

.case-prose section + section { margin-top: var(--space-8); }
.case-prose h2,
.case-prose h3 { margin: 0 0 var(--space-3); font-weight: 500; line-height: 1.2; letter-spacing: -.025em; }
.case-prose h2 { font-size: clamp(24px, 2.5vw, 32px); }
.case-prose h3 { margin-top: 24px; font-size: 22px; }
.case-prose p { margin: 0 0 var(--space-4); color: #373237; font-size: 18px; line-height: 1.65; }
.case-prose .case-company-note {
  margin-top: var(--space-8);
  padding-top: var(--space-4);
  border-top: 1px solid var(--case-line);
}

.case-company-note h2 { margin-bottom: var(--space-2); font-size: 16px; }
.case-prose .case-company-note p { margin: 0; color: var(--case-secondary); font-size: 15px; }

.case-quote { margin: 20px 0; padding: 16px 21px; background: #faf6f5; border-left: 3px solid var(--case-accent); }
.case-quote blockquote { margin: 0; font-size: 25px; line-height: 1.25; }

.case-contact {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: 5px;
  color: #fff;
  background: var(--case-accent);
  text-decoration: none;
}

.case-contact:hover { background: #8c1b31; }

@media (min-width: 620px) {
  .case-facts dl { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

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

@media (max-width: 580px) {
  .case-prose p { font-size: 17px; }
}

.case-index-heading h1{margin:0;font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.04;letter-spacing:-.055em}
.case-prose .case-company-note{padding-top:var(--space-6)}
@media(max-width:580px){.site-bar{padding:var(--space-4)}.site-nav{gap:var(--space-3)}.case-story,.case-index{width:calc(100% - 2 * var(--space-4))}}
.case-prose a:not(.case-contact){color:var(--case-accent);text-underline-offset:.18em}.case-prose ol{display:grid;gap:var(--space-3);padding-inline-start:var(--space-6);margin:0;color:#373237;font-size:18px;line-height:1.65}.guide-stats{display:grid;gap:var(--space-4);margin:0}.guide-stats>div{padding-block:var(--space-4);border-top:1px solid var(--case-line)}.guide-stats dt{color:var(--case-accent);font-size:clamp(27px,4vw,36px);font-weight:500}.guide-stats dd{margin:var(--space-2) 0 0;color:#373237;font-size:18px;line-height:1.6}