.study-close {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 28px clamp(32px, 8vw, 120px);
  align-items: end;
  padding: clamp(88px, 14vw, 190px) clamp(22px, 6vw, 90px);
  color: #f3eee5;
  background: #171414;
  border-top: 1px solid rgba(243, 238, 229, .18);
}
.study-close .eyebrow { grid-column: 1 / -1; color: #c85f2d; }
.study-close h2 { margin: 0; font: 400 clamp(2.8rem, 7vw, 7.6rem)/.92 Georgia, serif; letter-spacing: -.045em; }
.study-close > p:not(.eyebrow) { max-width: 32em; margin: 0; color: #bdb5ab; font-size: 14px; line-height: 1.85; }
.study-close__primary,
.study-close__back { justify-self: start; color: inherit; text-decoration: none; font: 700 11px/1 ui-monospace, monospace; letter-spacing: .08em; }
.study-close__primary { grid-column: 2; padding: 15px 18px; border: 1px solid #c85f2d; background: #c85f2d; color: #fff; }
.study-close__back { grid-column: 2; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
.concept-work-label {
  position: fixed;
  z-index: 9999;
  inset: 14px 14px auto auto;
  margin: 0;
  padding: 10px 12px;
  color: #f4eee3;
  background: #11110f;
  border: 1px solid rgba(200, 95, 45, .7);
  font: 700 10px/1.35 ui-monospace, monospace;
  letter-spacing: .1em;
}
@media (max-width: 760px) {
  .study-close { grid-template-columns: minmax(0, 1fr); padding-inline: 20px; }
  .study-close .eyebrow,
  .study-close__primary,
  .study-close__back { grid-column: 1; }
  .study-close__primary { margin-top: 12px; }
  .concept-work-label { inset: auto 10px 10px; text-align: center; }
}