@media (max-width: 1023px) {   
  .split { display: block; }
  .panel { position: absolute; left: 0; right: 0; top: 0; height: calc(100% * 2 / 3); z-index: 2; background-color: rgba(var(--band), var(--pb, 0)); }   
  .panel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 32px; pointer-events: none;
    background: linear-gradient(to bottom, rgba(var(--band), 0), rgb(var(--band))); opacity: var(--pb, 0); }
  .text { position: absolute; left: 0; right: 0; top: 44%; bottom: 0; z-index: 3; }   
  .sec { display: flex; align-items: center; }
  .txt { position: static; transform: none; padding: 24px var(--sp-gutter); gap: 8px; }
  .sec:not(.hero) .txt { position: absolute; left: max(var(--sp-gutter), calc((100% - var(--sp-max)) / 2)); right: max(var(--sp-gutter), calc((100% - var(--sp-max)) / 2)); top: calc(50% - 48.8px); padding: 0; }
  .ln { white-space: normal; }
  .hero { top: -78.5714%; }
  .hero .txt { position: absolute; left: max(var(--sp-gutter), calc((100% - var(--sp-max)) / 2)); right: max(var(--sp-gutter), calc((100% - var(--sp-max)) / 2)); top: 50%; transform: translateY(-50%); padding: 0; }
  .hero .ask { position: static; transform: none; flex-wrap: wrap; gap: 12px 16px; margin: 16px var(--sp-gutter) 0; }
  .hero .ask-i { gap: 24px; }
  .hero .ai { width: 28px; height: 28px; }
  .cases-in { width: auto; max-width: calc(var(--sp-max) + 2 * var(--sp-gutter)); padding: calc(2 * var(--sp-section)) var(--sp-gutter) 0; }   
  .ucs { grid-template-columns: 1fr; gap: var(--sp-list-item); }
  .wks { grid-template-columns: 1fr; gap: var(--sp-column-gap); }   
  .uc { height: auto; padding: 16px 8px; gap: 16px; border-radius: 0; }   
  .uc p { display: none; }   
  .chev { width: 24px; height: 24px; }   
  .wk .pic { border-radius: 16px; }
  .wk .nm { margin: var(--sp-media-caption) 8px 0; gap: 8px; }   
}
@media (prefers-reduced-motion: reduce) {
  .sec, .sec.is-active, .lbl, .panel[data-form="ring"] .lbl-ring, .panel[data-form="out"] .lbl-out, .hdr, .hdr-g, .hdr::before, .hdr::after { transition: none; }
  .uc, .uc::before, .uc p, .chev { transition: none; }   
}