/* Native editorial illustration. All selectors are local to this section. */
.diamond-flyer {
  box-sizing: border-box;
  --df-ink: #1a1a1a;
  --df-muted: #727272;
  --df-paper: #f8f8f7;
  --df-serif: var(--serif);
  --df-sans: var(--sans);
  width: 100%;
  padding: 80px 24px;
  color: var(--df-ink);
  background: var(--df-paper);
  font-family: var(--df-sans);
}
.diamond-flyer *, .diamond-flyer *::before, .diamond-flyer *::after { box-sizing: border-box; }
.diamond-flyer .diamond-flyer__folio { max-width: 1080px; margin: 0 auto; border-top: 1px solid #cececa; }
.diamond-flyer .diamond-flyer__header { position: relative; padding: 28px 0 4px; }
.diamond-flyer .diamond-flyer__eyebrow { margin: 0 0 26px; color: var(--df-muted); font: 400 14px/20px var(--df-sans); }
.diamond-flyer .diamond-flyer__brand { position: absolute; top: 28px; right: 0; width: 38px; height: 23px; }
.diamond-flyer .diamond-flyer__title { max-width: 800px; margin: 0; font: 400 40px/1.3 var(--df-serif); letter-spacing: -.025em; }
.diamond-flyer .diamond-flyer__subtitle { margin: 18px 0 0; font: 400 16px/24px var(--df-sans); color: var(--df-muted); }
.diamond-flyer .diamond-flyer__work { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 20px; }
.diamond-flyer .diamond-flyer__work::before { content: ""; position: absolute; top: 174px; left: 0; right: 0; height: 1px; background: #d7d7d2; }
.diamond-flyer .diamond-flyer__chapter { position: relative; min-width: 0; }
.diamond-flyer .diamond-flyer__art { position: relative; height: 280px; width: 100%; }
.diamond-flyer .diamond-flyer__drawing { display: block; width: 100%; height: 100%; overflow: visible; }
.diamond-flyer .diamond-flyer__object-label { position: absolute; font: 500 9px/1 var(--df-sans); text-transform: uppercase; letter-spacing: .11em; color: #737373; white-space: nowrap; }
.diamond-flyer .diamond-flyer__object-label--id { left: 50.5%; top: 44.5%; transform: rotate(-9deg); }
.diamond-flyer .diamond-flyer__object-label--notes { left: 30%; top: 27%; transform: rotate(5deg); }
.diamond-flyer .diamond-flyer__object-label--plan { left: 23.5%; top: 28.5%; transform: rotate(-4deg); }
.diamond-flyer .diamond-flyer__copy { padding: 12px 0 0 24px; border-left: 1px solid #cececa; }
.diamond-flyer .diamond-flyer__copy h3 { margin: 0 0 9px; color: var(--df-ink); font: 500 18px/26px var(--df-sans); letter-spacing: -.01em; }
.diamond-flyer .diamond-flyer__copy p { margin: 0; color: var(--df-muted); font: 400 16px/24px var(--df-sans); }
.diamond-flyer .diamond-flyer__footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid #deded9; }
.diamond-flyer .diamond-flyer__footer p { margin: 0; color: var(--df-muted); font: 400 14px/22px var(--df-sans); }
@media (max-width: 767px) {
  .diamond-flyer { padding: 52px 20px; }
  .diamond-flyer .diamond-flyer__header { padding-top: 24px; }
  .diamond-flyer .diamond-flyer__brand { top: 24px; width: 33px; height: 20px; }
  .diamond-flyer .diamond-flyer__eyebrow { padding-right: 44px; margin-bottom: 24px; font-size: 13px; }
  .diamond-flyer .diamond-flyer__title { max-width: 520px; font-size: 28px; line-height: 1.35; letter-spacing: -.025em; }
  .diamond-flyer .diamond-flyer__subtitle { max-width: 240px; margin-top: 14px; font-size: 15px; line-height: 23px; }
  .diamond-flyer .diamond-flyer__desktop-break { display: none; }
  .diamond-flyer .diamond-flyer__work { display: block; margin-top: 30px; }
  .diamond-flyer .diamond-flyer__work::before { top: 0; bottom: 0; left: 22%; right: auto; width: 1px; height: auto; }
  .diamond-flyer .diamond-flyer__chapter { display: grid; grid-template-columns: 44% minmax(0, 1fr); align-items: center; gap: 12px; min-height: 188px; }
  .diamond-flyer .diamond-flyer__art { height: auto; aspect-ratio: 320 / 280; }
  .diamond-flyer .diamond-flyer__object-label { display: none; }
  .diamond-flyer .diamond-flyer__copy { padding: 0 0 0 6px; border: 0; }
  .diamond-flyer .diamond-flyer__copy h3 { margin-bottom: 8px; font-size: 16px; line-height: 23px; }
  .diamond-flyer .diamond-flyer__copy p { max-width: 245px; font-size: 14px; line-height: 21px; }
  .diamond-flyer .diamond-flyer__footer { margin-top: 24px; padding-top: 18px; }
  .diamond-flyer .diamond-flyer__footer p { max-width: 340px; font-size: 13px; line-height: 20px; }
}
@media (min-width: 768px) and (max-width: 960px) {
  .diamond-flyer .diamond-flyer__work { gap: 16px; }
  .diamond-flyer .diamond-flyer__art { height: 235px; }
  .diamond-flyer .diamond-flyer__work::before { top: 146px; }
  .diamond-flyer .diamond-flyer__copy { padding-left: 16px; }
  .diamond-flyer .diamond-flyer__copy h3 { font-size: 17px; }
}