.essential-main--design-build .essential-interior-hero__title {
  max-width: 12ch;
  font-size: clamp(4.4rem, 10.5vw, 10rem);
  line-height: .9;
}

.essential-main--design-build .essential-interior-hero .wp-block-cover__image-background {
  object-position: center 48%;
}

.wd23-design-build-content {
  background: var(--essential-background, #0b0b0b);
  color: var(--essential-foreground, #f3ede3);
  padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 5vw, 6rem);
}

html[data-essential-theme="light"] .wd23-design-build-content {
  background: #f5f0e7;
  color: #151515;
}

.wd23-design-build-content section {
  max-width: 1440px;
  margin: 0 auto clamp(5rem, 9vw, 9rem);
}

.wd23-design-build-content h2 {
  max-width: 16ch;
  margin: .3em 0 .55em;
  font-family: var(--essential-display, Impact, sans-serif);
  font-size: clamp(2.7rem, 5.3vw, 6rem);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.wd23-design-build-content p,
.wd23-design-build-content li {
  max-width: 68ch;
  font-size: clamp(1rem, 1.1vw, 1.125rem);
  line-height: 1.7;
}

.wd23-design-build-eyebrow {
  color: #c99432;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8rem !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wd23-design-build-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(2rem, 6vw, 8rem);
}

.wd23-design-build-intro > .wd23-design-build-eyebrow,
.wd23-design-build-intro > h2,
.wd23-design-build-intro > .wd23-design-build-links {
  grid-column: 1;
}

.wd23-design-build-intro > p:not(.wd23-design-build-eyebrow) {
  grid-column: 2;
}

.wd23-design-build-intro > p:nth-of-type(2) { grid-row: 1 / span 2; }
.wd23-design-build-intro > p:nth-of-type(3) { grid-row: 3; }

.wd23-design-build-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: center;
}

.wd23-design-build-feature--reverse figure { order: 2; }

.wd23-design-build-feature figure { margin: 0; }

.wd23-design-build-feature img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: clamp(14px, 2vw, 30px);
}

.wd23-design-build-feature figcaption {
  margin-top: .7rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  line-height: 1.5;
  opacity: .75;
}

.wd23-design-build-content a { color: inherit; text-underline-offset: .2em; }
.wd23-design-build-content a:hover { color: #d19c3c; }

.wd23-design-build-toc {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.4rem;
  align-items: baseline;
  max-width: 1440px;
  margin: -3rem auto clamp(5rem, 9vw, 9rem);
  padding: 1rem 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .78rem;
  text-transform: uppercase;
}
.wd23-design-build-toc strong { color: #c99432; margin-right: 1rem; }
.wd23-design-build-toc a { text-decoration: none; }
.wd23-design-build-content [id^="wd23-design-build-"] { scroll-margin-top: 100px; }

.wd23-design-build-links {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.5rem;
  margin-top: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.wd23-design-build-faq { max-width: 1100px !important; }
.wd23-design-build-faq h2 { max-width: 18ch; }
.wd23-design-build-faq details { border-top: 1px solid currentColor; }
.wd23-design-build-faq details:last-child { border-bottom: 1px solid currentColor; }
.wd23-design-build-faq summary {
  position: relative;
  padding: 1.35rem 2.4rem 1.35rem 0;
  font-size: clamp(1.1rem, 1.6vw, 1.5rem);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.wd23-design-build-faq summary::-webkit-details-marker { display: none; }
.wd23-design-build-faq summary::after { content: '+'; position: absolute; right: .35rem; }
.wd23-design-build-faq details[open] summary::after { content: '−'; }
.wd23-design-build-faq details p { margin: 0 0 1.5rem; }

@media (max-width: 800px) {
  .wd23-design-build-intro,
  .wd23-design-build-feature { display: block; }
  .wd23-design-build-feature figure { margin-bottom: 2rem; }
  .wd23-design-build-content { padding-top: 4rem; }
  .essential-main--design-build .essential-interior-hero__title { font-size: clamp(3.3rem, 13.5vw, 6rem); }
}