:root {
  --hc-accent: #e99a1b;
  --wdttg-bg: #fdecce;
  --wdttg-caption: #edb047;
}

body    { 
    background: var(--wdttg-bg); 
}
header  { 
    background: var(--wdttg-bg); 
}

.hc-nav                  { 
    background: var(--wdttg-bg); 
}

.case-sidebar .sidebar-box {
     background: var(--wdttg-bg); 
}
.tools-panel .tools-box  { 
    background: var(--wdttg-bg);
}

.hc-tldr .hc-body { 
    color: var(--hc-accent); 
}
.hc-ext-link      { 
    color: var(--hc-accent);
}

.hc-reel-wrap { border-radius: 0; }

.case-study > .hc-section:last-child { padding-block-end: calc(var(--space-xl) * 3); }

.wdttg-reel {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: var(--space-lg);
  block-size: 60vh;
  inline-size: 88vw;
  margin-inline-start: calc(50% - 44vw);
}

.wdttg-video {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: top center;
}


.wdttg-video-wrap {
  overflow: hidden;
  block-size: 100%;
}

.wdttg-video-wrap .wdttg-video {
  transform: scale(1.04);
  transform-origin: top center;
}

.wdttg-media-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: calc(var(--space-xl) * 2);
  align-items: start;
  margin-block-start: calc(var(--space-xl) * 2);
  margin-block-end: calc(var(--space-xl) * 2);
}

.wdttg-figure {
  margin: 0;
}

.wdttg-process-video {
  inline-size: 100%;
  display: block;
}

.wdttg-caption {
  font-size: var(--text-sm);
  color: var(--wdttg-caption);
  line-height: 1.4;
  margin-block-start: var(--space-lg);
  margin-block-end: 0;
  max-inline-size: 85%;
}