.weddit-case-page .cocktail-hero h1 {
  max-width: none;
}

.case-logo-title {
  display: flex;
  align-items: center;
  max-width: none;
  margin: 0;
}

.case-logo-title img {
  display: block;
  height: auto;
}

.case-logo-title--weddit img {
  width: calc(226 / 1728 * 100vw);
}

.weddit-hero-image {
  aspect-ratio: 6424 / 3992;
  border: 0;
  background: url("weddit/hero.png") center / cover no-repeat;
}

.weddit-overview-media {
  grid-template-columns: 1fr calc(330 / 1728 * 100vw);
}

.weddit-project-facts dd {
  min-height: calc(46 / 1728 * 100vw);
}

.weddit-challenges,
.weddit-insights,
.weddit-structure,
.weddit-design-spec {
  grid-column: 2;
}

.weddit-subsection-label {
  margin: 0 0 calc(18 / 1728 * 100vw);
  font-family: 'Arial Narrow', Arial, sans-serif;
  font-size: calc(18 / 1728 * 100vw);
}

.weddit-challenges,
.weddit-insights,
.weddit-structure {
  margin-top: calc(65 / 1728 * 100vw);
}

.weddit-challenges ul,
.weddit-structure ul,
.weddit-insights ol {
  margin: 0;
  padding: 0;
  border-top: 0.3px solid #000;
  border-bottom: 0.3px solid #000;
  list-style: none;
}

.weddit-challenges ul,
.weddit-structure ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 calc(55 / 1728 * 100vw);
}

.weddit-challenges li,
.weddit-structure li {
  padding: calc(17 / 1728 * 100vw) 0;
  border-bottom: 0.3px solid #cfcfcf;
  font-family: 'Arial Narrow', Arial, sans-serif;
  font-size: calc(18 / 1728 * 100vw);
}

.weddit-challenges li:nth-last-child(-n + 2),
.weddit-structure li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.weddit-insights ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.weddit-insights li {
  min-height: calc(132 / 1728 * 100vw);
  padding: calc(17 / 1728 * 100vw) calc(15 / 1728 * 100vw);
  border-right: 0.3px solid #cfcfcf;
  font-family: 'Arial Narrow', Arial, sans-serif;
  font-size: calc(16 / 1728 * 100vw);
  line-height: 125%;
}

.weddit-insights li:last-child {
  border-right: 0;
}

.weddit-insights span {
  display: block;
  margin-bottom: calc(20 / 1728 * 100vw);
  color: #8a8a8a;
  font-family: 'DINish', Arial, sans-serif;
  font-size: calc(13 / 1728 * 100vw);
}

.weddit-design-spec {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: calc(65 / 1728 * 100vw) 0 0;
  padding: calc(23 / 1728 * 100vw) 0;
  border-top: 0.3px solid #000;
  border-bottom: 0.3px solid #000;
  font-family: 'Arial Narrow', Arial, sans-serif;
}

.weddit-design-spec div {
  padding-right: calc(18 / 1728 * 100vw);
}

.weddit-design-spec dt {
  margin-bottom: calc(10 / 1728 * 100vw);
  color: #8a8a8a;
  font-size: calc(14 / 1728 * 100vw);
}

.weddit-design-spec dd {
  margin: 0;
  font-size: calc(17 / 1728 * 100vw);
  line-height: 130%;
}

.weddit-wireframe-strip {
  margin-top: calc(28 / 1728 * 100vw);
}

@media (max-width: 800px) {
  .weddit-challenges ul,
  .weddit-structure ul,
  .weddit-insights ol,
  .weddit-design-spec {
    grid-template-columns: 1fr;
  }

  .weddit-insights li {
    border-right: 0;
    border-bottom: 0.3px solid #cfcfcf;
  }

  .weddit-insights li:last-child {
    border-bottom: 0;
  }
}