/* Focused article-hero repair. Preserve the established split-image design. */
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] {
  isolation:isolate;
  touch-action:pan-y pinch-zoom;
  background:#22271f;
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide {
  grid-area:1 / 1;
  min-width:0;
  position:relative;
  inset:auto;
  transform:none;
  transition:none;
  visibility:hidden;
  pointer-events:none;
  z-index:0;
  backface-visibility:hidden;
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide.active {
  visibility:visible;
  pointer-events:auto;
  transform:none;
  z-index:1;
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide.pwi-entering {
  visibility:visible;
  pointer-events:none;
  z-index:2;
}
.pwi-layout-article-index .herocar[data-carousel-state="animating"] .heroslide,
.pwi-layout-article-index .herocar[data-carousel-state="preparing"] .heroslide {
  pointer-events:none;
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide .readmore {
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide img {
  -webkit-user-drag:none;
  user-select:none;
}
/* Controls are fixed to the viewport, never animated with the content. */
.pwi-layout-article-index .pwi-carousel-controls {
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px 8px;
  border:1px solid rgba(30,33,28,.15);
  border-radius:999px;
  background:rgba(246,243,236,.97);
  color:#1e211c;
  box-shadow:0 2px 12px rgba(0,0,0,.08);
}
.pwi-layout-article-index .pwi-carousel-controls .herodots {
  position:static;
  display:flex;
  gap:0;
  margin:0;
  padding:0;
}
.pwi-layout-article-index .pwi-carousel-controls .herodot {
  position:relative;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  padding:0;
  background:transparent;
  cursor:pointer;
}
.pwi-layout-article-index .pwi-carousel-controls .herodot::after {
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#a2a99c;
  transition:background-color .16s ease;
}
.pwi-layout-article-index .pwi-carousel-controls .herodot.active::after {background:#1e211c}
.pwi-layout-article-index .pwi-carousel-rotation {
  min-width:58px;
  min-height:36px;
  padding:4px 10px;
  border:0;
  border-right:1px solid rgba(30,33,28,.14);
  background:transparent;
  color:#1e211c;
  font:700 11px/1.2 'Manrope',sans-serif;
  cursor:pointer;
}
.pwi-layout-article-index .pwi-carousel-rotation[hidden] {display:none}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroarrow {
  width:42px;
  height:42px;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroarrow.left {left:12px}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroarrow.right {right:12px}
.pwi-carousel-status {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:860px) {
  .pwi-layout-article-index .pwi-carousel-controls {top:145px;bottom:auto;right:12px}
  .pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroarrow {top:100px}
}
@media(prefers-reduced-motion:reduce) {
  .pwi-layout-article-index .herocar .heroslide {transition:none!important}
  .pwi-layout-article-index .pwi-carousel-controls .herodot::after {transition:none}
}

.pwi-layout-article-index .pwi-carousel-track {display:grid;grid-area:1/1;min-width:0;width:100%;transform:none}
.pwi-layout-article-index .herocar[data-carousel-enhanced="true"]:focus-visible {outline:3px solid #87997b;outline-offset:3px}
@media(min-width:861px){.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] .heroslide .info{padding-left:64px}}

@media(prefers-reduced-motion:reduce){.pwi-layout-article-index .herocar[data-carousel-enhanced="true"] *{transition:none!important}}