body.pw-case-design .pw-case-article,
body.pw-case-design .pw-seo-details {
  width: min(100% - 2 * clamp(16px, 5vw, 72px), 1240px);
  margin: clamp(28px, 5vw, 72px) auto;
  color: #142d48;
}
body.pw-case-design .pw-case-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(22px, 4vw, 56px);
  padding: clamp(22px, 5vw, 60px);
  background: #142d48;
  color: #f6f1e8;
}
body.pw-case-design .pw-case-hero h1 {
  color: inherit;
  font: 400 clamp(34px, 4.2vw, 58px)/1.1 Fraunces, Georgia, serif;
  text-wrap: balance;
  margin: 0 0 18px;
}
body.pw-case-design .pw-case-hero p { color: inherit; margin: 0; }
body.pw-case-design .pw-case-hero .pw-case-kind { color: #f1ca97; margin-bottom: 12px; font-weight: 600; }
body.pw-case-design .pw-case-lead { font-size: clamp(17px, 1.6vw, 20px); }
body.pw-case-design .pw-case-grid, body.pw-case-design .pw-seo-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}
body.pw-case-design .pw-case-grid { margin-block: 20px; }
body.pw-case-design .pw-seo-block {
  min-width: 0;
  padding: clamp(18px, 3vw, 38px);
  background: #fffcf7;
  color: #142d48;
  border: 1px solid #dfd2bc;
  border-top: 3px solid #b47b3e;
}
body.pw-case-design .pw-seo-block h2 {
  color: inherit;
  margin: 0 0 12px;
  font: 400 clamp(23px, 3vw, 34px)/1.2 Fraunces, Georgia, serif;
}
body.pw-case-design .pw-seo-block p { margin: 0; color: inherit; line-height: 1.65; }
body.pw-case-design .pw-seo-block a { color: #71461c; text-decoration: underline; text-underline-offset: .2em; }
body.pw-case-design .pw-seo-block a:focus-visible { outline: 2px solid #834e22; outline-offset: 3px; }
body.pw-case-design :is(.pw-case-callout,.pw-case-outcome) > a { display: inline-block; margin-top: 16px; font-weight: 600; }
body.pw-case-design .pw-case-photo { min-width: 0; margin: 0; }
body.pw-case-design .pw-case-photo img { width: 100%; height: auto; display: block; border: 1px solid #d9c7af; border-radius: 0; }
body.pw-case-design .pw-case-photo figcaption { margin-top: 8px; font-size: .875rem; }
body.pw-case-design .pw-case-features .pw-case-photo { max-width: 420px; margin-top: 20px; }
body.pw-case-design .pw-case-features section:first-child img { max-height: 370px; width: auto; max-width: 100%; object-fit: contain; }
body.pw-case-design .pw-case-outcome { background: #efe3d2; margin-block: 20px; }
body.pw-case-design .pw-case-related ul { padding-left: 1.15em; margin-block: 0; }
body.pw-case-design .pw-seo-details:has(> :only-child) { grid-template-columns: 1fr; }
@media (max-width: 720px) {
  body.pw-case-design .pw-case-hero, body.pw-case-design .pw-case-grid, body.pw-case-design .pw-seo-details { grid-template-columns: minmax(0, 1fr); }
}