/* Freeform hero tool stage: intentionally not a grid. */
.tm-tools{position:relative;display:block;min-height:430px;padding:0;direction:ltr;will-change:transform}
.tm-tool{position:absolute;place-self:auto;background-color:var(--tool-bg)}
.tm-tool--ps,.tm-tool--pr{width:132px}
.tm-tool--ai,.tm-tool--ae,.tm-tool--html,.tm-tool--wp{width:88px}
.tm-tool--ps{left:2%;top:8%;animation-name:tm-tool-drift-a;animation-duration:5.7s}
.tm-tool--ai{left:69%;top:1%;animation-name:tm-tool-drift-b;animation-duration:5.1s}
.tm-tool--ae{left:39%;top:31%;animation-name:tm-tool-drift-c;animation-duration:6.7s}
.tm-tool--pr{left:66%;top:49%;animation-name:tm-tool-drift-b;animation-duration:6.2s}
.tm-tool--html{left:8%;top:67%;animation-name:tm-tool-drift-a;animation-duration:5.9s}
.tm-tool--wp{left:41%;top:76%;animation-name:tm-tool-drift-c;animation-duration:6.4s}
@keyframes tm-tool-drift-a{0%,100%{translate:0 2px}45%{translate:5px -10px}75%{translate:-2px -4px}}
@keyframes tm-tool-drift-b{0%,100%{translate:0 -1px}38%{translate:-5px -8px}72%{translate:3px -12px}}
@keyframes tm-tool-drift-c{0%,100%{translate:1px 1px}50%{translate:-3px -9px}78%{translate:4px -4px}}
@media(max-width:680px){
  .tm-tools{min-height:440px;max-width:330px;margin-inline:auto}
  .tm-tool--ps,.tm-tool--pr{width:104px}
  .tm-tool--ai,.tm-tool--ae,.tm-tool--html,.tm-tool--wp{width:74px}
  .tm-tool--ps{left:3%;top:1%}.tm-tool--ai{left:68%;top:9%}.tm-tool--ae{left:42%;top:29%}.tm-tool--pr{left:2%;top:43%}.tm-tool--html{left:70%;top:62%}.tm-tool--wp{left:38%;top:79%}
}
@media(prefers-reduced-motion:reduce){.tm-tool{animation:none!important;translate:0 0!important}.tm-tools{transform:none!important;translate:none!important}}