@layer editorial {
  .ws-motion-heading.ws-includes-heading {
    container: ws-heading / inline-size;
    max-width: none;
    text-align: center;
    margin: clamp(1rem, 2.5vw, 2rem) auto clamp(1rem, 2vw, 1.75rem);
  }
  .ws-motion-heading .ws-motion-title {
    display: grid;
    gap: .2em;
    font: 700 clamp(.875rem, 3cqw, 2.9rem)/1.15 Arial, Helvetica, sans-serif;
    letter-spacing: -.045em;
    color: #000;
    margin: 0;
    text-wrap: initial;
  }
  .ws-motion-readable {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .ws-motion-line { display: flex; align-items: center; justify-content: center; gap: .24em; white-space: nowrap; }
  .ws-mini-scene { position: relative; display: inline-block; flex: 0 0 auto; width: 1.8em; height: 1.28em; perspective: 600px; pointer-events: none; }
  .ws-mini-window { position: absolute; inset: .1em 0; width: 100%; height: 1.16em; overflow: visible; filter: drop-shadow(0 5px 4px #22221617); }
  .ws-mini-web .ws-mini-window { transform: rotate(-3deg); }
  .ws-mini-content .ws-mini-window { transform: rotate(4deg); }
  .ws-mini-cursor { position: absolute; left: 8%; top: 40%; display: flex; align-items: flex-start; color: #7950c8; font-size: clamp(.5rem, .9cqw, .72rem); line-height: 1; letter-spacing: 0; white-space: nowrap; }
  .ws-mini-cursor > svg { width: 1.7em; height: 1.9em; flex: 0 0 auto; }
  .ws-mini-cursor > span { margin: 1.6em 0 0 -.45em; padding: .6em .8em; background: currentColor; border: 2px solid #ffffffd9; border-radius: 999px; box-shadow: 0 2px 4px #22221614; }
  .ws-mini-cursor > span { color: #fff; background: #7950c8; }
  .ws-cursor-studio { left: 36%; top: 45%; color: #d89241; }
  .ws-cursor-studio > span { background: #d89241; }
  .ws-mini-phones { width: 1.35em; height: 1.35em; }
  .ws-mini-phone { position: absolute; top: -.07em; width: .72em; height: 1.4em; filter: drop-shadow(0 5px 4px #22221617); }
  .ws-phone-back { left: .02em; transform: translateY(.07em) rotate(-7deg); }
  .ws-phone-front { right: 0; transform: translateY(-.05em) rotate(6deg); }
  @container ws-heading (max-width: 600px) {
    .ws-motion-line { flex-wrap: wrap; white-space: normal; row-gap: .2em; }
    .ws-mini-scene { width: 1.65em; }
    .ws-mini-phones { width: 1.2em; }
    .ws-mini-cursor { font-size: clamp(.28rem, .7cqw, .45rem); }
  }
  @media (prefers-reduced-motion: reduce) {
    .ws-mini-window, .ws-mini-phone, .ws-mini-cursor { transform: none; }
  }
}