/* Keep the Illustrator phrases intact while revealing them as complete text runs. */
@media (max-width:1180px) {
  .s03-services-area.is-mobile-service-flow .svc237-canvas .svc237-phrase {
    display:block;
    white-space:nowrap;
    -webkit-text-size-adjust:none;
    text-size-adjust:none;
  }
  .s03-services-area.is-mobile-service-flow .svc237-canvas .svc237-phrase.is-selected {
    color:#fff;
    isolation:isolate;
  }
  .s03-services-area.is-mobile-service-flow .svc237-canvas .svc237-phrase.is-selected::before {
    left:var(--svc237-selection-left,-2.07px);
    width:var(--svc237-selection-width,172.919px);
    top:0;
    height:calc(100% - 1px);
    transform:none;
    animation:none;
  }
  .s03-services-area.is-mobile-service-flow .svc237-frame.is-inview .svc237-phrase {
    animation:svc255-phrase-reveal .42s steps(12,end) both;
  }
  .s03-services-area.is-mobile-service-flow .svc237-frame.is-inview .svc237-phrase.is-selected::before {
    animation:none;
  }
  @keyframes svc255-phrase-reveal {
    from {clip-path:inset(0 100% 0 0)}
    to {clip-path:inset(0 0 0 0)}
  }
}

/* The base thumbnail shivers on first mobile selection; its PSD rollover stays fixed. */
@media (max-width:1180px) and (prefers-reduced-motion:no-preference) {
  .woogi-project-tile.is-previewed:not(.is-soon) .woogi-project-tile-base-wrap {
    animation:woogi-mask-tremble .4s ease-out both;
  }
}
@media (prefers-reduced-motion:reduce) {
  .s03-services-area.is-mobile-service-flow .svc237-frame.is-inview .svc237-phrase {
    animation:none;
    clip-path:none;
  }
  .woogi-project-tile.is-previewed .woogi-project-tile-base-wrap {animation:none;}
}