/* Paired editorial illustrations; content and actions remain ordinary HTML. */
.opc-entry-card { isolation: isolate; }
.opc-entry-card .entry-copy { padding-right: 40%; }
.opc-entry-card .entry-copy h2 { font-size: clamp(28px, 2.5vw, 36px); }
.opc-entry-art { position: absolute; z-index: 1; top: 8px; right: 10px; bottom: 8px; width: 40%; max-width: 290px; display: grid; place-items: center; pointer-events: none; user-select: none; }
.opc-entry-art img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; object-position: center; }
.opc-entry-art--city { right: 0; width: 48%; max-width: 360px; }
.connect-entry { box-shadow: none; }

@media (min-width: 761px) and (max-width: 1100px) {
  .opc-entry-grid { grid-template-columns: 1fr; }
  .opc-entry-card .entry-copy h2 { font-size: 32px; }
}

@media (max-width: 760px) {
  .opc-entry-card .entry-copy { padding-right: 24px; }
  .opc-entry-card .entry-copy h2 { font-size: 28px; }
  .opc-entry-card .entry-copy h3 { font-size: 16px; }
  .opc-entry-art { top: auto; right: 6px; bottom: 4px; width: 32%; max-width: 152px; height: 142px; }
}