/* Final Reframe design - asymmetric editorial columns */
.reframe {
  position: relative;
  width: 100%;
  padding-right: max(4vw, calc((100vw - 1480px) / 2));
  padding-left: max(4vw, calc((100vw - 1480px) / 2));
  background: #f4dcdf;
  overflow: hidden;
}
.reframe::before {
  position: absolute;
  inset: 0 34% 0 auto;
  width: 1px;
  content: "";
  background: rgba(91,26,48,.22);
}
.reframe__grid {
  grid-template-columns: minmax(0,1.65fr) minmax(250px,.65fr);
  gap: clamp(50px,8vw,130px);
  align-items: stretch;
}
.reframe h2 {
  grid-column: 1;
  grid-row: 1;
  max-width: 850px;
  align-self: center;
  font-size: clamp(42px,5vw,76px);
}
.reframe h2 span { color: var(--accent-button); -webkit-text-stroke: 0; }
.reframe h2 em { display: block; margin-top: 12px; font-size: 1.08em; }
.reframe__small {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  counter-reset: known;
}
.reframe__small p {
  position: relative;
  padding: 28px 0 28px 48px;
  color: #3d1020;
  border-color: rgba(91,26,48,.3);
  counter-increment: known;
}
.reframe__small p::before {
  position: absolute;
  top: 27px;
  left: 0;
  content: "0" counter(known);
  color: var(--accent-button);
  font-family: var(--serif);
  font-size: 20px;
  font-style: italic;
}
@media (max-width: 800px) {
  .reframe { padding-right: 16px; padding-left: 16px; }
  .reframe::before { display: none; }
  .reframe__grid { grid-template-columns: 1fr; gap: 45px; }
  .reframe h2, .reframe__small { grid-column: 1; grid-row: auto; }
  .reframe h2 { font-size: 41px; }
}