:root {
  --ink: #4b4039;
  --soft-ink: #746860;
  --pale: #f7f3ed;
  --line: rgba(75,64,57,.16);
}
.eyebrow, .section-label, .step-tool, .section-no { color: #9a7f6d; }
.hero-visual { box-shadow: 0 30px 80px rgba(91,69,54,.15); }
.brief {
  padding: clamp(100px,14vw,180px) max(24px,calc((100vw - 1080px)/2));
  background: #fff;
}
.brief > .section-label { display: block; margin-bottom: 48px; text-align: center; }
.brief-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(30px,6vw,80px);
}
.brief-grid article {
  padding: clamp(30px,5vw,54px);
  border: 1px solid var(--line);
  background: #fbf9f5;
}
.brief-grid span {
  font-family: var(--serif);
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #a28b7a;
}
.brief-grid h2 {
  margin-top: 22px;
  font-family: var(--serif);
  font-size: clamp(1.7rem,3.3vw,2.8rem);
  font-weight: 400;
  line-height: 1.45;
}
.brief-grid p { margin-top: 26px; color: var(--soft-ink); }
.step-image { background: #f7f3ed; }
.final { background: #eee6dc; }
.final img { width: min(760px,100%); margin-inline: auto; box-shadow: 0 30px 80px rgba(91,69,54,.18); }
@media (max-width: 800px) {
  .brief-grid { grid-template-columns: 1fr; }
}