.sec_examples_hero_ptn_1 {
  background: radial-gradient(ellipse at 100% 10%, var(--yellow), transparent 38%), var(--white);
}
.sec_examples_wepuri_ptn_1, .sec_examples_company_ptn_1 {
  padding-block: 64px;
  @media (max-width: 760px) { padding-block: 52px; }
  .content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 48px;
    @media (max-width: 1200px) { gap: 36px; }
    @media (max-width: 1000px) { gap: 28px; }
    @media (max-width: 800px) { grid-template-columns: minmax(0, 1fr); }
  }
  .main { min-width: 0; }
  .label { color: var(--sage-dark); font-size: 16px; font-weight: 700; line-height: 1.75em; }
  h2 { margin-top: 12px; color: var(--heading); font-size: 32px; font-weight: 900; line-height: 1.4em;
    @media (max-width: 1000px) { font-size: 28px; }
    @media (max-width: 600px) { font-size: 24px; }
  }
  p:not(.label) { margin-top: 20px; font-size: var(--copy-size); line-height: 1.75em; }
  .checks_ptn_1 { margin-top: 24px; }
  .image { min-width: 0;
    img { width: 100%; border-radius: 22px; }
    figcaption { margin-top: 14px; color: var(--ink-soft); font-size: 16px; line-height: 1.75em; }
  }
  .buttons_ptn_1 { justify-content: flex-start; }
}
.sec_examples_wepuri_ptn_1 {
  background: var(--sage-pale);
  .image img { max-height: 620px; object-fit: contain; background: var(--white); border: 1px solid var(--line); }
}
.sec_examples_company_ptn_1 {
  .image img { aspect-ratio: 1.5; object-fit: cover; }
  @media (max-width: 800px) { .image { order: -1; } }
}
.sec_examples_reading_ptn_1 {
  padding-block: 64px;
  background: var(--cream);
  @media (max-width: 760px) { padding-block: 52px; }
  .head { text-align: center; }
  .list { margin-top: 36px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;
    @media (max-width: 1000px) { gap: 18px; }
    @media (max-width: 800px) { grid-template-columns: minmax(0, 1fr); }
  }
  .notice_ptn_1 { margin-top: 28px; --color-card-bg: var(--white); }
}