.ed-hero.ap-illustrated-hero {
  position: relative;
  isolation: isolate;
  background: #fff;
  padding: 42px 0;
  min-height: 420px;
  display: flex;
  align-items: center;
}
.ap-illustrated-hero .ed-wrap { position: relative; z-index: 1; }
.ap-illustrated-hero .ed-hero-meta { max-width: 45%; margin-bottom: 20px; }
.ap-illustrated-hero .ed-hero-meta .ed-kicker { display: none; }
.ap-illustrated-hero h1,
.ap-products .ap-illustrated-hero h1 { max-width: 46%; font-size: 42px; line-height: 1.12; letter-spacing: 0; }
.ap-illustrated-hero .ed-hero-bottom { max-width: 44%; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin: 22px 0 0; }
.ap-illustrated-hero .ed-hero-bottom p { font-size: 17px; line-height: 1.6; margin: 0; }
.ap-illustrated-hero .ed-actions { flex-wrap: wrap; }
.ap-illustrated-hero .ap-page-art { position: absolute; right: 2%; top: 0; width: 76%; height: 100%; object-fit: contain; object-position: right center; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
 .ap-page-art { animation: ap-art-arrive .8s ease-out both; }
 @keyframes ap-art-arrive { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 1000px) {
 .ap-illustrated-hero h1, .ap-products .ap-illustrated-hero h1 { font-size: 34px; }
}
@media (max-width: 760px) {
 .ed-hero.ap-illustrated-hero { display: block; min-height: 0; padding: 28px 0 12px; }
 .ap-illustrated-hero .ed-hero-meta,
 .ap-illustrated-hero h1,
 .ap-products .ap-illustrated-hero h1,
 .ap-illustrated-hero .ed-hero-bottom { max-width: 100%; }
 .ap-illustrated-hero h1, .ap-products .ap-illustrated-hero h1 { font-size: 32px; }
 .ap-illustrated-hero .ap-page-art { position: relative; top: auto; right: auto; display: block; width: 100%; height: auto; max-height: 260px; object-position: center; margin: 8px auto 0; }
}